Ajout d'une page de profil

Fix #6

Ajout d'une page de profil
Fix #6
Geoffrey PREUD'HOMME
1 parent 92478c1b
Showing 5 changed files with 38 additions and 8 deletions Show diff stats
public/js/app.js
public/js/controllers/SessionCtrl.js -> public/js/controllers/NavbarCtrl.js
public/js/controllers/ProfileCtrl.js
public/views/index.html
public/views/profile.html
-angular.module('ciApp', ['ngAnimate', 'ngRoute', 'ConnectCtrl', 'MembreCtrl', 'ForumDirCtrl', 'ForumConvCtrl', 'SessionsCtrl']).config(function ($routeProvider, $locationProvider) {
+angular.module('ciApp', ['ngAnimate', 'ngRoute', 'ConnectCtrl', 'MembreCtrl', 'ForumDirCtrl', 'ForumConvCtrl', 'SessionsCtrl', 'ProfileCtrl']).config(function ($routeProvider, $locationProvider) {
     $routeProvider
         .when('/', {
             templateUrl: 'views/home.html'
@@ -22,6 +22,10 @@ angular.module(&#39;ciApp&#39;, [&#39;ngAnimate&#39;, &#39;ngRoute&#39;, &#39;ConnectCtrl&#39;, &#39;MembreCtrl&#39;, &#39;F
             templateUrl: 'views/connect.html',
             controller: 'ConnectCtrl'
         })
+        .when('/profile', {
+            templateUrl: 'views/profile.html',
+            controller: 'ProfileCtrl'
+        })
         .otherwise({
             redirectTo: '/'
         });
 angular.module('SessionsCtrl', ['SessionsServ'])
-    .controller('SessionCtrl', function ($scope, SessionServ) {
+    .controller('NavbarCtrl', function ($scope, SessionServ) {
         $scope.isCollapsed = false;
         $scope.session = SessionServ.cur;
-        $scope.disconnect = function () {
-            SessionServ.disconnect();
-        };
         SessionServ.onChange(function () {
             $scope.session = SessionServ.cur;
         });
@@ -0,0 +1,10 @@
+angular.module('ProfileCtrl', ['SessionsServ', 'ApiServ'])
+    .controller('ProfileCtrl', function ($scope, SessionServ, ApiServ) {
+        $scope.session = SessionServ.cur;
+        SessionServ.onChange(function () {
+            $scope.session = SessionServ.cur;
+        });
+        $scope.disconnect = function () {
+            SessionServ.disconnect();
+        };
+    });
@@ -28,16 +28,17 @@
     <script src="js/services/EncryptServ.js"></script>
     <script src="js/services/SessionServ.js"></script>
     <script src="js/directives/MessEditDrct.js"></script>
-    <script src="js/controllers/SessionCtrl.js"></script>
+    <script src="js/controllers/NavbarCtrl.js"></script>
     <script src="js/controllers/ConnectCtrl.js"></script>
     <script src="js/controllers/MembreCtrl.js"></script>
+    <script src="js/controllers/ProfileCtrl.js"></script>
     <script src="js/controllers/ForumDirCtrl.js"></script>
     <script src="js/controllers/ForumConvCtrl.js"></script>
     <script src="js/app.js"></script>
 </head>
 <body ng-app="ciApp">
-    <nav class="navbar navbar-inverse navbar-fixed-top" ng-controller="SessionCtrl">
+    <nav class="navbar navbar-inverse navbar-fixed-top" ng-controller="NavbarCtrl">
         <div class="container-fluid">
             <div class="navbar-header">
                 <a class="navbar-brand" href="/">Club Info</a>
@@ -56,7 +57,9 @@
                 <ul class="nav navbar-nav navbar-right" id="SessionIndc">
                     <li>
                         <a ng-hide="session" href="/connect">Se connecter</a>
-                        <a ng-show="session" href="#" ng-click="disconnect()">{{ session.nom }} <span class="glyphicon glyphicon-off"></span></a>
+                        <a ng-show="session" href="/profile">
+                            <span class="glyphicon glyphicon-user"></span> {{ session.nom }}
+                        </a>
                     </li>
                 </ul>
             </div>
@@ -0,0 +1,16 @@
+<div class="container">
+    <h1>Profil de {{ session.nom }}</h1>
+    <p>
+        <strong>Login : </strong>{{ session.login }}
+    </p>
+    <p>
+        <strong>Section : </strong>{{ session.section }}
+    </p>
+    <p>
+        <strong>Rôle : </strong>
+        <span ng-class="{bureau: session.bureau}">{{ session.role }}</span>
+    </p>
+    <button type="button" class="btn btn-warning" aria-label="Se déconnecter" ng-click="disconnect()">
+        <span class="glyphicon glyphicon-off" aria-hidden="true"></span> Se déconnecter
+    </button>
+</div>
 \ No newline at end of file