Commit c6497e5e73661f763d09457cb75d59c2299dd665
1 parent
b9a85af6db
Exists in
master
saco maxDate a calendario
Showing
2 changed files
with
0 additions
and
4 deletions
Show diff stats
src/js/controller.js
1 | angular.module('focaCabeceraFacturador') | 1 | angular.module('focaCabeceraFacturador') |
2 | .controller('focaCabeceraFacturadorController', [ | 2 | .controller('focaCabeceraFacturadorController', [ |
3 | '$scope', | 3 | '$scope', |
4 | '$filter', | 4 | '$filter', |
5 | function($scope, $filter) { | 5 | function($scope, $filter) { |
6 | 6 | ||
7 | $scope.showCabecera = true; | 7 | $scope.showCabecera = true; |
8 | $scope.cabecera = []; | 8 | $scope.cabecera = []; |
9 | $scope.dateOptions = { | ||
10 | maxDate: new Date() | ||
11 | }; | ||
12 | 9 | ||
13 | $scope.$on('addCabecera', function(event, data) { | 10 | $scope.$on('addCabecera', function(event, data) { |
14 | var propiedad = $filter('filter')($scope.cabecera, {label: data.label}, true); | 11 | var propiedad = $filter('filter')($scope.cabecera, {label: data.label}, true); |
15 | if(propiedad.length === 1) { | 12 | if(propiedad.length === 1) { |
16 | propiedad[0].valor = data.valor; | 13 | propiedad[0].valor = data.valor; |
17 | }else { | 14 | }else { |
18 | $scope.cabecera.push({label: data.label, valor: data.valor}); | 15 | $scope.cabecera.push({label: data.label, valor: data.valor}); |
19 | } | 16 | } |
20 | }); | 17 | }); |
21 | 18 | ||
22 | $scope.$on('removeCabecera', function(event, data) { | 19 | $scope.$on('removeCabecera', function(event, data) { |
23 | var propiedad = $filter('filter')($scope.cabecera, {label: data}, true); | 20 | var propiedad = $filter('filter')($scope.cabecera, {label: data}, true); |
24 | if(propiedad.length === 1) { | 21 | if(propiedad.length === 1) { |
25 | $scope.cabecera.splice($scope.cabecera.indexOf(propiedad[0]), 1); | 22 | $scope.cabecera.splice($scope.cabecera.indexOf(propiedad[0]), 1); |
26 | } | 23 | } |
27 | }); | 24 | }); |
28 | 25 | ||
29 | $scope.$on('cleanCabecera', function() { | 26 | $scope.$on('cleanCabecera', function() { |
30 | $scope.cabecera = []; | 27 | $scope.cabecera = []; |
31 | }); | 28 | }); |
32 | 29 | ||
33 | }]); | 30 | }]); |
34 | 31 |
src/views/cabecera.html
1 | <form name="formCrearNota"> | 1 | <form name="formCrearNota"> |
2 | <div class="row"> | 2 | <div class="row"> |
3 | <div class="col-md-10 col-lg-12"> | 3 | <div class="col-md-10 col-lg-12"> |
4 | <div class="row panel-informativo"> | 4 | <div class="row panel-informativo"> |
5 | <div class="col-12"> | 5 | <div class="col-12"> |
6 | <div class="row titulares"> | 6 | <div class="row titulares"> |
7 | <div class="col-12 col-sm nota-pedido border border-left-0 border-white align-middle"> | 7 | <div class="col-12 col-sm nota-pedido border border-left-0 border-white align-middle"> |
8 | <h5 class="mb-0">{{$ctrl.titulo}}</h5> | 8 | <h5 class="mb-0">{{$ctrl.titulo}}</h5> |
9 | </div> | 9 | </div> |
10 | <div class="col-12 col-sm numero-pedido text-center text-md-left border border-white align-middle" | 10 | <div class="col-12 col-sm numero-pedido text-center text-md-left border border-white align-middle" |
11 | ng-if="$ctrl.numero">Nº {{$ctrl.numero}} | 11 | ng-if="$ctrl.numero">Nº {{$ctrl.numero}} |
12 | <button | 12 | <button |
13 | class="btn btn-xs btn-outline-light float-right" | 13 | class="btn btn-xs btn-outline-light float-right" |
14 | type="button" | 14 | type="button" |
15 | ng-click="$ctrl.busqueda()" | 15 | ng-click="$ctrl.busqueda()" |
16 | ng-if="$ctrl.busqueda" | 16 | ng-if="$ctrl.busqueda" |
17 | title="Buscar" | 17 | title="Buscar" |
18 | > | 18 | > |
19 | <i class="fa fa-search"></i> | 19 | <i class="fa fa-search"></i> |
20 | </button> | 20 | </button> |
21 | </div> | 21 | </div> |
22 | <div class="col-7 col-sm border border-white align-middle"> | 22 | <div class="col-7 col-sm border border-white align-middle"> |
23 | Fecha: | 23 | Fecha: |
24 | <span | 24 | <span |
25 | ng-show="!datepickerAbierto" | 25 | ng-show="!datepickerAbierto" |
26 | ng-bind="$ctrl.fecha | date:'dd/MM/yyyy'" | 26 | ng-bind="$ctrl.fecha | date:'dd/MM/yyyy'" |
27 | ng-click="datepickerAbierto = true" | 27 | ng-click="datepickerAbierto = true" |
28 | > | 28 | > |
29 | </span> | 29 | </span> |
30 | <input | 30 | <input |
31 | ng-show="datepickerAbierto" | 31 | ng-show="datepickerAbierto" |
32 | type="text" | 32 | type="text" |
33 | ng-model="$ctrl.fecha" | 33 | ng-model="$ctrl.fecha" |
34 | ng-change="datepickerAbierto = false" | 34 | ng-change="datepickerAbierto = false" |
35 | ng-blur="datepickerAbierto = false" | 35 | ng-blur="datepickerAbierto = false" |
36 | class="form-control form-control-sm col-8 float-right" | 36 | class="form-control form-control-sm col-8 float-right" |
37 | foca-focus="datepickerAbierto" | 37 | foca-focus="datepickerAbierto" |
38 | uib-datepicker-popup="dd/MM/yyyy" | 38 | uib-datepicker-popup="dd/MM/yyyy" |
39 | show-button-bar="false" | 39 | show-button-bar="false" |
40 | is-open="datepickerOpen" | 40 | is-open="datepickerOpen" |
41 | on-open-focus="false" | 41 | on-open-focus="false" |
42 | ng-focus="datepickerOpen = true" | 42 | ng-focus="datepickerOpen = true" |
43 | datepicker-options="dateOptions" | ||
44 | /> | 43 | /> |
45 | </div> | 44 | </div> |
46 | <div class="col-5 col-sm border border-white border-right-0 align-middle"> | 45 | <div class="col-5 col-sm border border-white border-right-0 align-middle"> |
47 | Hora: | 46 | Hora: |
48 | <span | 47 | <span |
49 | ng-show="!datepickerAbierto" | 48 | ng-show="!datepickerAbierto" |
50 | ng-bind="$ctrl.fecha | date:'HH:mm'" | 49 | ng-bind="$ctrl.fecha | date:'HH:mm'" |
51 | ng-click="datepickerAbierto = true" | 50 | ng-click="datepickerAbierto = true" |
52 | > | 51 | > |
53 | </span> | 52 | </span> |
54 | </div> | 53 | </div> |
55 | </div> | 54 | </div> |
56 | <div class="row py-2"> | 55 | <div class="row py-2"> |
57 | <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera"> | 56 | <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera"> |
58 | <span class="label" ng-bind="cab.label"></span> | 57 | <span class="label" ng-bind="cab.label"></span> |
59 | <span class="valor" ng-bind="cab.valor"></span> | 58 | <span class="valor" ng-bind="cab.valor"></span> |
60 | </div> | 59 | </div> |
61 | <a | 60 | <a |
62 | class="btn col-12 btn-secondary d-sm-none" | 61 | class="btn col-12 btn-secondary d-sm-none" |
63 | ng-show="cabecera.length > 0" | 62 | ng-show="cabecera.length > 0" |
64 | ng-click="showCabecera = !showCabecera" | 63 | ng-click="showCabecera = !showCabecera" |
65 | > | 64 | > |
66 | <i | 65 | <i |
67 | class="fa fa-chevron-down" | 66 | class="fa fa-chevron-down" |
68 | ng-hide="showCabecera" | 67 | ng-hide="showCabecera" |
69 | aria-hidden="true" | 68 | aria-hidden="true" |
70 | > | 69 | > |
71 | </i> | 70 | </i> |
72 | <i | 71 | <i |
73 | class="fa fa-chevron-up" | 72 | class="fa fa-chevron-up" |
74 | ng-show="showCabecera" | 73 | ng-show="showCabecera" |
75 | aria-hidden="true"> | 74 | aria-hidden="true"> |
76 | </i> | 75 | </i> |
77 | </a> | 76 | </a> |
78 | </div> | 77 | </div> |
79 | </div> | 78 | </div> |
80 | </div> | 79 | </div> |
81 | </div> | 80 | </div> |
82 | </div> | 81 | </div> |
83 | </form> | 82 | </form> |
84 | 83 |