Commit 61f6d52a80bfd0fcc590a1af4c793c53d9db7bf8

Authored by Marcelo Puebla
1 parent 8cf00d034d
Exists in master and in 1 other branch develop

Arreglo de responsividad de inputs

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-2"> 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 <div class="input-group-text">
17 <i class="fa fa-calendar"></i> 17 <i class="fa fa-calendar"></i>
18 </div> 18 </div>
19 </div> 19 </div>
20 <input 20 <input
21 class="form-control form-control-sm" 21 class="form-control form-control-sm"
22 id="inlineFormInputGroup" 22 id="inlineFormInputGroup"
23 type="text" 23 type="text"
24 ng-model="fechaDesde" 24 ng-model="fechaDesde"
25 ng-required="true" 25 ng-required="true"
26 uib-datepicker-popup="dd/MM/yyyy" 26 uib-datepicker-popup="dd/MM/yyyy"
27 show-button-bar="false" 27 show-button-bar="false"
28 is-open="datepickerOpen" 28 is-open="datepickerOpen"
29 on-open-focus="false" 29 on-open-focus="false"
30 ng-focus="datepickerOpen = true" 30 ng-focus="datepickerOpen = true"
31 datepicker-options="dateOptions" 31 datepicker-options="dateOptions"
32 /> 32 />
33 </div> 33 </div>
34 <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> 34 <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-2"> 35 <div class="col-md-4 col-8 input-group mb-3">
36 <div class="input-group-prepend"> 36 <div class="input-group-prepend">
37 <div class="input-group-text"> 37 <div class="input-group-text">
38 <i class="fa fa-calendar"></i> 38 <i class="fa fa-calendar"></i>
39 </div> 39 </div>
40 </div> 40 </div>
41 <input 41 <input
42 class="form-control form-control-sm" 42 class="form-control form-control-sm"
43 id="inlineFormInputGroup" 43 id="inlineFormInputGroup"
44 type="text" 44 type="text"
45 ng-model="fechaHasta" 45 ng-model="fechaHasta"
46 ng-required="true" 46 ng-required="true"
47 uib-datepicker-popup="dd/MM/yyyy" 47 uib-datepicker-popup="dd/MM/yyyy"
48 show-button-bar="false" 48 show-button-bar="false"
49 is-open="datepicker2Open" 49 is-open="datepicker2Open"
50 on-open-focus="false" 50 on-open-focus="false"
51 ng-focus="datepicker2Open = true" 51 ng-focus="datepicker2Open = true"
52 /> 52 />
53 </div> 53 </div>
54 </div> 54 </div>
55 <div 55 <div
56 ng-if="!buscar" 56 ng-if="!buscar"
57 class="row"> 57 class="row">
58 <div class="col-12"> 58 <div class="col-12">
59 <div 59 <div
60 class="gridInforme" 60 class="gridInforme"
61 ui-grid="gridOptions" 61 ui-grid="gridOptions"
62 ui-grid-exporter 62 ui-grid-exporter
63 ui-grid-resize-columns 63 ui-grid-resize-columns
64 ></div> 64 ></div>
65 </div> 65 </div>
66 </div> 66 </div>
67 </div> 67 </div>
68 <div class="modal-footer py-1"> 68 <div class="modal-footer py-1">
69 <button 69 <button
70 ladda="generando" 70 ladda="generando"
71 class="btn btn-sm btn-secondary" 71 class="btn btn-sm btn-secondary"
72 type="button" 72 type="button"
73 ng-click="generarInforme()" 73 ng-click="generarInforme()"
74 ng-show="buscar">Generar</button> 74 ng-show="buscar">Generar</button>
75 <button 75 <button
76 class="btn btn-sm btn-secondary" 76 class="btn btn-sm btn-secondary"
77 type="button" 77 type="button"
78 ng-click="cancel()" 78 ng-click="cancel()"
79 ng-show="buscar">Salir</button> 79 ng-show="buscar">Salir</button>
80 <button 80 <button
81 class="btn btn-sm btn-secondary" 81 class="btn btn-sm btn-secondary"
82 type="button" 82 type="button"
83 ng-click="volver()" 83 ng-click="volver()"
84 ng-hide="buscar">Volver</button> 84 ng-hide="buscar">Volver</button>
85 </div> 85 </div>
86 86
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-2"> 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 <div class="input-group-text">
18 <i class="fa fa-calendar"></i> 18 <i class="fa fa-calendar"></i>
19 </div> 19 </div>
20 </div> 20 </div>
21 <input 21 <input
22 class="form-control form-control-sm" 22 class="form-control form-control-sm"
23 id="inlineFormInputGroup" 23 id="inlineFormInputGroup"
24 ladda="searchLoading" 24 ladda="searchLoading"
25 type="text" 25 type="text"
26 ng-model="fechaDesde" 26 ng-model="fechaDesde"
27 ng-required="true" 27 ng-required="true"
28 uib-datepicker-popup="dd/MM/yyyy" 28 uib-datepicker-popup="dd/MM/yyyy"
29 show-button-bar="false" 29 show-button-bar="false"
30 is-open="datepickerOpen" 30 is-open="datepickerOpen"
31 on-open-focus="false" 31 on-open-focus="false"
32 ng-focus="datepickerOpen = true" 32 ng-focus="datepickerOpen = true"
33 datepicker-options="dateOptions" 33 datepicker-options="dateOptions"
34 /> 34 />
35 </div> 35 </div>
36 <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> 36 <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-2"> 37 <div class="col-md-4 col-8 input-group mb-3">
38 <div class="input-group-prepend"> 38 <div class="input-group-prepend">
39 <div class="input-group-text"> 39 <div class="input-group-text">
40 <i class="fa fa-calendar"></i> 40 <i class="fa fa-calendar"></i>
41 </div> 41 </div>
42 </div> 42 </div>
43 <input 43 <input
44 class="form-control form-control-sm" 44 class="form-control form-control-sm"
45 id="inlineFormInputGroup" 45 id="inlineFormInputGroup"
46 ladda="searchLoading" 46 ladda="searchLoading"
47 type="text" 47 type="text"
48 ng-model="fechaHasta" 48 ng-model="fechaHasta"
49 ng-required="true" 49 ng-required="true"
50 uib-datepicker-popup="dd/MM/yyyy" 50 uib-datepicker-popup="dd/MM/yyyy"
51 show-button-bar="false" 51 show-button-bar="false"
52 is-open="datepicker2Open" 52 is-open="datepicker2Open"
53 on-open-focus="false" 53 on-open-focus="false"
54 ng-focus="datepicker2Open = true" 54 ng-focus="datepicker2Open = true"
55 /> 55 />
56 </div> 56 </div>
57 </div> 57 </div>
58 <div 58 <div
59 ng-if="!buscar" 59 ng-if="!buscar"
60 class="row"> 60 class="row">
61 <div class="col-12"> 61 <div class="col-12">
62 <div 62 <div
63 class="gridInforme" 63 class="gridInforme"
64 ui-grid="gridOptions" 64 ui-grid="gridOptions"
65 ui-grid-exporter 65 ui-grid-exporter
66 ui-grid-resize-columns 66 ui-grid-resize-columns
67 ></div> 67 ></div>
68 </div> 68 </div>
69 </div> 69 </div>
70 </div> 70 </div>
71 <div class="modal-footer py-1"> 71 <div class="modal-footer py-1">
72 <button 72 <button
73 class="btn btn-sm btn-secondary" 73 class="btn btn-sm btn-secondary"
74 type="button" 74 type="button"
75 ng-click="generarInforme()" 75 ng-click="generarInforme()"
76 ng-show="buscar">Generar</button> 76 ng-show="buscar">Generar</button>
77 <button 77 <button
78 class="btn btn-sm btn-secondary" 78 class="btn btn-sm btn-secondary"
79 type="button" 79 type="button"
80 ng-click="cancel()" 80 ng-click="cancel()"
81 ng-show="buscar">Salir</button> 81 ng-show="buscar">Salir</button>
82 <button 82 <button
83 class="btn btn-sm btn-secondary" 83 class="btn btn-sm btn-secondary"
84 type="button" 84 type="button"
85 ng-click="volver()" 85 ng-click="volver()"
86 ng-hide="buscar">Volver</button> 86 ng-hide="buscar">Volver</button>
87 </div> 87 </div>
88 88
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-2"> 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 <div class="input-group-text">
19 <i class="fa fa-calendar"></i> 19 <i class="fa fa-calendar"></i>
20 </div> 20 </div>
21 </div> 21 </div>
22 <input 22 <input
23 class="form-control form-control-sm" 23 class="form-control form-control-sm"
24 id="inlineFormInputGroup" 24 id="inlineFormInputGroup"
25 type="text" 25 type="text"
26 ng-model="fechaDesde" 26 ng-model="fechaDesde"
27 ng-required="true" 27 ng-required="true"
28 uib-datepicker-popup="dd/MM/yyyy" 28 uib-datepicker-popup="dd/MM/yyyy"
29 show-button-bar="false" 29 show-button-bar="false"
30 is-open="datepickerOpen" 30 is-open="datepickerOpen"
31 on-open-focus="false" 31 on-open-focus="false"
32 ng-focus="datepickerOpen = true" 32 ng-focus="datepickerOpen = true"
33 datepicker-options="dateOptions" 33 datepicker-options="dateOptions"
34 /> 34 />
35 </div> 35 </div>
36 <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> 36 <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-2"> 37 <div class="col-md-4 col-8 input-group mb-3">
38 <div class="input-group-prepend"> 38 <div class="input-group-prepend">
39 <div class="input-group-text"> 39 <div class="input-group-text">
40 <i class="fa fa-calendar"></i> 40 <i class="fa fa-calendar"></i>
41 </div> 41 </div>
42 </div> 42 </div>
43 <input 43 <input
44 class="form-control form-control-sm" 44 class="form-control form-control-sm"
45 id="inlineFormInputGroup" 45 id="inlineFormInputGroup"
46 type="text" 46 type="text"
47 ng-model="fechaHasta" 47 ng-model="fechaHasta"
48 ng-required="true" 48 ng-required="true"
49 uib-datepicker-popup="dd/MM/yyyy" 49 uib-datepicker-popup="dd/MM/yyyy"
50 show-button-bar="false" 50 show-button-bar="false"
51 is-open="datepicker2Open" 51 is-open="datepicker2Open"
52 on-open-focus="false" 52 on-open-focus="false"
53 ng-focus="datepicker2Open = true" 53 ng-focus="datepicker2Open = true"
54 /> 54 />
55 </div> 55 </div>
56 <small class="col-md-2 col-4 text-left my-1">Unidad</small> 56 <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"> 57 <div class="col-md-4 col-8 input-group mb-2">
58 <input 58 <input
59 class="form-control form-control-sm" 59 class="form-control form-control-sm"
60 id="inlineFormInputGroup" 60 id="inlineFormInputGroup"
61 type="text" 61 type="text"
62 ng-model="unidad.codigo" 62 ng-model="unidad.codigo"
63 ng-required="true" 63 ng-required="true"
64 ng-keypress="seleccionarUnidad($event.keyCode)" 64 ng-keypress="seleccionarUnidad($event.keyCode)"
65 /> 65 />
66 <div class="input-group-append"> 66 <div class="input-group-append">
67 <div class="input-group-append" ng-hide="ingreso"> 67 <div class="input-group-append" ng-hide="ingreso">
68 <button 68 <button
69 ladda="searchLoading" 69 ladda="searchLoading"
70 data-spinner-color="#FF0000" 70 data-spinner-color="#FF0000"
71 class="btn btn-outline-secondary" 71 class="btn btn-outline-secondary"
72 type="button" 72 type="button"
73 ng-click="seleccionarUnidad(13)"> 73 ng-click="seleccionarUnidad(13)">
74 <i class="fa fa-search" aria-hidden="true"></i> 74 <i class="fa fa-search" aria-hidden="true"></i>
75 </button> 75 </button>
76 </div> 76 </div>
77 </div> 77 </div>
78 </div> 78 </div>
79 </div> 79 </div>
80 <div 80 <div
81 ng-if="!buscar" 81 ng-if="!buscar"
82 class="row"> 82 class="row">
83 <div class="col-12"> 83 <div class="col-12">
84 <div 84 <div
85 class="gridInforme" 85 class="gridInforme"
86 ui-grid="gridOptions" 86 ui-grid="gridOptions"
87 ui-grid-exporter 87 ui-grid-exporter
88 ui-grid-resize-columns 88 ui-grid-resize-columns
89 ></div> 89 ></div>
90 </div> 90 </div>
91 </div> 91 </div>
92 </div> 92 </div>
93 <div class="modal-footer py-1"> 93 <div class="modal-footer py-1">
94 <button 94 <button
95 ladda="generando" 95 ladda="generando"
96 class="btn btn-sm btn-secondary" 96 class="btn btn-sm btn-secondary"
97 type="button" 97 type="button"
98 ng-click="generarInforme()" 98 ng-click="generarInforme()"
99 ng-show="buscar">Generar</button> 99 ng-show="buscar">Generar</button>
100 <button 100 <button
101 class="btn btn-sm btn-secondary" 101 class="btn btn-sm btn-secondary"
102 type="button" 102 type="button"
103 ng-click="cancel()" 103 ng-click="cancel()"
104 ng-show="buscar">Salir</button> 104 ng-show="buscar">Salir</button>
105 <button 105 <button
106 class="btn btn-sm btn-secondary" 106 class="btn btn-sm btn-secondary"
107 type="button" 107 type="button"
108 ng-click="volver()" 108 ng-click="volver()"
109 ng-hide="buscar">Volver</button> 109 ng-hide="buscar">Volver</button>
110 </div> 110 </div>
111 111
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-2"> 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 <div class="input-group-text">
21 <i class="fa fa-calendar"></i> 21 <i class="fa fa-calendar"></i>
22 </div> 22 </div>
23 </div> 23 </div>
24 <input 24 <input
25 class="form-control form-control-sm" 25 class="form-control form-control-sm"
26 id="inlineFormInputGroup" 26 id="inlineFormInputGroup"
27 type="text" 27 type="text"
28 ng-model="params.fechaDesde" 28 ng-model="params.fechaDesde"
29 ng-required="true" 29 ng-required="true"
30 uib-datepicker-popup="dd/MM/yyyy" 30 uib-datepicker-popup="dd/MM/yyyy"
31 show-button-bar="false" 31 show-button-bar="false"
32 is-open="datepickerOpen" 32 is-open="datepickerOpen"
33 on-open-focus="false" 33 on-open-focus="false"
34 ng-focus="datepickerOpen = true" 34 ng-focus="datepickerOpen = true"
35 datepicker-options="dateOptions" 35 datepicker-options="dateOptions"
36 /> 36 />
37 </div> 37 </div>
38 <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>
39 <div class="col-md-4 col-8 input-group mb-2"> 39 <div class="col-md-4 col-8 input-group mb-3">
40 <div class="input-group-prepend"> 40 <div class="input-group-prepend">
41 <div class="input-group-text"> 41 <div class="input-group-text">
42 <i class="fa fa-calendar"></i> 42 <i class="fa fa-calendar"></i>
43 </div> 43 </div>
44 </div> 44 </div>
45 <input 45 <input
46 class="form-control form-control-sm" 46 class="form-control form-control-sm"
47 id="inlineFormInputGroup" 47 id="inlineFormInputGroup"
48 type="text" 48 type="text"
49 ng-model="params.fechaHasta" 49 ng-model="params.fechaHasta"
50 ng-required="true" 50 ng-required="true"
51 uib-datepicker-popup="dd/MM/yyyy" 51 uib-datepicker-popup="dd/MM/yyyy"
52 show-button-bar="false" 52 show-button-bar="false"
53 is-open="datepicker2Open" 53 is-open="datepicker2Open"
54 on-open-focus="false" 54 on-open-focus="false"
55 ng-focus="datepicker2Open = true" 55 ng-focus="datepicker2Open = true"
56 /> 56 />
57 </div> 57 </div>
58 <small class="col-md-2 col-4 text-left my-1">Entidad</small> 58 <small class="col-md-2 col-4 text-left my-1">Entidad</small>
59 <div class="col-md-4 col-8 input-group mb-2"> 59 <div class="col-md-4 col-8 input-group mb-2">
60 <input type="text" class="form-control" ng-model="params.entidad.label" readonly> 60 <input type="text" class="form-control" ng-model="params.entidad.label" readonly>
61 <button type="button" class="clear-input text-danger" ng-click="clearEntidad()"> 61 <button
62 ng-show="params.entidad.label.length >= 1"
63 type="button"
64 class="clear-input"
65 ng-click="clearEntidad()"
66 >
62 <i class="fa fa-times"></i> 67 <i class="fa fa-times"></i>
63 </button> 68 </button>
64 <div class="input-group-append"> 69 <div class="input-group-append">
65 <div class="input-group-append" ng-hide="ingreso"> 70 <div class="input-group-append" ng-hide="ingreso">
66 <button 71 <button
67 ladda="searchLoading" 72 ladda="searchLoading"
68 data-spinner-color="#FF0000" 73 data-spinner-color="#FF0000"
69 class="btn btn-outline-secondary" 74 class="btn btn-outline-secondary"
70 type="button" 75 type="button"
71 ng-click="seleccionarTipo()"> 76 ng-click="seleccionarTipo()">
72 <i class="fa fa-search" aria-hidden="true"></i> 77 <i class="fa fa-search" aria-hidden="true"></i>
73 </button> 78 </button>
74 </div> 79 </div>
75 </div> 80 </div>
76 </div> 81 </div>
77 </div> 82 </div>
78 <div 83 <div
79 ng-if="!buscar" 84 ng-if="!buscar"
80 class="row"> 85 class="row">
81 <div class="col-12"> 86 <div class="col-12">
82 <div 87 <div
83 class="gridInforme" 88 class="gridInforme"
84 ui-grid="gridOptions" 89 ui-grid="gridOptions"
85 ui-grid-exporter 90 ui-grid-exporter
86 ui-grid-resize-columns 91 ui-grid-resize-columns
87 ></div> 92 ></div>
88 </div> 93 </div>
89 </div> 94 </div>
90 </div> 95 </div>
91 <div class="modal-footer py-1"> 96 <div class="modal-footer py-1">
92 <button 97 <button
93 ladda="generando" 98 ladda="generando"
94 class="btn btn-sm btn-secondary" 99 class="btn btn-sm btn-secondary"
95 type="button" 100 type="button"
96 ng-click="generarInforme()" 101 ng-click="generarInforme()"
97 ng-show="buscar">Generar</button> 102 ng-show="buscar">Generar</button>
98 <button 103 <button
99 class="btn btn-sm btn-secondary" 104 class="btn btn-sm btn-secondary"
100 type="button" 105 type="button"
101 ng-click="cancel()" 106 ng-click="cancel()"
102 ng-show="buscar">Salir</button> 107 ng-show="buscar">Salir</button>
103 <button 108 <button
104 class="btn btn-sm btn-secondary" 109 class="btn btn-sm btn-secondary"
105 type="button" 110 type="button"
106 ng-click="volver()" 111 ng-click="volver()"
107 ng-hide="buscar">Volver</button> 112 ng-hide="buscar">Volver</button>
108 </div> 113 </div>
109 114
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-2"> 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 <div class="input-group-text">
19 <i class="fa fa-calendar"></i> 19 <i class="fa fa-calendar"></i>
20 </div> 20 </div>
21 </div> 21 </div>
22 <input 22 <input
23 class="form-control form-control-sm" 23 class="form-control form-control-sm"
24 id="inlineFormInputGroup" 24 id="inlineFormInputGroup"
25 type="text" 25 type="text"
26 ng-model="params.fechaDesde" 26 ng-model="params.fechaDesde"
27 ng-required="true" 27 ng-required="true"
28 uib-datepicker-popup="dd/MM/yyyy" 28 uib-datepicker-popup="dd/MM/yyyy"
29 show-button-bar="false" 29 show-button-bar="false"
30 is-open="datepickerOpen" 30 is-open="datepickerOpen"
31 on-open-focus="false" 31 on-open-focus="false"
32 ng-focus="datepickerOpen = true" 32 ng-focus="datepickerOpen = true"
33 datepicker-options="dateOptions" 33 datepicker-options="dateOptions"
34 /> 34 />
35 </div> 35 </div>
36 <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> 36 <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-2"> 37 <div class="col-md-4 col-8 input-group mb-3">
38 <div class="input-group-prepend"> 38 <div class="input-group-prepend">
39 <div class="input-group-text"> 39 <div class="input-group-text">
40 <i class="fa fa-calendar"></i> 40 <i class="fa fa-calendar"></i>
41 </div> 41 </div>
42 </div> 42 </div>
43 <input 43 <input
44 class="form-control form-control-sm" 44 class="form-control form-control-sm"
45 id="inlineFormInputGroup" 45 id="inlineFormInputGroup"
46 type="text" 46 type="text"
47 ng-model="params.fechaHasta" 47 ng-model="params.fechaHasta"
48 ng-required="true" 48 ng-required="true"
49 uib-datepicker-popup="dd/MM/yyyy" 49 uib-datepicker-popup="dd/MM/yyyy"
50 show-button-bar="false" 50 show-button-bar="false"
51 is-open="datepicker2Open" 51 is-open="datepicker2Open"
52 on-open-focus="false" 52 on-open-focus="false"
53 ng-focus="datepicker2Open = true" 53 ng-focus="datepicker2Open = true"
54 /> 54 />
55 </div> 55 </div>
56 <small class="col-md-2 col-4 text-left my-1">Sector</small> 56 <small class="col-md-2 col-4 text-left my-1">Sector</small>
57 <div class="col-md-4 col-8 input-group mb-2"> 57 <div class="col-md-4 col-8 input-group mb-3">
58 <input 58 <input
59 class="form-control form-control-sm" 59 class="form-control form-control-sm"
60 id="inlineFormInputGroup" 60 id="inlineFormInputGroup"
61 type="text" 61 type="text"
62 ng-model="params.sector.NOMBRE" 62 ng-model="params.sector.NOMBRE"
63 ng-required="true" 63 ng-required="true"
64 ng-keypress="seleccionarSector($event.keyCode)" 64 ng-keypress="seleccionarSector($event.keyCode)"
65 /> 65 />
66 <button type="button" class="clear-input text-danger" ng-click="clearSector()"> 66 <button
67 ng-show="params.sector.NOMBRE.length >= 1"
68 type="button"
69 class="clear-input"
70 ng-click="clearSector()"
71 >
67 <i class="fa fa-times"></i> 72 <i class="fa fa-times"></i>
68 </button> 73 </button>
69 <div class="input-group-append"> 74 <div class="input-group-append">
70 <div class="input-group-append" ng-hide="ingreso"> 75 <div class="input-group-append" ng-hide="ingreso">
71 <button 76 <button
72 ladda="searchLoading" 77 ladda="searchLoading"
73 data-spinner-color="#FF0000" 78 data-spinner-color="#FF0000"
74 class="btn btn-outline-secondary" 79 class="btn btn-outline-secondary"
75 type="button" 80 type="button"
76 ng-click="seleccionarSector(13)"> 81 ng-click="seleccionarSector(13)">
77 <i class="fa fa-search" aria-hidden="true"></i> 82 <i class="fa fa-search" aria-hidden="true"></i>
78 </button> 83 </button>
79 </div> 84 </div>
80 </div> 85 </div>
81 </div> 86 </div>
82 <small class="col-md-4 col-8 text-left my-1">Diferenciar productos</small> 87 <small class="col-md-4 col-8 text-left my-1">Diferenciar productos</small>
83 <div class="col-md-2 col-4 input-group mb-2"> 88 <div class="col-md-2 col-4 input-group mb-2">
84 <div class="custom-control custom-checkbox ml-auto"> 89 <div class="custom-control custom-checkbox ml-auto">
85 <input 90 <input
86 type="checkbox" 91 type="checkbox"
87 class="custom-control-input" 92 class="custom-control-input"
88 ng-model="params.diferenciarProductos" 93 ng-model="params.diferenciarProductos"
89 id="customCheck1"> 94 id="customCheck1">
90 <label class="custom-control-label" for="customCheck1"></label> 95 <label class="custom-control-label" for="customCheck1"></label>
91 </div> 96 </div>
92 </div> 97 </div>
93 <small class="col-md-4 col-8 text-left my-1">Detallar por mes</small> 98 <small class="col-md-4 col-8 text-left my-1">Detallar por mes</small>
94 <div class="col-md-2 col-4 input-group mb-2"> 99 <div class="col-md-2 col-4 input-group mb-2">
95 <div class="custom-control custom-checkbox ml-auto"> 100 <div class="custom-control custom-checkbox ml-auto">
96 <input 101 <input
97 type="checkbox" 102 type="checkbox"
98 class="custom-control-input" 103 class="custom-control-input"
99 ng-model="params.diferenciarMeses" 104 ng-model="params.diferenciarMeses"
100 id="customCheck2"> 105 id="customCheck2">
101 <label class="custom-control-label" for="customCheck2"></label> 106 <label class="custom-control-label" for="customCheck2"></label>
102 </div> 107 </div>
103 </div> 108 </div>
104 </div> 109 </div>
105 <div 110 <div
106 ng-if="!buscar" 111 ng-if="!buscar"
107 class="row"> 112 class="row">
108 <div class="col-12"> 113 <div class="col-12">
109 <div 114 <div
110 class="gridInforme" 115 class="gridInforme"
111 ui-grid="gridOptions" 116 ui-grid="gridOptions"
112 ui-grid-exporter 117 ui-grid-exporter
113 ui-grid-resize-columns 118 ui-grid-resize-columns
114 ></div> 119 ></div>
115 </div> 120 </div>
116 </div> 121 </div>
117 </div> 122 </div>
118 <div class="modal-footer py-1"> 123 <div class="modal-footer py-1">
119 <button 124 <button
120 ladda="generando" 125 ladda="generando"
121 class="btn btn-sm btn-secondary" 126 class="btn btn-sm btn-secondary"
122 type="button" 127 type="button"
123 ng-click="generarInforme()" 128 ng-click="generarInforme()"
124 ng-show="buscar">Generar</button> 129 ng-show="buscar">Generar</button>
125 <button 130 <button
126 class="btn btn-sm btn-secondary" 131 class="btn btn-sm btn-secondary"
127 type="button" 132 type="button"
128 ng-click="cancel()" 133 ng-click="cancel()"
129 ng-show="buscar">Salir</button> 134 ng-show="buscar">Salir</button>
130 <button 135 <button
131 class="btn btn-sm btn-secondary" 136 class="btn btn-sm btn-secondary"
132 type="button" 137 type="button"
133 ng-click="volver()" 138 ng-click="volver()"
134 ng-hide="buscar">Volver</button> 139 ng-hide="buscar">Volver</button>
135 </div> 140 </div>
136 141