Commit 72778a48498966eae34ba59134babf1e9341452a
1 parent
4b67fc36f4
Exists in
master
code review
Showing
2 changed files
with
26 additions
and
26 deletions
Show diff stats
src/js/controller.js
1 | angular.module('focaListaHojaRuta') | 1 | angular.module('focaListaHojaRuta') |
2 | .controller('listaHojaRutaCtrl', | 2 | .controller('listaHojaRutaCtrl', |
3 | [ | 3 | [ |
4 | '$scope', '$filter', 'hojaRutaService', | 4 | '$scope', '$filter', 'hojaRutaService', |
5 | function($scope, $filter, hojaRutaService) { | 5 | function($scope, $filter, hojaRutaService) { |
6 | hojaRutaService.getHojasRuta().then(function(res) { | 6 | hojaRutaService.getHojasRuta().then(function(res) { |
7 | $scope.hojasRuta = res.data; | 7 | $scope.hojasRuta = res.data; |
8 | }); | 8 | }); |
9 | $scope.cabecera = []; | 9 | $scope.cabecera = []; |
10 | $scope.showCabecera = true; | 10 | $scope.showCabecera = true; |
11 | addCabecera('Transportista:', 'Andesmar'); | 11 | addCabecera('Transportista:', 'Andesmar'); |
12 | addCabecera('Chofer:', 'Carlos'); | 12 | addCabecera('Chofer:', 'Carlos'); |
13 | addCabecera('Vehículo:', 'SCANIA TODOPODEROSO'); | 13 | addCabecera('Vehículo:', 'SCANIA'); |
14 | $scope.now = new Date(); | 14 | $scope.now = new Date(); |
15 | $scope.puntoVenta = '0000'; | 15 | $scope.puntoVenta = '0000'; |
16 | $scope.comprobante = '00000000'; | 16 | $scope.comprobante = '00000000'; |
17 | 17 | ||
18 | function addCabecera(label, valor) { | 18 | function addCabecera(label, valor) { |
19 | var propiedad = $filter('filter')($scope.cabecera, {label: label}, true); | 19 | var propiedad = $filter('filter')($scope.cabecera, {label: label}, true); |
20 | if(propiedad.length === 1) { | 20 | if(propiedad.length === 1) { |
21 | propiedad[0].valor = valor; | 21 | propiedad[0].valor = valor; |
22 | } else { | 22 | } else { |
23 | $scope.cabecera.push({label: label, valor: valor}); | 23 | $scope.cabecera.push({label: label, valor: valor}); |
24 | } | 24 | } |
25 | } | 25 | } |
26 | 26 | ||
27 | function removeCabecera(label) { | 27 | function removeCabecera(label) { |
28 | var propiedad = $filter('filter')($scope.cabecera, {label: label}, true); | 28 | var propiedad = $filter('filter')($scope.cabecera, {label: label}, true); |
29 | if(propiedad.length === 1) { | 29 | if(propiedad.length === 1) { |
30 | $scope.cabecera.splice($scope.cabecera.indexOf(propiedad[0]), 1); | 30 | $scope.cabecera.splice($scope.cabecera.indexOf(propiedad[0]), 1); |
31 | } | 31 | } |
32 | } | 32 | } |
33 | 33 | ||
34 | function rellenar(relleno, longitud) { | 34 | function rellenar(relleno, longitud) { |
35 | relleno = '' + relleno; | 35 | relleno = '' + relleno; |
36 | while (relleno.length < longitud) { | 36 | while (relleno.length < longitud) { |
37 | relleno = '0' + relleno; | 37 | relleno = '0' + relleno; |
38 | } | 38 | } |
39 | 39 | ||
40 | return relleno; | 40 | return relleno; |
41 | } | 41 | } |
42 | } | 42 | } |
43 | ]); | 43 | ]); |
44 | 44 | ||
45 | 45 |
src/views/lista-hoja-ruta.html
1 | <div> | 1 | <div> |
2 | <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> | 2 | <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> |
3 | <div class="row p-1 panel-informativo"> | 3 | <div class="row p-1 panel-informativo"> |
4 | <div class="col-12"> | 4 | <div class="col-12"> |
5 | <div class="row"> | 5 | <div class="row"> |
6 | <!-- <div class="col-12 col-sm-4 nota-pedido"> --> | 6 | <div class="col-12 col-sm-4 nota-pedido"> |
7 | <!-- <h5>Hojas de ruta</h5> --> | 7 | <h5>Hojas de ruta</h5> |
8 | <!-- </div> --> | 8 | </div> |
9 | <!-- <div class="col-5 col-sm-4 numero-pedido" --> | 9 | <div class="col-5 col-sm-4 numero-pedido" |
10 | <!-- >Nº {{puntoVenta}}-{{comprobante}} --> | 10 | >Nº {{puntoVenta}}-{{comprobante}} |
11 | <!-- </div> --> | 11 | </div> |
12 | <!-- <div class="col-7 col-sm-4 text-right"> --> | 12 | <div class="col-7 col-sm-4 text-right"> |
13 | <!-- Fecha: --> | 13 | Fecha: |
14 | <!-- <span --> | 14 | <span |
15 | <!-- ng-show="!datepickerAbierto" --> | 15 | ng-show="!datepickerAbierto" |
16 | <!-- ng-bind="now | date:'dd/MM/yyyy HH:mm'" --> | 16 | ng-bind="now | date:'dd/MM/yyyy HH:mm'" |
17 | <!-- ng-click="datepickerAbierto = true" --> | 17 | ng-click="datepickerAbierto = true" |
18 | <!-- > --> | 18 | > |
19 | <!-- </span> --> | 19 | </span> |
20 | <!-- <input --> | 20 | <input |
21 | <!-- ng-show="datepickerAbierto" --> | 21 | ng-show="datepickerAbierto" |
22 | <!-- type="date" --> | 22 | type="date" |
23 | <!-- ng-model="now" --> | 23 | ng-model="now" |
24 | <!-- ng-change="datepickerAbierto = false" --> | 24 | ng-change="datepickerAbierto = false" |
25 | <!-- ng-blur="datepickerAbierto = false" --> | 25 | ng-blur="datepickerAbierto = false" |
26 | <!-- class="form-control form-control-sm col-8 float-right" --> | 26 | class="form-control form-control-sm col-8 float-right" |
27 | <!-- foca-focus="datepickerAbierto" --> | 27 | foca-focus="datepickerAbierto" |
28 | <!-- hasta-hoy --> | 28 | hasta-hoy |
29 | <!-- /> --> | 29 | /> |
30 | <!-- </div> --> | 30 | </div> |
31 | </div> | 31 | </div> |
32 | <div class="row"> | 32 | <div class="row"> |
33 | <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera"> | 33 | <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera"> |
34 | <span class="label" ng-bind="cab.label"></span> | 34 | <span class="label" ng-bind="cab.label"></span> |
35 | <span class="valor" ng-bind="cab.valor"></span> | 35 | <span class="valor" ng-bind="cab.valor"></span> |
36 | </div> | 36 | </div> |
37 | <a | 37 | <a |
38 | class="btn col-12 btn-secondary d-sm-none" | 38 | class="btn col-12 btn-secondary d-sm-none" |
39 | ng-show="cabecera.length > 0" | 39 | ng-show="cabecera.length > 0" |
40 | ng-click="showCabecera = !showCabecera" | 40 | ng-click="showCabecera = !showCabecera" |
41 | > | 41 | > |
42 | <i | 42 | <i |
43 | class="fa fa-chevron-down" | 43 | class="fa fa-chevron-down" |
44 | ng-hide="showCabecera" | 44 | ng-hide="showCabecera" |
45 | aria-hidden="true" | 45 | aria-hidden="true" |
46 | > | 46 | > |
47 | </i> | 47 | </i> |
48 | <i | 48 | <i |
49 | class="fa fa-chevron-up" | 49 | class="fa fa-chevron-up" |
50 | ng-show="showCabecera" | 50 | ng-show="showCabecera" |
51 | aria-hidden="true"> | 51 | aria-hidden="true"> |
52 | </i> | 52 | </i> |
53 | </a> | 53 | </a> |
54 | </div> | 54 | </div> |
55 | </div> | 55 | </div> |
56 | </div> | 56 | </div> |
57 | <div class="row p-1 botonera-secundaria"> | 57 | <div class="row p-1 botonera-secundaria"> |
58 | <div class="col-12"> | 58 | <div class="col-12"> |
59 | <div class="row"> | 59 | <div class="row"> |
60 | <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera"> | 60 | <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera"> |
61 | <button | 61 | <button |
62 | type="button" | 62 | type="button" |
63 | class="btn btn-default btn-block btn-xs text-left py-2" | 63 | class="btn btn-default btn-block btn-xs text-left py-2" |
64 | ng-click="boton.accion()" | 64 | ng-click="boton.accion()" |
65 | ng-class="{'d-none d-sm-block': boton.texto == ''}" | 65 | ng-class="{'d-none d-sm-block': boton.texto == ''}" |
66 | > | 66 | > |
67 | <i | 67 | <i |
68 | class="fa fa-arrow-circle-right" | 68 | class="fa fa-arrow-circle-right" |
69 | ng-show="boton.texto != ''" | 69 | ng-show="boton.texto != ''" |
70 | ></i> | 70 | ></i> |
71 | | 71 | |
72 | {{boton.texto}} | 72 | {{boton.texto}} |
73 | </button> | 73 | </button> |
74 | </div> | 74 | </div> |
75 | </div> | 75 | </div> |
76 | </div> | 76 | </div> |
77 | </div> | 77 | </div> |
78 | </div> | 78 | </div> |
79 | <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2"> | 79 | <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2"> |
80 | <div class="row grilla-articulo d-none d-sm-flex"> | 80 | <div class="row grilla-articulo d-none d-sm-flex"> |
81 | <table class="table tabla-articulo table-striped table-sm table-dark"> | 81 | <table class="table tabla-articulo table-striped table-sm table-dark"> |
82 | <thead> | 82 | <thead> |
83 | <tr class="d-flex"> | 83 | <tr class="d-flex"> |
84 | <th>#</th> | 84 | <th>#</th> |
85 | <th>Sucursal</th> | 85 | <th>Sucursal</th> |
86 | <th>#HojaRuta</th> | 86 | <th>#HojaRuta</th> |
87 | </tr> | 87 | </tr> |
88 | </thead> | 88 | </thead> |
89 | <tbody class="tabla-articulo-body"> | 89 | <tbody class="tabla-articulo-body"> |
90 | <tr | 90 | <tr |
91 | ng-repeat="(key, hojaRuta) in hojasRuta" class="d-flex" | 91 | ng-repeat="(key, hojaRuta) in hojasRuta" class="d-flex" |
92 | > | 92 | > |
93 | <td ng-bind="key + 1"></td> | 93 | <td ng-bind="key + 1"></td> |
94 | <td ng-bind="hojaRuta.sucursal"></td> | 94 | <td ng-bind="hojaRuta.sucursal"></td> |
95 | <td ng-bind="hojaRuta.numeroHojaRuta"></td> | 95 | <td ng-bind="hojaRuta.numeroHojaRuta"></td> |
96 | </tr> | 96 | </tr> |
97 | </tbody> | 97 | </tbody> |
98 | </table> | 98 | </table> |
99 | </div> | 99 | </div> |
100 | </div> | 100 | </div> |
101 | </div> | 101 | </div> |
102 | 102 |