Création d'une page de connexion ================================ ![category](web) ![tag](design) ![tag](angularjs) La page de connexion est surement un des éléments les plus basique d'une application. Je donne içi un exemple de page de connexion réalisé avec **angularjs**, **font-awesome** et **angular-messages** .. figure:: images/201512012019.png Pré requis ---------- ```bash bower install angular-material bower install angular-messages bower install angular-fontawesome bower install angular ``` Solution -------- le fichier app/app.js ```javascript var module = angular.module("MyPortailWifi", ['ngMessages', 'picardy.fontawesome', 'ngMaterial' ]); // add theme module.config(function($mdThemingProvider) { $mdThemingProvider.theme('default') .primaryPalette('orange') .accentPalette('green'); }); // add controler module.controller('AppController', function($scope) { $scope.getInit = function() { //todo }; $scope.valid = function() { //todo alert('click from ' + $scope.email); }; // init data $scope.getInit(); }); ``` le fichier css/mycss.css ```css width: 380px; margin: 4em auto; padding: 3em 2em 2em 2em; background: #fafafa; border: 1px solid #ebebeb; box-shadow: rgba(0,0,0,0.14902) 0px 1px 1px 0px,rgba(0,0,0,0.09804) 0px 1px 2px 0px; } le fichier index.html ```html Portail Wifi
```