Created Admins Show View (#93)

* Created Admins Show View
MatiasComercio · Feb 4, 2017 · 0550152 · 0550152
1 parent da2ad37
commit 0550152
Show file tree

Hide file tree

Showing 5 changed files with 145 additions and 0 deletions.
diff --git a/app/scripts/controllers/admins/AdminsShowCtrl.js b/app/scripts/controllers/admins/AdminsShowCtrl.js
@@ -0,0 +1,28 @@
+'use strict';
+
+define(['paw'], function(paw) {
+  paw.controller('AdminsShowCtrl', ['$routeParams', function($routeParams) {
+    var _this = this;
+    var dni = $routeParams.adminDni; // For future Service calls
+
+    this.admin = {
+      firstName: 'Matías',
+      lastName: 'Mercado',
+      email: 'mmercado@itba.edu.ar',
+      genre: 'Masculino',
+      dni: '38917403',
+      birthday: '1995-05-04',
+      address: {
+        country: 'Argentina',
+        city: 'Buenos Aires',
+        neighborhood: 'Almagro',
+        number: '682',
+        street: 'Corrientes',
+        floor: '2',
+        door: 'A',
+        telephone: '1544683390',
+        zipCode: '1100'
+      }
+    };
+  }]);
+});
diff --git a/app/scripts/routes.js b/app/scripts/routes.js
@@ -91,6 +91,11 @@ define([], function() {
                 templateUrl: 'views/admins/index.html',
                 controller: 'AdminsIndexCtrl',
                 relativePath: '/admins'
+            },
+            '/admins/:adminDni': {
+                templateUrl: '/views/admins/show.html',
+                controller: 'AdminsShowCtrl',
+                relativePath: '/admins'
             }
             /* ===== yeoman hook ===== */
             /* Do not remove these commented lines! Needed for auto-generation */

diff --git a/app/styles/main.scss b/app/styles/main.scss
@@ -27,3 +27,4 @@ $fa-font-path: '../bower_components/font-awesome/fonts';
 @import 'partials/students/final_inscriptions';
 @import 'partials/students/new';
 @import 'partials/admins/new';
+@import 'partials/admins/show';
diff --git a/app/styles/partials/admins/_show.scss b/app/styles/partials/admins/_show.scss
@@ -0,0 +1,26 @@
+@import 'modules/variables/importer';
+
+.admins-show-container {
+  .data-container {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+
+    .data-item {
+      width: 230px;
+      padding: 5px;
+
+      .break-words {
+        display: inline-block;
+        word-wrap: break-word; /* Internet Explorer 5.5+ */
+        width: 220px; /* width is mandatory to make break-word work on Mozzila */
+      }
+    }
+  }
+
+  .user-address-data {
+    padding-top: 15px;
+    border-top: 1px solid $gallery;
+  }
+}
diff --git a/app/views/admins/show.html b/app/views/admins/show.html
@@ -0,0 +1,85 @@
+<div ng-controller='AdminsShowCtrl as controller' class='admins-show-container' >
+  <!-- Page Heading -->
+  <div class='page-header break-words'>
+    <h1 class='inline'>
+      <span translate='i18nAdminsPanelSection'></span>
+    </h1>
+    <h2 class='inline'>
+      <span> - </span>
+      <span> {{controller.admin.firstName}} {{controller.admin.lastName}} </span>
+      <small> - </small>
+      <small translate='i18nProfile'></small>
+    </h2>
+  </div>
+  <!-- /Page Heading -->
+
+  <!-- User Data -->
+  <div class='data-container'>
+    <div class='data-item'>
+      <p class='bold static-label' translate='i18nDni'></p>
+      <p class='break-words'>{{controller.admin.dni}}</p>
+    </div>
+    <div class='data-item'>
+      <p class='bold static-label' translate='i18nFirstName'></p>
+      <p class='break-words'>{{controller.admin.firstName}}</p>
+    </div>
+    <div class='data-item'>
+      <p class='bold static-label' translate='i18nLastName'></p>
+      <p class='break-words'>{{controller.admin.lastName}}</p>
+    </div>
+    <div class='data-item'>
+      <p class='bold static-label' translate='i18nBirthday'></p>
+      <p class='break-words'>{{controller.admin.birthday}}</p>
+    </div>
+    <div class='data-item'>
+      <p class='bold static-label' translate='i18nGenre'></p>
+      <p class='break-words'>{{controller.admin.genre}}</p>
+    </div>
+    <div class='data-item'>
+      <p class='bold static-label' translate='i18nTelephone'></p>
+      <p class='break-words'>{{controller.admin.address.telephone}}</p>
+    </div>
+    <div class='data-item'>
+      <p class='bold static-label' translate='i18nEmail'></p>
+      <p class='break-words'>{{controller.admin.email}}</p>
+    </div>
+  </div>
+  <!-- /User Data -->
+
+  <!-- Address Data -->
+  <div class='data-container user-address-data'>
+    <div class='data-item'>
+      <p class='bold static-label' translate='i18nCountry'></p>
+      <p class='break-words'>{{controller.admin.address.country}}</p>
+    </div>
+    <div class='data-item'>
+      <p class='bold static-label' translate='i18nCity'></p>
+      <p class='break-words'>{{controller.admin.address.city}}</p>
+    </div>
+    <div class='data-item'>
+      <p class='bold static-label' translate='i18nNeighborhood'></p>
+      <p class='break-words'>{{controller.admin.address.neighborhood}}</p>
+    </div>
+    <div class='data-item'>
+      <p class='bold static-label' translate='i18nStreet'></p>
+      <p class='break-words'>{{controller.admin.address.street}}</p>
+    </div>
+    <div class='data-item'>
+      <p class='bold static-label' translate='i18nNumber'></p>
+      <p class='break-words'>{{controller.admin.address.number}}</p>
+    </div>
+    <div class='data-item'>
+      <p class='bold static-label' translate='i18nFloor'></p>
+      <p class='break-words'>{{controller.admin.address.floor}}</p>
+    </div>
+    <div class='data-item'>
+      <p class='bold static-label' translate='i18nDoor'></p>
+      <p class='break-words'>{{controller.admin.address.door}}</p>
+    </div>
+    <div class='data-item'>
+      <p class='bold static-label' translate='i18nZipCode'></p>
+      <p class='break-words'>{{controller.admin.address.zipCode}}</p>
+    </div>
+  </div>
+  <!-- /Address Data -->
+</div>