Commit d6e371012dae656d833325ea6f91caf777d8348f
1 parent
99fc7982e4
Exists in
master
and in
1 other branch
Arreglo en boton con icono para seleccionar fechas.
Showing
5 changed files
with
60 additions
and
20 deletions
Show diff stats
src/views/informe-chofer.html
1 | <div class="modal-header py-1"> | 1 | <div class="modal-header py-1"> |
2 | <div class="row w-100"> | 2 | <div class="row w-100"> |
3 | <div class="col-12"><h5 class="modal-title">Informe de choferes</h5></div> | 3 | <div class="col-12"><h5 class="modal-title">Informe de choferes</h5></div> |
4 | <div class="col-12" ng-hide="buscar"> | 4 | <div class="col-12" ng-hide="buscar"> |
5 | Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}}, | 5 | Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}}, |
6 | Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}} | 6 | Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}} |
7 | </div> | 7 | </div> |
8 | </div> | 8 | </div> |
9 | </div> | 9 | </div> |
10 | <div class="modal-body" id="modal-body"> | 10 | <div class="modal-body" id="modal-body"> |
11 | <div class="input-group row" | 11 | <div class="input-group row" |
12 | ng-show="buscar"> | 12 | ng-show="buscar"> |
13 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> | 13 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> |
14 | <div class="col-md-4 col-8 input-group mb-3"> | 14 | <div class="col-md-4 col-8 input-group mb-3"> |
15 | <div class="input-group-prepend"> | 15 | <div class="input-group-prepend"> |
16 | <div class="input-group-text"> | 16 | <button |
17 | class="input-group-text" | ||
18 | type="button" | ||
19 | ng-click="datepickerOpen = true" | ||
20 | > | ||
17 | <i class="fa fa-calendar"></i> | 21 | <i class="fa fa-calendar"></i> |
18 | </div> | 22 | </button> |
19 | </div> | 23 | </div> |
20 | <input | 24 | <input |
21 | class="form-control form-control-sm" | 25 | class="form-control form-control-sm" |
22 | id="inlineFormInputGroup" | 26 | id="inlineFormInputGroup" |
23 | type="text" | 27 | type="text" |
24 | ng-model="fechaDesde" | 28 | ng-model="fechaDesde" |
25 | ng-required="true" | 29 | ng-required="true" |
26 | uib-datepicker-popup="dd/MM/yyyy" | 30 | uib-datepicker-popup="dd/MM/yyyy" |
27 | show-button-bar="false" | 31 | show-button-bar="false" |
28 | is-open="datepickerOpen" | 32 | is-open="datepickerOpen" |
29 | on-open-focus="false" | 33 | on-open-focus="false" |
30 | ng-focus="datepickerOpen = true" | 34 | ng-focus="datepickerOpen = true" |
31 | datepicker-options="dateOptions" | 35 | datepicker-options="dateOptions" |
32 | /> | 36 | /> |
33 | </div> | 37 | </div> |
34 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> | 38 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> |
35 | <div class="col-md-4 col-8 input-group mb-3"> | 39 | <div class="col-md-4 col-8 input-group mb-3"> |
36 | <div class="input-group-prepend"> | 40 | <div class="input-group-prepend"> |
37 | <div class="input-group-text"> | 41 | <button |
42 | class="input-group-text" | ||
43 | type="button" | ||
44 | ng-click="datepicker2Open = true" | ||
45 | > | ||
38 | <i class="fa fa-calendar"></i> | 46 | <i class="fa fa-calendar"></i> |
39 | </div> | 47 | </button> |
40 | </div> | 48 | </div> |
41 | <input | 49 | <input |
42 | class="form-control form-control-sm" | 50 | class="form-control form-control-sm" |
43 | id="inlineFormInputGroup" | 51 | id="inlineFormInputGroup" |
44 | type="text" | 52 | type="text" |
45 | ng-model="fechaHasta" | 53 | ng-model="fechaHasta" |
46 | ng-required="true" | 54 | ng-required="true" |
47 | uib-datepicker-popup="dd/MM/yyyy" | 55 | uib-datepicker-popup="dd/MM/yyyy" |
48 | show-button-bar="false" | 56 | show-button-bar="false" |
49 | is-open="datepicker2Open" | 57 | is-open="datepicker2Open" |
50 | on-open-focus="false" | 58 | on-open-focus="false" |
51 | ng-focus="datepicker2Open = true" | 59 | ng-focus="datepicker2Open = true" |
52 | /> | 60 | /> |
53 | </div> | 61 | </div> |
54 | </div> | 62 | </div> |
55 | <div | 63 | <div |
56 | ng-if="!buscar" | 64 | ng-if="!buscar" |
57 | class="row"> | 65 | class="row"> |
58 | <div class="col-12"> | 66 | <div class="col-12"> |
59 | <div | 67 | <div |
60 | class="gridInforme" | 68 | class="gridInforme" |
61 | ui-grid="gridOptions" | 69 | ui-grid="gridOptions" |
62 | ui-grid-exporter | 70 | ui-grid-exporter |
63 | ui-grid-resize-columns | 71 | ui-grid-resize-columns |
64 | ></div> | 72 | ></div> |
65 | </div> | 73 | </div> |
66 | </div> | 74 | </div> |
67 | </div> | 75 | </div> |
68 | <div class="modal-footer py-1"> | 76 | <div class="modal-footer py-1"> |
69 | <button | 77 | <button |
70 | ladda="generando" | 78 | ladda="generando" |
71 | class="btn btn-sm btn-secondary" | 79 | class="btn btn-sm btn-secondary" |
72 | type="button" | 80 | type="button" |
73 | ng-click="generarInforme()" | 81 | ng-click="generarInforme()" |
74 | ng-show="buscar">Generar</button> | 82 | ng-show="buscar">Generar</button> |
75 | <button | 83 | <button |
76 | class="btn btn-sm btn-secondary" | 84 | class="btn btn-sm btn-secondary" |
77 | type="button" | 85 | type="button" |
78 | ng-click="cancel()" | 86 | ng-click="cancel()" |
79 | ng-show="buscar">Salir</button> | 87 | ng-show="buscar">Salir</button> |
80 | <button | 88 | <button |
81 | class="btn btn-sm btn-secondary" | 89 | class="btn btn-sm btn-secondary" |
82 | type="button" | 90 | type="button" |
83 | ng-click="volver()" | 91 | ng-click="volver()" |
84 | ng-hide="buscar">Volver</button> | 92 | ng-hide="buscar">Volver</button> |
85 | </div> | 93 | </div> |
86 | 94 |
src/views/informe-hoja-ruta.html
1 | <div class="modal-header py-1"> | 1 | <div class="modal-header py-1"> |
2 | <div class="row w-100"> | 2 | <div class="row w-100"> |
3 | <div class="col-12"><h5 class="modal-title">Informe de correlatividad de hojas de ruta</h5></div> | 3 | <div class="col-12"><h5 class="modal-title">Informe de correlatividad de hojas de ruta</h5></div> |
4 | <div class="col-12" ng-hide="buscar"> | 4 | <div class="col-12" ng-hide="buscar"> |
5 | Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}}, | 5 | Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}}, |
6 | Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}} | 6 | Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}} |
7 | </div> | 7 | </div> |
8 | </div> | 8 | </div> |
9 | </div> | 9 | </div> |
10 | <div class="modal-body" id="modal-body"> | 10 | <div class="modal-body" id="modal-body"> |
11 | 11 | ||
12 | <div class="input-group row" | 12 | <div class="input-group row" |
13 | ng-show="buscar"> | 13 | ng-show="buscar"> |
14 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> | 14 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> |
15 | <div class="col-md-4 col-8 input-group mb-3"> | 15 | <div class="col-md-4 col-8 input-group mb-3"> |
16 | <div class="input-group-prepend"> | 16 | <div class="input-group-prepend"> |
17 | <div class="input-group-text"> | 17 | <button |
18 | class="input-group-text" | ||
19 | type="button" | ||
20 | ng-click="datepickerOpen = true" | ||
21 | > | ||
18 | <i class="fa fa-calendar"></i> | 22 | <i class="fa fa-calendar"></i> |
19 | </div> | 23 | </button> |
20 | </div> | 24 | </div> |
21 | <input | 25 | <input |
22 | class="form-control form-control-sm" | 26 | class="form-control form-control-sm" |
23 | id="inlineFormInputGroup" | 27 | id="inlineFormInputGroup" |
24 | ladda="searchLoading" | 28 | ladda="searchLoading" |
25 | type="text" | 29 | type="text" |
26 | ng-model="fechaDesde" | 30 | ng-model="fechaDesde" |
27 | ng-required="true" | 31 | ng-required="true" |
28 | uib-datepicker-popup="dd/MM/yyyy" | 32 | uib-datepicker-popup="dd/MM/yyyy" |
29 | show-button-bar="false" | 33 | show-button-bar="false" |
30 | is-open="datepickerOpen" | 34 | is-open="datepickerOpen" |
31 | on-open-focus="false" | 35 | on-open-focus="false" |
32 | ng-focus="datepickerOpen = true" | 36 | ng-focus="datepickerOpen = true" |
33 | datepicker-options="dateOptions" | 37 | datepicker-options="dateOptions" |
34 | /> | 38 | /> |
35 | </div> | 39 | </div> |
36 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> | 40 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> |
37 | <div class="col-md-4 col-8 input-group mb-3"> | 41 | <div class="col-md-4 col-8 input-group mb-3"> |
38 | <div class="input-group-prepend"> | 42 | <div class="input-group-prepend"> |
39 | <div class="input-group-text"> | 43 | <button |
44 | class="input-group-text" | ||
45 | type="button" | ||
46 | ng-click="datepicker2Open = true" | ||
47 | > | ||
40 | <i class="fa fa-calendar"></i> | 48 | <i class="fa fa-calendar"></i> |
41 | </div> | 49 | </button> |
42 | </div> | 50 | </div> |
43 | <input | 51 | <input |
44 | class="form-control form-control-sm" | 52 | class="form-control form-control-sm" |
45 | id="inlineFormInputGroup" | 53 | id="inlineFormInputGroup" |
46 | ladda="searchLoading" | 54 | ladda="searchLoading" |
47 | type="text" | 55 | type="text" |
48 | ng-model="fechaHasta" | 56 | ng-model="fechaHasta" |
49 | ng-required="true" | 57 | ng-required="true" |
50 | uib-datepicker-popup="dd/MM/yyyy" | 58 | uib-datepicker-popup="dd/MM/yyyy" |
51 | show-button-bar="false" | 59 | show-button-bar="false" |
52 | is-open="datepicker2Open" | 60 | is-open="datepicker2Open" |
53 | on-open-focus="false" | 61 | on-open-focus="false" |
54 | ng-focus="datepicker2Open = true" | 62 | ng-focus="datepicker2Open = true" |
55 | /> | 63 | /> |
56 | </div> | 64 | </div> |
57 | </div> | 65 | </div> |
58 | <div | 66 | <div |
59 | ng-if="!buscar" | 67 | ng-if="!buscar" |
60 | class="row"> | 68 | class="row"> |
61 | <div class="col-12"> | 69 | <div class="col-12"> |
62 | <div | 70 | <div |
63 | class="gridInforme" | 71 | class="gridInforme" |
64 | ui-grid="gridOptions" | 72 | ui-grid="gridOptions" |
65 | ui-grid-exporter | 73 | ui-grid-exporter |
66 | ui-grid-resize-columns | 74 | ui-grid-resize-columns |
67 | ></div> | 75 | ></div> |
68 | </div> | 76 | </div> |
69 | </div> | 77 | </div> |
70 | </div> | 78 | </div> |
71 | <div class="modal-footer py-1"> | 79 | <div class="modal-footer py-1"> |
72 | <button | 80 | <button |
73 | class="btn btn-sm btn-secondary" | 81 | class="btn btn-sm btn-secondary" |
74 | type="button" | 82 | type="button" |
75 | ng-click="generarInforme()" | 83 | ng-click="generarInforme()" |
76 | ng-show="buscar">Generar</button> | 84 | ng-show="buscar">Generar</button> |
77 | <button | 85 | <button |
78 | class="btn btn-sm btn-secondary" | 86 | class="btn btn-sm btn-secondary" |
79 | type="button" | 87 | type="button" |
80 | ng-click="cancel()" | 88 | ng-click="cancel()" |
81 | ng-show="buscar">Salir</button> | 89 | ng-show="buscar">Salir</button> |
82 | <button | 90 | <button |
83 | class="btn btn-sm btn-secondary" | 91 | class="btn btn-sm btn-secondary" |
84 | type="button" | 92 | type="button" |
85 | ng-click="volver()" | 93 | ng-click="volver()" |
86 | ng-hide="buscar">Volver</button> | 94 | ng-hide="buscar">Volver</button> |
87 | </div> | 95 | </div> |
88 | 96 |
src/views/informe-litros-km-unidad.html
1 | <div class="modal-header py-1"> | 1 | <div class="modal-header py-1"> |
2 | <div class="row w-100"> | 2 | <div class="row w-100"> |
3 | <div class="col-12"><h5 class="modal-title">Informe de litros por km recorrido por unidad de reparto</h5></div> | 3 | <div class="col-12"><h5 class="modal-title">Informe de litros por km recorrido por unidad de reparto</h5></div> |
4 | <div class="col-12" ng-hide="buscar"> | 4 | <div class="col-12" ng-hide="buscar"> |
5 | Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}}, | 5 | Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}}, |
6 | Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}}, | 6 | Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}}, |
7 | Transportista : {{transportista.NOM}}, | 7 | Transportista : {{transportista.NOM}}, |
8 | Unidad: {{unidad.codigo}} | 8 | Unidad: {{unidad.codigo}} |
9 | </div> | 9 | </div> |
10 | </div> | 10 | </div> |
11 | </div> | 11 | </div> |
12 | <div class="modal-body" id="modal-body"> | 12 | <div class="modal-body" id="modal-body"> |
13 | <div class="input-group row" | 13 | <div class="input-group row" |
14 | ng-show="buscar"> | 14 | ng-show="buscar"> |
15 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> | 15 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> |
16 | <div class="col-md-4 col-8 input-group mb-3"> | 16 | <div class="col-md-4 col-8 input-group mb-3"> |
17 | <div class="input-group-prepend"> | 17 | <div class="input-group-prepend"> |
18 | <div class="input-group-text"> | 18 | <button |
19 | class="input-group-text" | ||
20 | type="button" | ||
21 | ng-click="datepickerOpen = true" | ||
22 | > | ||
19 | <i class="fa fa-calendar"></i> | 23 | <i class="fa fa-calendar"></i> |
20 | </div> | 24 | </button> |
21 | </div> | 25 | </div> |
22 | <input | 26 | <input |
23 | class="form-control form-control-sm" | 27 | class="form-control form-control-sm" |
24 | id="inlineFormInputGroup" | 28 | id="inlineFormInputGroup" |
25 | type="text" | 29 | type="text" |
26 | ng-model="fechaDesde" | 30 | ng-model="fechaDesde" |
27 | ng-required="true" | 31 | ng-required="true" |
28 | uib-datepicker-popup="dd/MM/yyyy" | 32 | uib-datepicker-popup="dd/MM/yyyy" |
29 | show-button-bar="false" | 33 | show-button-bar="false" |
30 | is-open="datepickerOpen" | 34 | is-open="datepickerOpen" |
31 | on-open-focus="false" | 35 | on-open-focus="false" |
32 | ng-focus="datepickerOpen = true" | 36 | ng-focus="datepickerOpen = true" |
33 | datepicker-options="dateOptions" | 37 | datepicker-options="dateOptions" |
34 | /> | 38 | /> |
35 | </div> | 39 | </div> |
36 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> | 40 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> |
37 | <div class="col-md-4 col-8 input-group mb-3"> | 41 | <div class="col-md-4 col-8 input-group mb-3"> |
38 | <div class="input-group-prepend"> | 42 | <div class="input-group-prepend"> |
39 | <div class="input-group-text"> | 43 | <button |
44 | class="input-group-text" | ||
45 | type="button" | ||
46 | ng-click="datepicker2Open = true" | ||
47 | > | ||
40 | <i class="fa fa-calendar"></i> | 48 | <i class="fa fa-calendar"></i> |
41 | </div> | 49 | </button> |
42 | </div> | 50 | </div> |
43 | <input | 51 | <input |
44 | class="form-control form-control-sm" | 52 | class="form-control form-control-sm" |
45 | id="inlineFormInputGroup" | 53 | id="inlineFormInputGroup" |
46 | type="text" | 54 | type="text" |
47 | ng-model="fechaHasta" | 55 | ng-model="fechaHasta" |
48 | ng-required="true" | 56 | ng-required="true" |
49 | uib-datepicker-popup="dd/MM/yyyy" | 57 | uib-datepicker-popup="dd/MM/yyyy" |
50 | show-button-bar="false" | 58 | show-button-bar="false" |
51 | is-open="datepicker2Open" | 59 | is-open="datepicker2Open" |
52 | on-open-focus="false" | 60 | on-open-focus="false" |
53 | ng-focus="datepicker2Open = true" | 61 | ng-focus="datepicker2Open = true" |
54 | /> | 62 | /> |
55 | </div> | 63 | </div> |
56 | <small class="col-md-2 col-4 text-left my-1">Unidad</small> | 64 | <small class="col-md-2 col-4 text-left my-1">Unidad</small> |
57 | <div class="col-md-4 col-8 input-group mb-2"> | 65 | <div class="col-md-4 col-8 input-group mb-2"> |
58 | <input | 66 | <input |
59 | class="form-control form-control-sm" | 67 | class="form-control form-control-sm" |
60 | id="inlineFormInputGroup" | 68 | id="inlineFormInputGroup" |
61 | type="text" | 69 | type="text" |
62 | ng-model="unidad.codigo" | 70 | ng-model="unidad.codigo" |
63 | ng-required="true" | 71 | ng-required="true" |
64 | ng-keypress="seleccionarUnidad($event.keyCode)" | 72 | ng-keypress="seleccionarUnidad($event.keyCode)" |
65 | /> | 73 | /> |
66 | <div class="input-group-append"> | 74 | <div class="input-group-append"> |
67 | <div class="input-group-append" ng-hide="ingreso"> | 75 | <div class="input-group-append" ng-hide="ingreso"> |
68 | <button | 76 | <button |
69 | ladda="searchLoading" | 77 | ladda="searchLoading" |
70 | data-spinner-color="#FF0000" | 78 | data-spinner-color="#FF0000" |
71 | class="btn btn-outline-secondary" | 79 | class="btn btn-outline-secondary" |
72 | type="button" | 80 | type="button" |
73 | ng-click="seleccionarUnidad(13)"> | 81 | ng-click="seleccionarUnidad(13)"> |
74 | <i class="fa fa-search" aria-hidden="true"></i> | 82 | <i class="fa fa-search" aria-hidden="true"></i> |
75 | </button> | 83 | </button> |
76 | </div> | 84 | </div> |
77 | </div> | 85 | </div> |
78 | </div> | 86 | </div> |
79 | </div> | 87 | </div> |
80 | <div | 88 | <div |
81 | ng-if="!buscar" | 89 | ng-if="!buscar" |
82 | class="row"> | 90 | class="row"> |
83 | <div class="col-12"> | 91 | <div class="col-12"> |
84 | <div | 92 | <div |
85 | class="gridInforme" | 93 | class="gridInforme" |
86 | ui-grid="gridOptions" | 94 | ui-grid="gridOptions" |
87 | ui-grid-exporter | 95 | ui-grid-exporter |
88 | ui-grid-resize-columns | 96 | ui-grid-resize-columns |
89 | ></div> | 97 | ></div> |
90 | </div> | 98 | </div> |
91 | </div> | 99 | </div> |
92 | </div> | 100 | </div> |
93 | <div class="modal-footer py-1"> | 101 | <div class="modal-footer py-1"> |
94 | <button | 102 | <button |
95 | ladda="generando" | 103 | ladda="generando" |
96 | class="btn btn-sm btn-secondary" | 104 | class="btn btn-sm btn-secondary" |
97 | type="button" | 105 | type="button" |
98 | ng-click="generarInforme()" | 106 | ng-click="generarInforme()" |
99 | ng-show="buscar">Generar</button> | 107 | ng-show="buscar">Generar</button> |
100 | <button | 108 | <button |
101 | class="btn btn-sm btn-secondary" | 109 | class="btn btn-sm btn-secondary" |
102 | type="button" | 110 | type="button" |
103 | ng-click="cancel()" | 111 | ng-click="cancel()" |
104 | ng-show="buscar">Salir</button> | 112 | ng-show="buscar">Salir</button> |
105 | <button | 113 | <button |
106 | class="btn btn-sm btn-secondary" | 114 | class="btn btn-sm btn-secondary" |
107 | type="button" | 115 | type="button" |
108 | ng-click="volver()" | 116 | ng-click="volver()" |
109 | ng-hide="buscar">Volver</button> | 117 | ng-hide="buscar">Volver</button> |
110 | </div> | 118 | </div> |
111 | 119 |
src/views/informe-productividad.html
1 | <div class="modal-header py-1"> | 1 | <div class="modal-header py-1"> |
2 | <div class="row w-100"> | 2 | <div class="row w-100"> |
3 | <div class="col-12"><h5 class="modal-title">Informe de productividad</h5></div> | 3 | <div class="col-12"><h5 class="modal-title">Informe de productividad</h5></div> |
4 | <div class="col-12" ng-hide="buscar"> | 4 | <div class="col-12" ng-hide="buscar"> |
5 | Filtros: Fecha desde: {{params.fechaDesde | date: 'dd/MM/yyyy'}}, | 5 | Filtros: Fecha desde: {{params.fechaDesde | date: 'dd/MM/yyyy'}}, |
6 | Fecha hasta: {{params.fechaHasta | date: 'dd/MM/yyyy'}} | 6 | Fecha hasta: {{params.fechaHasta | date: 'dd/MM/yyyy'}} |
7 | <span ng-if="params.sector">, Sector: {{params.sector.NOMBRE}}</span> | 7 | <span ng-if="params.sector">, Sector: {{params.sector.NOMBRE}}</span> |
8 | <span ng-if="params.diferenciarProductos">, Productos diferenciados</span> | 8 | <span ng-if="params.diferenciarProductos">, Productos diferenciados</span> |
9 | <span ng-if="params.diferenciarMeses">, Meses diferenciados</span> | 9 | <span ng-if="params.diferenciarMeses">, Meses diferenciados</span> |
10 | </div> | 10 | </div> |
11 | </div> | 11 | </div> |
12 | </div> | 12 | </div> |
13 | <div class="modal-body" id="modal-body"> | 13 | <div class="modal-body" id="modal-body"> |
14 | 14 | ||
15 | <div class="input-group row" | 15 | <div class="input-group row" |
16 | ng-show="buscar"> | 16 | ng-show="buscar"> |
17 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> | 17 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> |
18 | <div class="col-md-4 col-8 input-group mb-3"> | 18 | <div class="col-md-4 col-8 input-group mb-3"> |
19 | <div class="input-group-prepend"> | 19 | <div class="input-group-prepend"> |
20 | <div class="input-group-text"> | 20 | <button |
21 | class="input-group-text" | ||
22 | type="button" | ||
23 | ng-click="datepickerOpen = true" | ||
24 | > | ||
21 | <i class="fa fa-calendar"></i> | 25 | <i class="fa fa-calendar"></i> |
22 | </div> | 26 | </button> |
23 | </div> | 27 | </div> |
24 | <input | 28 | <input |
25 | class="form-control form-control-sm" | 29 | class="form-control form-control-sm" |
26 | id="inlineFormInputGroup" | 30 | id="inlineFormInputGroup" |
27 | type="text" | 31 | type="text" |
28 | ng-model="params.fechaDesde" | 32 | ng-model="params.fechaDesde" |
29 | ng-required="true" | 33 | ng-required="true" |
30 | uib-datepicker-popup="dd/MM/yyyy" | 34 | uib-datepicker-popup="dd/MM/yyyy" |
31 | show-button-bar="false" | 35 | show-button-bar="false" |
32 | is-open="datepickerOpen" | 36 | is-open="datepickerOpen" |
33 | on-open-focus="false" | 37 | on-open-focus="false" |
34 | ng-focus="datepickerOpen = true" | 38 | ng-focus="datepickerOpen = true" |
35 | datepicker-options="dateOptions" | 39 | datepicker-options="dateOptions" |
36 | /> | 40 | /> |
37 | </div> | 41 | </div> |
38 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> | 42 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> |
39 | <div class="col-md-4 col-8 input-group mb-3"> | 43 | <div class="col-md-4 col-8 input-group mb-3"> |
40 | <div class="input-group-prepend"> | 44 | <div class="input-group-prepend"> |
41 | <div class="input-group-text"> | 45 | <button |
46 | class="input-group-text" | ||
47 | type="button" | ||
48 | ng-click="datepicker2Open = true" | ||
49 | > | ||
42 | <i class="fa fa-calendar"></i> | 50 | <i class="fa fa-calendar"></i> |
43 | </div> | 51 | </button> |
44 | </div> | 52 | </div> |
45 | <input | 53 | <input |
46 | class="form-control form-control-sm" | 54 | class="form-control form-control-sm" |
47 | id="inlineFormInputGroup" | 55 | id="inlineFormInputGroup" |
48 | type="text" | 56 | type="text" |
49 | ng-model="params.fechaHasta" | 57 | ng-model="params.fechaHasta" |
50 | ng-required="true" | 58 | ng-required="true" |
51 | uib-datepicker-popup="dd/MM/yyyy" | 59 | uib-datepicker-popup="dd/MM/yyyy" |
52 | show-button-bar="false" | 60 | show-button-bar="false" |
53 | is-open="datepicker2Open" | 61 | is-open="datepicker2Open" |
54 | on-open-focus="false" | 62 | on-open-focus="false" |
55 | ng-focus="datepicker2Open = true" | 63 | ng-focus="datepicker2Open = true" |
56 | /> | 64 | /> |
57 | </div> | 65 | </div> |
58 | <small class="col-md-2 col-4 text-left my-1">Entidad</small> | 66 | <small class="col-md-2 col-4 text-left my-1">Entidad</small> |
59 | <div class="col-md-4 col-8 input-group mb-3"> | 67 | <div class="col-md-4 col-8 input-group mb-3"> |
60 | <input type="text" class="form-control form-control-sm" ng-model="params.entidad.label"> | 68 | <input type="text" class="form-control form-control-sm" ng-model="params.entidad.label"> |
61 | <button | 69 | <button |
62 | ng-show="params.entidad.label.length >= 1" | 70 | ng-show="params.entidad.label.length >= 1" |
63 | type="button" | 71 | type="button" |
64 | class="clear-input" | 72 | class="clear-input" |
65 | ng-click="clearEntidad()" | 73 | ng-click="clearEntidad()" |
66 | > | 74 | > |
67 | <i class="fa fa-times"></i> | 75 | <i class="fa fa-times"></i> |
68 | </button> | 76 | </button> |
69 | <div class="input-group-append"> | 77 | <div class="input-group-append"> |
70 | <div class="input-group-append" ng-hide="ingreso"> | 78 | <div class="input-group-append" ng-hide="ingreso"> |
71 | <button | 79 | <button |
72 | ladda="searchLoading" | 80 | ladda="searchLoading" |
73 | data-spinner-color="#FF0000" | 81 | data-spinner-color="#FF0000" |
74 | class="btn btn-outline-secondary" | 82 | class="btn btn-outline-secondary" |
75 | type="button" | 83 | type="button" |
76 | ng-click="seleccionarTipo()"> | 84 | ng-click="seleccionarTipo()"> |
77 | <i class="fa fa-search" aria-hidden="true"></i> | 85 | <i class="fa fa-search" aria-hidden="true"></i> |
78 | </button> | 86 | </button> |
79 | </div> | 87 | </div> |
80 | </div> | 88 | </div> |
81 | </div> | 89 | </div> |
82 | </div> | 90 | </div> |
83 | <div | 91 | <div |
84 | ng-if="!buscar" | 92 | ng-if="!buscar" |
85 | class="row"> | 93 | class="row"> |
86 | <div class="col-12"> | 94 | <div class="col-12"> |
87 | <div | 95 | <div |
88 | class="gridInforme" | 96 | class="gridInforme" |
89 | ui-grid="gridOptions" | 97 | ui-grid="gridOptions" |
90 | ui-grid-exporter | 98 | ui-grid-exporter |
91 | ui-grid-resize-columns | 99 | ui-grid-resize-columns |
92 | ></div> | 100 | ></div> |
93 | </div> | 101 | </div> |
94 | </div> | 102 | </div> |
95 | </div> | 103 | </div> |
96 | <div class="modal-footer py-1"> | 104 | <div class="modal-footer py-1"> |
97 | <button | 105 | <button |
98 | ladda="generando" | 106 | ladda="generando" |
99 | class="btn btn-sm btn-secondary" | 107 | class="btn btn-sm btn-secondary" |
100 | type="button" | 108 | type="button" |
101 | ng-click="generarInforme()" | 109 | ng-click="generarInforme()" |
102 | ng-show="buscar">Generar</button> | 110 | ng-show="buscar">Generar</button> |
103 | <button | 111 | <button |
104 | class="btn btn-sm btn-secondary" | 112 | class="btn btn-sm btn-secondary" |
105 | type="button" | 113 | type="button" |
106 | ng-click="cancel()" | 114 | ng-click="cancel()" |
107 | ng-show="buscar">Salir</button> | 115 | ng-show="buscar">Salir</button> |
108 | <button | 116 | <button |
109 | class="btn btn-sm btn-secondary" | 117 | class="btn btn-sm btn-secondary" |
110 | type="button" | 118 | type="button" |
111 | ng-click="volver()" | 119 | ng-click="volver()" |
112 | ng-hide="buscar">Volver</button> | 120 | ng-hide="buscar">Volver</button> |
113 | </div> | 121 | </div> |
114 | 122 |
src/views/informe-reparto-optimo.html
1 | <div class="modal-header py-1"> | 1 | <div class="modal-header py-1"> |
2 | <div class="row w-100"> | 2 | <div class="row w-100"> |
3 | <div class="col-12"><h5 class="modal-title">Informe de reparto óptimo detallado</h5></div> | 3 | <div class="col-12"><h5 class="modal-title">Informe de reparto óptimo detallado</h5></div> |
4 | <div class="col-12" ng-hide="buscar"> | 4 | <div class="col-12" ng-hide="buscar"> |
5 | Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}}, | 5 | Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}}, |
6 | Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}}, | 6 | Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}}, |
7 | Transportista : {{transportista.NOM}}, | 7 | Transportista : {{transportista.NOM}}, |
8 | Unidad: {{unidad.codigo}} | 8 | Unidad: {{unidad.codigo}} |
9 | </div> | 9 | </div> |
10 | </div> | 10 | </div> |
11 | </div> | 11 | </div> |
12 | <div class="modal-body" id="modal-body"> | 12 | <div class="modal-body" id="modal-body"> |
13 | <div class="input-group row" | 13 | <div class="input-group row" |
14 | ng-show="buscar"> | 14 | ng-show="buscar"> |
15 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> | 15 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> |
16 | <div class="col-md-4 col-8 input-group mb-3"> | 16 | <div class="col-md-4 col-8 input-group mb-3"> |
17 | <div class="input-group-prepend"> | 17 | <div class="input-group-prepend"> |
18 | <div class="input-group-text"> | 18 | <button |
19 | class="input-group-text" | ||
20 | type="button" | ||
21 | ng-click="datepickerOpen = true" | ||
22 | > | ||
19 | <i class="fa fa-calendar"></i> | 23 | <i class="fa fa-calendar"></i> |
20 | </div> | 24 | </button> |
21 | </div> | 25 | </div> |
22 | <input | 26 | <input |
23 | class="form-control form-control-sm" | 27 | class="form-control form-control-sm" |
24 | id="inlineFormInputGroup" | 28 | id="inlineFormInputGroup" |
25 | type="text" | 29 | type="text" |
26 | ng-model="params.fechaDesde" | 30 | ng-model="params.fechaDesde" |
27 | ng-required="true" | 31 | ng-required="true" |
28 | uib-datepicker-popup="dd/MM/yyyy" | 32 | uib-datepicker-popup="dd/MM/yyyy" |
29 | show-button-bar="false" | 33 | show-button-bar="false" |
30 | is-open="datepickerOpen" | 34 | is-open="datepickerOpen" |
31 | on-open-focus="false" | 35 | on-open-focus="false" |
32 | ng-focus="datepickerOpen = true" | 36 | ng-focus="datepickerOpen = true" |
33 | datepicker-options="dateOptions" | 37 | datepicker-options="dateOptions" |
34 | /> | 38 | /> |
35 | </div> | 39 | </div> |
36 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> | 40 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> |
37 | <div class="col-md-4 col-8 input-group mb-3"> | 41 | <div class="col-md-4 col-8 input-group mb-3"> |
38 | <div class="input-group-prepend"> | 42 | <div class="input-group-prepend"> |
39 | <div class="input-group-text"> | 43 | <button |
44 | class="input-group-text" | ||
45 | type="button" | ||
46 | ng-click="datepicker2Open = true" | ||
47 | > | ||
40 | <i class="fa fa-calendar"></i> | 48 | <i class="fa fa-calendar"></i> |
41 | </div> | 49 | </button> |
42 | </div> | 50 | </div> |
43 | <input | 51 | <input |
44 | class="form-control form-control-sm" | 52 | class="form-control form-control-sm" |
45 | id="inlineFormInputGroup" | 53 | id="inlineFormInputGroup" |
46 | type="text" | 54 | type="text" |
47 | ng-model="params.fechaHasta" | 55 | ng-model="params.fechaHasta" |
48 | ng-required="true" | 56 | ng-required="true" |
49 | uib-datepicker-popup="dd/MM/yyyy" | 57 | uib-datepicker-popup="dd/MM/yyyy" |
50 | show-button-bar="false" | 58 | show-button-bar="false" |
51 | is-open="datepicker2Open" | 59 | is-open="datepicker2Open" |
52 | on-open-focus="false" | 60 | on-open-focus="false" |
53 | ng-focus="datepicker2Open = true" | 61 | ng-focus="datepicker2Open = true" |
54 | /> | 62 | /> |
55 | </div> | 63 | </div> |
56 | <small class="col-md-2 col-4 text-left my-1">Sector</small> | 64 | <small class="col-md-2 col-4 text-left my-1">Sector</small> |
57 | <div class="col-md-4 col-8 input-group mb-3"> | 65 | <div class="col-md-4 col-8 input-group mb-3"> |
58 | <input | 66 | <input |
59 | class="form-control form-control-sm" | 67 | class="form-control form-control-sm" |
60 | id="inlineFormInputGroup" | 68 | id="inlineFormInputGroup" |
61 | type="text" | 69 | type="text" |
62 | ng-model="params.sector.NOMBRE" | 70 | ng-model="params.sector.NOMBRE" |
63 | ng-required="true" | 71 | ng-required="true" |
64 | ng-keypress="seleccionarSector($event.keyCode)" | 72 | ng-keypress="seleccionarSector($event.keyCode)" |
65 | /> | 73 | /> |
66 | <button | 74 | <button |
67 | ng-show="params.sector.NOMBRE.length >= 1" | 75 | ng-show="params.sector.NOMBRE.length >= 1" |
68 | type="button" | 76 | type="button" |
69 | class="clear-input" | 77 | class="clear-input" |
70 | ng-click="params.sector.NOMBRE = ''" | 78 | ng-click="params.sector.NOMBRE = ''" |
71 | > | 79 | > |
72 | <i class="fa fa-times"></i> | 80 | <i class="fa fa-times"></i> |
73 | </button> | 81 | </button> |
74 | <div class="input-group-append"> | 82 | <div class="input-group-append"> |
75 | <div class="input-group-append" ng-hide="ingreso"> | 83 | <div class="input-group-append" ng-hide="ingreso"> |
76 | <button | 84 | <button |
77 | ladda="searchLoading" | 85 | ladda="searchLoading" |
78 | data-spinner-color="#FF0000" | 86 | data-spinner-color="#FF0000" |
79 | class="btn btn-outline-secondary" | 87 | class="btn btn-outline-secondary" |
80 | type="button" | 88 | type="button" |
81 | ng-click="seleccionarSector(13)"> | 89 | ng-click="seleccionarSector(13)"> |
82 | <i class="fa fa-search" aria-hidden="true"></i> | 90 | <i class="fa fa-search" aria-hidden="true"></i> |
83 | </button> | 91 | </button> |
84 | </div> | 92 | </div> |
85 | </div> | 93 | </div> |
86 | </div> | 94 | </div> |
87 | <small class="col-md-4 col-8 text-left my-1">Diferenciar productos</small> | 95 | <small class="col-md-4 col-8 text-left my-1">Diferenciar productos</small> |
88 | <div class="col-md-2 col-4 input-group mb-2"> | 96 | <div class="col-md-2 col-4 input-group mb-2"> |
89 | <div class="custom-control custom-checkbox ml-auto"> | 97 | <div class="custom-control custom-checkbox ml-auto"> |
90 | <input | 98 | <input |
91 | type="checkbox" | 99 | type="checkbox" |
92 | class="custom-control-input" | 100 | class="custom-control-input" |
93 | ng-model="params.diferenciarProductos" | 101 | ng-model="params.diferenciarProductos" |
94 | id="customCheck1"> | 102 | id="customCheck1"> |
95 | <label class="custom-control-label" for="customCheck1"></label> | 103 | <label class="custom-control-label" for="customCheck1"></label> |
96 | </div> | 104 | </div> |
97 | </div> | 105 | </div> |
98 | <small class="col-md-4 col-8 text-left my-1">Detallar por mes</small> | 106 | <small class="col-md-4 col-8 text-left my-1">Detallar por mes</small> |
99 | <div class="col-md-2 col-4 input-group mb-2"> | 107 | <div class="col-md-2 col-4 input-group mb-2"> |
100 | <div class="custom-control custom-checkbox ml-auto"> | 108 | <div class="custom-control custom-checkbox ml-auto"> |
101 | <input | 109 | <input |
102 | type="checkbox" | 110 | type="checkbox" |
103 | class="custom-control-input" | 111 | class="custom-control-input" |
104 | ng-model="params.diferenciarMeses" | 112 | ng-model="params.diferenciarMeses" |
105 | id="customCheck2"> | 113 | id="customCheck2"> |
106 | <label class="custom-control-label" for="customCheck2"></label> | 114 | <label class="custom-control-label" for="customCheck2"></label> |
107 | </div> | 115 | </div> |
108 | </div> | 116 | </div> |
109 | </div> | 117 | </div> |
110 | <div | 118 | <div |
111 | ng-if="!buscar" | 119 | ng-if="!buscar" |
112 | class="row"> | 120 | class="row"> |
113 | <div class="col-12"> | 121 | <div class="col-12"> |
114 | <div | 122 | <div |
115 | class="gridInforme" | 123 | class="gridInforme" |
116 | ui-grid="gridOptions" | 124 | ui-grid="gridOptions" |
117 | ui-grid-exporter | 125 | ui-grid-exporter |
118 | ui-grid-resize-columns | 126 | ui-grid-resize-columns |
119 | ></div> | 127 | ></div> |
120 | </div> | 128 | </div> |
121 | </div> | 129 | </div> |
122 | </div> | 130 | </div> |
123 | <div class="modal-footer py-1"> | 131 | <div class="modal-footer py-1"> |
124 | <button | 132 | <button |
125 | ladda="generando" | 133 | ladda="generando" |
126 | class="btn btn-sm btn-secondary" | 134 | class="btn btn-sm btn-secondary" |
127 | type="button" | 135 | type="button" |
128 | ng-click="generarInforme()" | 136 | ng-click="generarInforme()" |
129 | ng-show="buscar">Generar</button> | 137 | ng-show="buscar">Generar</button> |
130 | <button | 138 | <button |
131 | class="btn btn-sm btn-secondary" | 139 | class="btn btn-sm btn-secondary" |
132 | type="button" | 140 | type="button" |
133 | ng-click="cancel()" | 141 | ng-click="cancel()" |
134 | ng-show="buscar">Salir</button> | 142 | ng-show="buscar">Salir</button> |
135 | <button | 143 | <button |
136 | class="btn btn-sm btn-secondary" | 144 | class="btn btn-sm btn-secondary" |
137 | type="button" | 145 | type="button" |
138 | ng-click="volver()" | 146 | ng-click="volver()" |
139 | ng-hide="buscar">Volver</button> | 147 | ng-hide="buscar">Volver</button> |
140 | </div> | 148 | </div> |
141 | 149 |