Martin Macola / foca-botonera-principal

Download as
Browse Code ยป

Commit 451c4c14e6f8466d87db59b76fdf3e9dcb55f0ac

Authored by Martin Macola
2 parents b3e4da4bcc 93d197c98d
Exists in master

merge conflicts

Showing 3 changed files   Show diff stats
1 { 1 {
2 "name": "foca-botonera-principal", 2 "name": "foca-botonera-principal",
3 "version": "0.0.1", 3 "version": "0.0.1",
4 "description": "Botonera principal", 4 "description": "Botonera principal",
5 "scripts": { 5 "scripts": {
6 "frefresh": "gulp uglify && cp tmp/foca-botonera-principal.js ../wrapper-facturador/node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js",
7 "refresh": "gulp uglify && cp tmp/foca-botonera-principal.js ../wrapper-demo/node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js",
6 "refresh": "gulp uglify && cp tmp/foca-botonera-principal.js ../wrapper-demo/node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js", 8 "test": "echo \"Error: no test specified\" && exit 1",
7 "frefresh": "gulp uglify && cp tmp/foca-botonera-principal.js ../wrapper-facturador/node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js", 9 "gulp-pre-commit": "gulp pre-commit",
8 "test": "echo \"Error: no test specified\" && exit 1", 10 "compile": "gulp uglify",
9 "gulp-pre-commit": "gulp pre-commit", 11 "postinstall": "npm run compile && gulp clean-post-install",
10 "compile": "gulp uglify", 12 "install-dev": "npm install -D angular bootstrap font-awesome gulp gulp-angular-templatecache gulp-concat gulp-connect gulp-htmlmin gulp-jshint gulp-rename gulp-replace gulp-uglify gulp-clean jasmine-core jquery jshint pre-commit pump ui-bootstrap4"
11 "postinstall": "npm run compile && gulp clean-post-install", 13 },
12 "install-dev": "npm install -D angular bootstrap font-awesome gulp gulp-angular-templatecache gulp-concat gulp-connect gulp-htmlmin gulp-jshint gulp-rename gulp-replace gulp-uglify gulp-clean jasmine-core jquery jshint pre-commit pump ui-bootstrap4" 14 "pre-commit": [
13 }, 15 "gulp-pre-commit"
14 "pre-commit": [ 16 ],
15 "gulp-pre-commit" 17 "repository": {
16 ], 18 "type": "git",
17 "repository": { 19 "url": "https://debo.suite.repo/modulos-npm/foca-botonera-principal"
18 "type": "git", 20 },
19 "url": "https://debo.suite.repo/modulos-npm/foca-botonera-principal" 21 "author": "Foca Software",
20 }, 22 "license": "ISC",
21 "author": "Foca Software", 23 "peerDependencies": {
22 "license": "ISC", 24 "angular": "^1.7.4",
23 "peerDependencies": { 25 "bootstrap": "^4.1.3",
24 "angular": "^1.7.4", 26 "font-awesome": "^4.7.0",
25 "bootstrap": "^4.1.3", 27 "ui-bootstrap4": "^3.0.4",
26 "font-awesome": "^4.7.0", 28 "gulp": "^3.9.1",
27 "ui-bootstrap4": "^3.0.4", 29 "gulp-angular-templatecache": "^2.2.1",
28 "gulp": "^3.9.1", 30 "gulp-concat": "^2.6.1",
29 "gulp-angular-templatecache": "^2.2.1", 31 "gulp-connect": "^5.6.1",
30 "gulp-concat": "^2.6.1", 32 "gulp-htmlmin": "^5.0.1",
31 "gulp-connect": "^5.6.1", 33 "gulp-rename": "^1.4.0",
32 "gulp-htmlmin": "^5.0.1", 34 "gulp-replace": "^1.0.0",
33 "gulp-rename": "^1.4.0", 35 "gulp-uglify": "^3.0.1",
34 "gulp-replace": "^1.0.0", 36 "jquery": "^3.3.1",
35 "gulp-uglify": "^3.0.1", 37 "pump": "^3.0.0",
36 "jquery": "^3.3.1", 38 "foca-modal": "git+http://git.focasoftware.com/npm/foca-modal.git"
37 "pump": "^3.0.0", 39 },
38 "foca-modal": "git+http://git.focasoftware.com/npm/foca-modal.git" 40 "devDependencies": {
39 }, 41 "angular": "^1.7.5",
40 "devDependencies": { 42 "bootstrap": "^4.1.3",
41 "angular": "^1.7.5", 43 "font-awesome": "^4.7.0",
42 "bootstrap": "^4.1.3", 44 "gulp": "^3.9.1",
43 "font-awesome": "^4.7.0", 45 "gulp-angular-templatecache": "^2.2.2",
44 "gulp": "^3.9.1", 46 "gulp-clean": "^0.4.0",
45 "gulp-angular-templatecache": "^2.2.2", 47 "gulp-concat": "^2.6.1",
46 "gulp-clean": "^0.4.0", 48 "gulp-connect": "^5.6.1",
47 "gulp-concat": "^2.6.1", 49 "gulp-htmlmin": "^5.0.1",
48 "gulp-connect": "^5.6.1", 50 "gulp-jshint": "^2.1.0",
49 "gulp-htmlmin": "^5.0.1", 51 "gulp-rename": "^1.4.0",
50 "gulp-jshint": "^2.1.0", 52 "gulp-replace": "^1.0.0",
51 "gulp-rename": "^1.4.0", 53 "gulp-uglify": "^3.0.1",
52 "gulp-replace": "^1.0.0", 54 "jasmine-core": "^3.3.0",
53 "gulp-uglify": "^3.0.1", 55 "jquery": "^3.3.1",
54 "jasmine-core": "^3.3.0", 56 "jshint": "^2.9.6",
55 "jquery": "^3.3.1", 57 "pre-commit": "^1.2.2",
56 "jshint": "^2.9.6", 58 "pump": "^3.0.0",
57 "pre-commit": "^1.2.2", 59 "ui-bootstrap4": "^3.0.5",
58 "pump": "^3.0.0", 60 "foca-modal": "git+http://git.focasoftware.com/npm/foca-modal.git"
59 "ui-bootstrap4": "^3.0.5", 61 }
60 "foca-modal": "git+http://git.focasoftware.com/npm/foca-modal.git" 62 }
61 } 63
src/js/controller.js
Diff comments   View file @ 451c4c1
1 angular.module('focaBotoneraPrincipal') 1 angular.module('focaBotoneraPrincipal')
2 .controller('focaBotoneraPrincipalController', [ 2 .controller('focaBotoneraPrincipalController', [
3 '$scope', '$rootScope', '$timeout', '$location', '$localStorage', 3 '$scope', '$rootScope', '$timeout', '$location', '$localStorage',
4 'botones', 'focaModalService', 'APP', 'focaBotoneraLateralService', 4 'botones', 'focaModalService', 'APP', 'focaBotoneraLateralService',
5 function($scope, $rootScope, $timeout, $location, $localStorage, 5 function ($scope, $rootScope, $timeout, $location, $localStorage,
6 botones, focaModalService, APP, focaBotoneraLateralService) { 6 botones, focaModalService, APP, focaBotoneraLateralService) {
7 $scope.paginas = []; 7 $scope.paginas = [];
8 var botonesPorPagina = 10; 8 var botonesPorPagina = 10;
9 if(APP === 'distribuidor' || APP === 'transportista') { 9 if (APP === 'distribuidor' || APP === 'transportista') {
10 botonesPorPagina = 3; 10 botonesPorPagina = 3;
11 } 11 }
12 for(var i = 0; i < botones.data.length; i += botonesPorPagina){ 12 for (var i = 0; i < botones.data.length; i += botonesPorPagina) {
13 $scope.paginas.push(botones.data.slice(i, i + botonesPorPagina)); 13 $scope.paginas.push(botones.data.slice(i, i + botonesPorPagina));
14 } 14 }
15 15
16 focaBotoneraLateralService.showGuardar(false); 16 focaBotoneraLateralService.showGuardar(false);
17 focaBotoneraLateralService.showPagar(false); 17 focaBotoneraLateralService.showPagar(false);
18 focaBotoneraLateralService.showPausar(false); 18 focaBotoneraLateralService.showPausar(false);
19 focaBotoneraLateralService.showSalir(false); 19 focaBotoneraLateralService.showSalir(false);
20 focaBotoneraLateralService.showCancelar(false); 20 focaBotoneraLateralService.showCancelar(false);
21 21
22 $scope.rutas = $localStorage.rutas ? JSON.parse($localStorage.rutas) : [];
23
22 $scope.irA = function(accion) { 24 $scope.irA = function (accion) {
23 $location.path(accion); 25 $location.path(accion);
24 }; 26 };
25 27
26 $scope.logout = function() { 28 $scope.logout = function () {
27 $location.path('/logout'); 29 $location.path('/logout');
28 }; 30 };
29 31
30 $scope.showTerminal = function() { 32 $scope.showTerminal = function () {
31 var key = $localStorage.terminalKey; 33 var key = $localStorage.terminalKey;
32 focaModalService.alert('SU TERMINAL ES: ' + key); 34 focaModalService.info('Su terminal es: ' + key);
35 };
33 }; 36
34 } 37 }
35 ]); 38 ]);
36 39
src/views/foca-botonera-principal.html
Diff comments   View file @ 451c4c1
1 <div class="botonera-principal"> 1 <div class="botonera-principal">
2 <div class="row"> 2 <div class="d-flex">
3 <div class=" col-6"> 3 <div ng-if="rutas.length > 0" class="ml-auto dropdown">
4 <img class="botonera-principal-logo" src="./img/logoMapa.png"/> 4 <button
5 class="m-0 btn-tareas-pausadas dropdown-toggle"
6 type="button"
7 id="dropdownMenuButton"
8 data-toggle="dropdown"
9 aria-haspopup="true"
10 aria-expanded="false"
11 >
12 Tareas Pausadas
13 </button>
14 <div class="dropdown-tareas-pausadas dropdown-menu" aria-labelledby="dropdownMenuButton">
15 <a
16 ng-click="irA(ruta)"
17 ng-repeat="ruta in rutas track by $index"
18 class="items-dropdown dropdown-item m-1">
19 Volver a: {{ruta}}
20 </a>
21 </div>
22 </div>
23 </div>
24 <div class="row mt-3 justify-content-center">
25 <div class="col-auto p-0">
26 <img src="./img/logoMapa.png" />
5 </div> 27 </div>
6 </div> 28 </div>
7 <div class="row"> 29 <div class="row">
8 <div class="col-12 mb-3"> 30 <div class="col-12 mb-3">
9 <swiper on-init="inicioSwiper"> 31 <swiper on-init="inicioSwiper">
10 <slides> 32 <slides>
11 <slide ng-repeat="pagina in paginas"> 33 <slide ng-repeat="(keyPagina, pagina) in paginas">
12 <menu class="botonera-principal-menu"> 34 <menu class="botonera-principal-menu">
13 <menuitem ng-class="boton.clase" ng-repeat="boton in pagina" ng-show="boton.accion != '/venta-hoja-ruta/lista'"> 35 <menuitem
14 <button ng-click="irA(boton.accion)"> 36 ng-class="boton.clase"
37 ng-repeat="(keyBoton, boton) in pagina"
38 ng-show="boton.accion != '/venta-hoja-ruta/lista'"
39 >
40 <button
41 foca-focus="keyPagina === 0 && keyBoton === 0"
42 ng-click="irA(boton.accion)"
43 >
15 <span ng-bind="boton.texto"></span> 44 <span ng-bind="boton.texto"></span>
16 </button> 45 </button>
17 </menuitem> 46 </menuitem>
18 </menu> 47 </menu>
19 </slide> 48 </slide>
20 </slides> 49 </slides>
21 <prev></prev> 50 <prev></prev>
22 <next></next> 51 <next></next>
23 <pagination></pagination> 52 <pagination></pagination>
24 </swiper> 53 </swiper>
25 <div class="d-none d-sm-block"> 54 <div class="d-none d-sm-block">
26 <a 55 <a
27 class="btn btn-outline-dark mt-5 btn-lg" 56 class="btn btn-outline-dark mt-5 btn-lg"
28 href="javascript:void()" 57 href="javascript:void()"
29 ng-click="showTerminal()" 58 ng-click="showTerminal()"
30 > 59 >
31 <i class="fa fa-info-circle" aria-hidden="true"></i> 60 <i class="fa fa-info-circle" aria-hidden="true"></i>
32 </a> 61 </a>
33 <a class="btn btn-outline-dark mt-5 btn-lg" 62 <a
34 href="javascript:void()" 63 class="btn btn-outline-dark mt-5 btn-lg"
35 ng-click="logout()" 64 href="javascript:void()"
36 > 65 ng-click="logout()">
37 <i class="fa fa-power-off" aria-hidden="true"></i> 66 <i class="fa fa-power-off" aria-hidden="true"></i>
38 </a> 67 </a>
39 </div> 68 </div>
40 </div> 69 </div>
41 </div> 70 </div>
42 <div class="row d-md-none fixed-bottom"> 71 <div class="row d-md-none fixed-bottom">
43 <div class="w-100 d-flex px-3 acciones-mobile"> 72 <div class="w-100 d-flex px-3 acciones-mobile">
44 <a 73 <a
45 class="btn btn-outline-dark btn-lg mr-2" 74 class="btn btn-outline-dark btn-lg mr-2"
46 href="javascript:void()" 75 href="javascript:void()"
47 ng-click="showTerminal()" 76 ng-click="showTerminal()">
48 >
49 <i class="fa fa-info-circle" aria-hidden="true"></i> 77 <i class="fa fa-info-circle" aria-hidden="true"></i>
50 </a> 78 </a>
51 <a class="btn btn-outline-dark btn-lg" 79 <a
80 class="btn btn-outline-dark btn-lg"
52 href="javascript:void()" 81 href="javascript:void()"
53 ng-click="logout()" 82 ng-click="logout()">
54 >
55 <i class="fa fa-power-off" aria-hidden="true"></i> 83 <i class="fa fa-power-off" aria-hidden="true"></i>
56 </a> 84 </a>
57 </div> 85 </div>
58 </div> 86 </div>