Eric Fernandez / foca-modal-informe

Download as
Browse Code »

Commit 857b453c2fb8697f624cba96160db4318aebd059

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

Arreglo cruz para limpiar input. 

Solo aparece el botón si el input no esta vacio.
Showing 1 changed file with 21 additions and 7 deletions   Show diff stats
src/views/informe-general-unidad.html
Diff comments   View file @ 857b453
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 general por unidad de reparto</h5></div> 3 <div class="col-12"><h5 class="modal-title">Informe general 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: {{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-2">
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-2"> 43 <div class="col-md-4 col-8 input-group mb-2">
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">Sector</small> 66 <small class="col-md-2 col-4 text-left my-1">Sector</small>
59 <div class="col-md-4 col-8 input-group mb-2"> 67 <div class="col-md-4 col-8 input-group mb-2">
60 <input 68 <input
61 class="form-control form-control-sm" 69 class="form-control form-control-sm"
62 id="inlineFormInputGroup" 70 id="inlineFormInputGroup"
63 type="text" 71 type="text"
64 ng-model="params.sector.NOMBRE" 72 ng-model="params.sector.NOMBRE"
65 ng-required="true" 73 ng-required="true"
66 ng-keypress="seleccionarSector($event.keyCode)" 74 ng-keypress="seleccionarSector($event.keyCode)"
67 /> 75 />
68 <button type="button" class="clear-input text-danger" ng-click="clearSector()"> 76 <button
69 <i class="fa fa-times"></i> 77 ng-show="params.sector.NOMBRE.length >= 1"
70 </button> 78 style="color:lightgray"
79 type="button"
80 class="clear-input"
81 ng-click="clearSector()"
82 >
83 <i class="fa fa-times"></i>
84 </button>
71 <div class="input-group-append"> 85 <div class="input-group-append">
72 <div class="input-group-append" ng-hide="ingreso"> 86 <div class="input-group-append" ng-hide="ingreso">
73 <button 87 <button
74 ladda="searchLoading" 88 ladda="searchLoading"
75 data-spinner-color="#FF0000" 89 data-spinner-color="#FF0000"
76 class="btn btn-outline-secondary" 90 class="btn btn-outline-secondary"
77 type="button" 91 type="button"
78 ng-click="seleccionarSector(13)"> 92 ng-click="seleccionarSector(13)">
79 <i class="fa fa-search" aria-hidden="true"></i> 93 <i class="fa fa-search" aria-hidden="true"></i>
80 </button> 94 </button>
81 </div> 95 </div>
82 </div> 96 </div>
83 </div> 97 </div>
84 <small class="col-md-4 col-8 text-left my-1">Diferenciar productos</small> 98 <small class="col-md-4 col-8 text-left my-1">Diferenciar productos</small>
85 <div class="col-md-2 col-4 input-group mb-2"> 99 <div class="col-md-2 col-4 input-group mb-2">
86 <div class="custom-control custom-checkbox ml-auto"> 100 <div class="custom-control custom-checkbox ml-auto">
87 <input 101 <input
88 type="checkbox" 102 type="checkbox"
89 class="custom-control-input" 103 class="custom-control-input"
90 ng-model="params.diferenciarProductos" 104 ng-model="params.diferenciarProductos"
91 id="customCheck1"> 105 id="customCheck1">
92 <label class="custom-control-label" for="customCheck1"></label> 106 <label class="custom-control-label" for="customCheck1"></label>
93 </div> 107 </div>
94 </div> 108 </div>
95 <small class="col-md-4 col-8 text-left my-1">Detallar por mes</small> 109 <small class="col-md-4 col-8 text-left my-1">Detallar por mes</small>
96 <div class="col-md-2 col-4 input-group mb-2"> 110 <div class="col-md-2 col-4 input-group mb-2">
97 <div class="custom-control custom-checkbox ml-auto"> 111 <div class="custom-control custom-checkbox ml-auto">
98 <input 112 <input
99 type="checkbox" 113 type="checkbox"
100 class="custom-control-input" 114 class="custom-control-input"
101 ng-model="params.diferenciarMeses" 115 ng-model="params.diferenciarMeses"
102 id="customCheck2"> 116 id="customCheck2">
103 <label class="custom-control-label" for="customCheck2"></label> 117 <label class="custom-control-label" for="customCheck2"></label>
104 </div> 118 </div>
105 </div> 119 </div>
106 </div> 120 </div>
107 <div 121 <div
108 ng-if="!buscar" 122 ng-if="!buscar"
109 class="row"> 123 class="row">
110 <div class="col-12"> 124 <div class="col-12">
111 <div 125 <div
112 class="gridInforme" 126 class="gridInforme"
113 ui-grid="gridOptions" 127 ui-grid="gridOptions"
114 ui-grid-exporter 128 ui-grid-exporter
115 ui-grid-resize-columns 129 ui-grid-resize-columns
116 ></div> 130 ></div>
117 </div> 131 </div>
118 </div> 132 </div>
119 </div> 133 </div>
120 <div class="modal-footer py-1"> 134 <div class="modal-footer py-1">
121 <button 135 <button
122 ladda="generando" 136 ladda="generando"
123 class="btn btn-sm btn-secondary" 137 class="btn btn-sm btn-secondary"
124 type="button" 138 type="button"
125 ng-click="generarInforme()" 139 ng-click="generarInforme()"
126 ng-show="buscar">Generar</button> 140 ng-show="buscar">Generar</button>
127 <button 141 <button
128 class="btn btn-sm btn-secondary" 142 class="btn btn-sm btn-secondary"
129 type="button" 143 type="button"
130 ng-click="cancel()" 144 ng-click="cancel()"
131 ng-show="buscar">Salir</button> 145 ng-show="buscar">Salir</button>
132 <button 146 <button
133 class="btn btn-sm btn-secondary" 147 class="btn btn-sm btn-secondary"
134 type="button" 148 type="button"
135 ng-click="volver()" 149 ng-click="volver()"
136 ng-hide="buscar">Volver</button> 150 ng-hide="buscar">Volver</button>
137 </div> 151 </div>
138 152