Luigi / foca-botonera-principal

Download as
Browse Code ยป

Commit 464933eea02915abec993e1043f3e8b9f28ec29c

Authored by Eric Fernandez
2 parents e07e2f505b d7689870ad
Exists in master

Merge branch 'master' into 'master' 

Master (pmarco)

See merge request modulos-npm/foca-botonera-principal!5
Showing 6 changed files   Show diff stats
1 <html ng-app="focaBotoneraPrincipal"> 1 <html ng-app="focaBotoneraPrincipal">
2 <head> 2 <head>
3 <meta charset="UTF-8"/> 3 <meta charset="UTF-8"/>
4 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 4 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
5 5
6 <!--CSS--> 6 <!--CSS-->
7 <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/> 7 <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
8 <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet"/> 8 <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
9 9
10 <!--VENDOR JS--> 10 <!--VENDOR JS-->
11 <script src="node_modules/jquery/dist/jquery.min.js"></script> 11 <script src="node_modules/jquery/dist/jquery.min.js"></script>
12 <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script> 12 <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
13 <script src="node_modules/angular/angular.min.js"></script> 13 <script src="node_modules/angular/angular.min.js"></script>
14 <script src="node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script> 14 <script src="node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script>
15 15
16 <!-- BUILD --> 16 <!-- BUILD -->
17 <script src="src/js/app.js"></script> 17 <script src="src/js/app.js"></script>
18 <script src="src/js/controller.js"></script> 18 <script src="src/js/controller.js"></script>
19 <!--<script src="src/js/service.js"></script>--> 19 <script src="src/js/service.js"></script>
20 20
21 <!-- /BUILD --> 21 <!-- /BUILD -->
22 22
23 <!-- CONFIG PARA DEVELOP --> 23 <!-- CONFIG PARA DEVELOP -->
24 <!--<script src="src/etc/develop.js"></script>--> 24 <script src="src/etc/develop.js"></script>
25 </head> 25 </head>
26 <body ng-controller="focaBotoneraPrincipalController"> 26 <body ng-controller="focaBotoneraPrincipalController">
27 </body> 27 </body>
28 </html> 28 </html>
29 29
src/etc/develop.js.ejemplo
Diff comments   View file @ 464933e
File was created 1 angular.module('focaBotoneraPrincipal')
2 .constant("API_ENDPOINT", {
3 'URL': '//127.0.0.1:9000'
4 });
5
src/js/controller.js
Diff comments   View file @ 464933e
1 angular.module('focaBotoneraPrincipal') 1 angular.module('focaBotoneraPrincipal')
2 .controller('focaBotoneraPrincipalController', [ 2 .controller('focaBotoneraPrincipalController', [
3 '$scope', '$location', '$cookies', 'focaModalService', 3 '$scope', '$location', '$cookies', 'botones', 'focaModalService',
4 function($scope, $location, $cookies, focaModalService) { 4 function($scope, $location, $cookies, botones, focaModalService) {
5 // TODO: Tomar estos datos desde el servicio
6 $scope.botones = [
7 {
8 texto: 'Abrir Turno',
9 clase: 'botonera-principal-abrir-turno',
10 accion: '/turno-apertura'
11 },
12 {
13 texto: 'Cerrar Turno',
14 clase: 'botonera-principal-cerrar-turno',
15 accion: '/turno-cierre'
16 },
17 {
18 texto: 'Nota Pedido',
19 clase: 'botonera-principal-nota-pedido',
20 accion: '/venta-nota-pedido/crear'
21 },
22 {
23 texto: 'Seguimiento GPS',
24 clase: 'botonera-principal-seguimiento',
25 accion: '/admin-seguimiento'
26 },
27 {
28 texto: '',
29 clase: 'botonera-principal-vacio',
30 accion: '/'
31 },
32 {
33 texto: '',
34 clase: 'botonera-principal-vacio',
35 accion: '/'
36 },
37 {
38 texto: '',
39 clase: 'botonera-principal-vacio',
40 accion: '/'
41 },
42 {
43 texto: '',
44 clase: 'botonera-principal-vacio',
45 accion: '/'
46 },
47 {
48 texto: '',
49 clase: 'botonera-principal-vacio',
50 accion: '/'
51 },
52 {
53 texto: '',
54 clase: 'botonera-principal-vacio',
55 accion: '/'
56 },
57 {
58 texto: '',
59 clase: 'botonera-principal-vacio',
60 accion: '/'
61 },
62 {
63 texto: '',
64 clase: 'botonera-principal-vacio',
65 accion: '/'
66 },
67 {
68 texto: '',
69 clase: 'botonera-principal-vacio',
70 accion: '/'
71 },
72 {
73 texto: '',
74 clase: 'botonera-principal-vacio',
75 accion: '/'
76 },
77 {
78 texto: '',
79 clase: 'botonera-principal-vacio',
80 accion: '/'
81 },
82 {
83 texto: '',
84 clase: 'botonera-principal-vacio',
85 accion: '/'
86 },
87 {
88 texto: '',
89 clase: 'botonera-principal-vacio',
90 accion: '/'
91 },
92 {
93 texto: '',
94 clase: 'botonera-principal-vacio',
95 accion: '/'
96 },
97 {
98 texto: '',
99 clase: 'botonera-principal-vacio',
100 accion: '/'
101 },
102 {
103 texto: '',
104 clase: 'botonera-principal-vacio',
105 accion: '/'
106 },
107 {
108 texto: '',
109 clase: 'botonera-principal-vacio',
110 accion: '/'
111 }
112 ];
113
114 $scope.paginas = []; 5 $scope.paginas = [];
115 $scope.paginas.push($scope.botones.slice(0, 15)); 6 $scope.paginas.push(botones.data);
116 $scope.paginas.push($scope.botones.slice(15, 30));
117 7
118 $scope.irA = function(accion) { 8 $scope.irA = function(accion) {
119 $location.path(accion); 9 $location.path(accion);
120 }; 10 };
121 11
122 $scope.logout = function() { 12 $scope.logout = function() {
123 $location.path('/logout'); 13 $location.path('/logout');
124 }; 14 };
125 15
126 $scope.showTerminal = function() { 16 $scope.showTerminal = function() {
127 var key = $cookies.get('terminalKey'); 17 var key = $cookies.get('terminalKey');
128 focaModalService.alert('SU TERMINAL ES: ' + key); 18 focaModalService.alert('SU TERMINAL ES: ' + key);
129 }; 19 };
130 } 20 }
131 ]); 21 ]);
132 22
1 angular.module('focaBotoneraPrincipal') 1 angular.module('focaBotoneraPrincipal')
2 .config(['$routeProvider', function($routeProvider) { 2 .config(['$routeProvider', function($routeProvider) {
3 $routeProvider.when('/', { 3 $routeProvider.when('/', {
4 controller: 'focaBotoneraPrincipalController', 4 controller: 'focaBotoneraPrincipalController',
5 templateUrl: 'src/views/foca-botonera-principal.html' 5 templateUrl: 'src/views/foca-botonera-principal.html',
6 resolve: {
7 botones: ['focaBotoneraPrincipalService', function(focaBotoneraPrincipalService) {
8 return focaBotoneraPrincipalService.obtenerBotones();
9 }]
10 }
6 }); 11 });
7 }]); 12 }]);
8 13
File was created 1 angular.module('focaBotoneraPrincipal')
2 .service('focaBotoneraPrincipalService', [
3 '$http', 'API_ENDPOINT',
4 function($http, API_ENDPOINT) {
5 return {
6 obtenerBotones: function() {
7 return $http.get(API_ENDPOINT.URL + '/boton');
8 }
9 };
10 }
11 ]);
12
src/views/foca-botonera-principal.html
Diff comments   View file @ 464933e
1 <div class="botonera-principal"> 1 <div class="botonera-principal">
2 <div class="row"> 2 <div class="row">
3 <div class="offset-2 offset-sm-4 col-8 col-sm-4 py-2"> 3 <div class="offset-2 offset-sm-4 col-8 col-sm-4 py-2">
4 <img class="botonera-principal-logo" src="./img/logo.png"/> 4 <img class="botonera-principal-logo" src="./img/logo.png"/>
5 </div> 5 </div>
6 </div> 6 </div>
7 <div class="row"> 7 <div class="row">
8 <div class="col-12 mb-3"> 8 <div class="col-12 mb-3">
9 <swiper on-init="inicioSwiper"> 9 <swiper on-init="inicioSwiper">
10 <slides> 10 <slides>
11 <slide ng-repeat="pagina in paginas"> 11 <slide ng-repeat="pagina in paginas">
12 <menu class="botonera-principal-menu"> 12 <menu class="botonera-principal-menu">
13 <menuitem ng-class="boton.clase" ng-repeat="boton in pagina"> 13 <menuitem ng-class="boton.clase" ng-repeat="boton in pagina">
14 <button ng-click="irA(boton.accion)"> 14 <button ng-click="irA(boton.accion)">
15 <span ng-bind="boton.texto"></span> 15 <span ng-bind="boton.texto"></span>
16 </button> 16 </button>
17 </menuitem> 17 </menuitem>
18 </menu> 18 </menu>
19 </slide> 19 </slide>
20 </slides> 20 </slides>
21 <prev></prev> 21 <prev></prev>
22 <next></next> 22 <next></next>
23 <pagination></pagination> 23 <pagination></pagination>
24 </swiper> 24 </swiper>
25 <a 25 <a
26 class="btn btn-outline-dark mt-5 btn-lg" 26 class="btn btn-outline-dark mt-5 btn-lg"
27 href="javascript:void()" 27 href="javascript:void()"
28 ng-click="showTerminal()" 28 ng-click="showTerminal()"
29 > 29 >
30 <i class="fa fa-info-circle" aria-hidden="true"></i> 30 <i class="fa fa-info-circle" aria-hidden="true"></i>
31 </a> 31 </a>
32 <a class="btn btn-outline-dark mt-5 btn-lg float-right" 32 <a class="btn btn-outline-dark mt-5 btn-lg float-right"
33 href="javascript:void()" 33 href="javascript:void()"
34 ng-click="logout()" 34 ng-click="logout()"
35 > 35 >
36 <i class="fa fa-power-off" aria-hidden="true"></i> 36 <i class="fa fa-power-off" aria-hidden="true"></i>
37 </a> 37 </a>
38 </div> 38 </div>
39 </div> 39 </div>
40 </div> 40 </div>
41 41