web: Add telecentros-br page

Signed-off-by: Eduardo L. Buratti <elb09@c3sl.ufpr.br>

web/app/js/app.js

@@ -11,12 +11,17 @@ angular.module('datasid', ['ngResource', 'ui.router', 'datasid.controllers', 'da
             state('attendance', {
                 abstract: true,
                 url: '/attendance',
+                controller: 'AttendanceCtrl',
                 template: '<div ui-view></div>'
             }).
             state('attendance.index', {
                 url: '',
                 templateUrl: 'partials/attendance.html',
-                controller: 'AttendanceCtrl',
+                section: 'attendance'
+            }).
+            state('attendance.telecentrosbr', {
+                url: '/telecentrosbr',
+                templateUrl: 'partials/attendance.telecentrosbr.html',
                 section: 'attendance'
             }).
             state('install', {

web/app/partials/attendance.html

@@ -2,20 +2,20 @@
     <p>Clique no logo para ir até a sua página de monitoramento:</p>
 
     <div class="attendance-links">
-        <a href="">
+        <a href="#/attendance/telecentrosbr">
             <span class="icon icon-telecentros-br"></span>
         </a>
 
-        <a href="">
+        <a href="#/attendance/gesac">
             <span class="icon icon-gesac"></span>
         </a>
 
-        <a href="">
+        <a href="#/attendance/cidades-digitais">
             <span class="icon icon-cidades-digitais"></span>
         </a>
     </div>
 
-    <a href="" class="attendance-search-button">
+    <a href="#/attendance/search" class="attendance-search-button">
         Busca personalizada
     </a>
 </div>
\ No newline at end of file

web/app/partials/attendance.telecentrosbr.html

+<div class="attendance">
+
+    <div class="attendance-menu-left green">
+        <span class="icon icon-telecentros-br"></span>
+
+        <div class="menu-header">Gráficos</div>
+        <ul class="menu-body">
+            <li><a href="">Disponibilidade</a></li>
+            <li><a href="">Inventário</a></li>
+            <li><a href="">Alteração de Inventário</a></li>
+            <li><a href="">Uso da Rede</a></li>
+        </ul>
+    </div>
+
+    <p>Clique no logo para ir até a sua página de monitoramento:</p>
+</div>
\ No newline at end of file

web/assets/less/attendance.less

@@ -7,18 +7,6 @@
             opacity: 0.7;
         }
     }
-}
-
-.attendance-links {
-    position: relative;
-    margin-top: 50px;
-    min-height: 1px;
-
-    a {
-        width: 250px;
-        float: left;
-        margin-left: 50px;
-    }
 
     .icon {
         display: block;
@@ -49,6 +37,18 @@
     }
 }
 
+.attendance-links {
+    position: relative;
+    margin-top: 50px;
+    min-height: 1px;
+
+    a {
+        width: 250px;
+        float: left;
+        margin-left: 50px;
+    }
+}
+
 .attendance-search-button {
     display: block;
     margin-top: 225px;
@@ -60,4 +60,32 @@
     font-size: 1.8em;
     text-align: center;
     border-radius: 5px;
+}
+
+.attendance-menu-left {
+    width: 250px;
+    min-height: 300px;
+
+    .icon {
+        margin-bottom: 40px;
+    }
+
+    .menu-header {
+        background-color: #8ec63f;
+        border-radius: 2px;
+        padding: 3px 6px;
+        font-weight: bold;
+        color: white;
+        font-size: 1.2em;
+    }
+
+    .menu-body {
+        list-style: none;
+        padding-left: 0;
+
+        li {
+            border-bottom: 1px dashed #8ec63f;
+            padding: 4px 16px;
+        }
+    }
 }
\ No newline at end of file