Add Admins service (#102)

- Also Add API integration on admins index - Fix autoscroll true on ng-view
MatiasComercio · Feb 4, 2017 · bf04d94 · bf04d94
1 parent 92ca377
commit bf04d94
Show file tree

Hide file tree

Showing 4 changed files with 56 additions and 37 deletions.
diff --git a/app/index.html b/app/index.html
@@ -36,7 +36,7 @@
     <!-- content -->
     <div class='content-container'>
       <!-- ng-view -->
-      <div ng-view='' class='ng-view-container'></div>
+      <div ng-view='' class='ng-view-container' autoscroll='true'></div>
       <!-- \ng-view -->
 
       <!-- footer -->

diff --git a/app/scripts/controllers/admins/AdminsIndexCtrl.js b/app/scripts/controllers/admins/AdminsIndexCtrl.js
@@ -1,7 +1,8 @@
 'use strict';
 
-define(['paw'], function(paw) {
-  paw.controller('AdminsIndexCtrl', ['$routeParams', function($routeParams) {
+define(['paw', 'services/Admins'], function(paw) {
+  paw.controller('AdminsIndexCtrl', ['$routeParams', 'Admins',
+  function($routeParams, Admins) {
 
     var _this = this;
     this.filter = {
@@ -14,36 +15,8 @@ define(['paw'], function(paw) {
       this.filter = {};
     };
 
-    this.admins = [
-      {
-        firstName: 'Matías',
-        lastName: 'Mercado',
-        dni: '12345685'
-      },
-      {
-        firstName: 'Facundo',
-        lastName: 'Mercado',
-        dni: '32775545'
-      },
-      {
-        firstName: 'Gibar',
-        lastName: 'Sin',
-        dni: '32365545'
-      },
-      {
-        firstName: 'Obi Wan',
-        lastName: 'Kenobi',
-        dni: '45645682'
-      },
-      {
-        firstName: 'Darth',
-        lastName: 'Vader',
-        dni: '12345685'
-      },
-      {
-        firstName: 'Luke',
-        lastName: 'Skywalker',
-        dni: '56345686'
-      }];
-    }]);
-  });
+    Admins.getList().then(function(admins) {
+      _this.admins = admins;
+    });
+  }]);
+});
diff --git a/app/scripts/services/Admins.js b/app/scripts/services/Admins.js
@@ -0,0 +1,46 @@
+'use strict';
+
+define(['paw', 'services/AuthenticatedRestangular'], function(paw) {
+  paw.service('Admins', ['AuthenticatedRestangular', 'Paths',
+  function(AuthenticatedRestangular, Paths) {
+    // this is needed as an array is expected from Restangular own methods
+    // not needed if we are going to use Restangular's custom* methods
+    var rest = AuthenticatedRestangular.withConfig(function(RestangularConfigurer) {
+      RestangularConfigurer.addResponseInterceptor(
+        function(data, operation, what, url, response, deferred) {
+          if (operation === 'getList') {
+            if (what === 'admins') {
+              return data.admins;
+            }
+            return data;
+          } else if (operation === 'post') {
+            return response;
+          } else {
+            return data;
+          }
+        }
+      );
+      RestangularConfigurer.setRestangularFields({
+        id: 'dni'
+      });
+      RestangularConfigurer.extendModel('admins', function(admin) {
+        admin.fullName = admin.firstName + ' ' + admin.lastName;
+        admin.profileUrl = Paths.get().admins(admin).path;
+        return admin;
+      });
+    });
+
+    var subject = rest.all('admins');
+
+    // add own methods as follows
+    rest.getList = function() {
+      return subject.getList();
+    };
+
+    rest.get = function(dni) {
+      return subject.get(dni);
+    };
+
+    return rest;
+  }]);
+});
diff --git a/app/views/admins/index.html b/app/views/admins/index.html
@@ -52,7 +52,7 @@ <h1 translate='i18nAdminsPanelSection' class='page-header'></h1>
           <td>{{ admin.firstName }}</td>
           <td>{{ admin.lastName }}</td>
           <td class='actions-container'>
-            <a class='btn btn-default' role='button'>
+            <a ng-href='{{ admin.profileUrl }}' class='btn btn-default' role='button'>
               <span class='fa fa-user' aria-hidden='true'></span>
               <span translate='i18nAdminShow'></span>
             </a>