Commit 7965ed3323b82915014685a4620fcf1109b219c3

Authored by Luigi
1 parent a08de32e4b
Exists in master

Agregar titulo " Cisterna - vehículo "

src/views/foca-abm-vehiculos-item.html
1 <div class="row"> 1 <div class="row">
2 <foca-cabecera-facturador 2 <foca-cabecera-facturador
3 titulo="'Vehículo'" 3 titulo="'Vehículo'"
4 fecha="now" 4 fecha="now"
5 class="mb-0 col-lg-12" 5 class="mb-0 col-lg-12"
6 ></foca-cabecera-facturador> 6 ></foca-cabecera-facturador>
7 </div> 7 </div>
8 <div class="row"> 8 <div class="row">
9 <div class="col-12 col-md-10 p-0 mt-4 border border-white rounded"> 9 <div class="col-12 col-md-10 p-0 mt-4 border border-white rounded">
10 <form name="formVehiculo" class="px-3"> 10 <form name="formVehiculo" class="px-3">
11 <input type="hidden" name="id" ng-model="sector.id" /> 11 <input type="hidden" name="id" ng-model="sector.id" />
12 <div class="row mt-3"> 12 <div class="row mt-3">
13 <div class="form-group d-flex mb-2 col-md-6"> 13 <div class="form-group d-flex mb-2 col-md-6">
14 <label class="col-form-label col-md-4">Unidad</label> 14 <label class="col-form-label col-md-4">Unidad</label>
15 <div class="input-group col-md-8 pl-0"> 15 <div class="input-group col-md-8 pl-0">
16 <input 16 <input
17 class="form-control" 17 class="form-control"
18 type="text" 18 type="text"
19 teclado-virtual 19 teclado-virtual
20 ng-model="vehiculo.codigo" 20 ng-model="vehiculo.codigo"
21 foca-focus="focused == 1" 21 foca-focus="focused == 1"
22 ng-focus="focused = 1" 22 ng-focus="focused = 1"
23 ng-keypress="next($event.keyCode)" 23 ng-keypress="next($event.keyCode)"
24 ng-disabled="!nuevo" 24 ng-disabled="!nuevo"
25 /> 25 />
26 </div> 26 </div>
27 </div> 27 </div>
28 <div class="form-group d-flex mb-2 col-md-6"> 28 <div class="form-group d-flex mb-2 col-md-6">
29 <label class="col-form-label col-md-4">Dominio tractor</label> 29 <label class="col-form-label col-md-4">Dominio tractor</label>
30 <div class="input-group col-md-8 pl-0"> 30 <div class="input-group col-md-8 pl-0">
31 <input 31 <input
32 class="form-control" 32 class="form-control"
33 type="text" 33 type="text"
34 teclado-virtual 34 teclado-virtual
35 ng-model="vehiculo.tractor" 35 ng-model="vehiculo.tractor"
36 ng-required="true" 36 ng-required="true"
37 foca-focus="focused == 2" 37 foca-focus="focused == 2"
38 ng-focus="focused = 2" 38 ng-focus="focused = 2"
39 ng-keypress="next($event.keyCode)" 39 ng-keypress="next($event.keyCode)"
40 /> 40 />
41 </div> 41 </div>
42 </div> 42 </div>
43 <div class="form-group d-flex mb-2 col-md-6"> 43 <div class="form-group d-flex mb-2 col-md-6">
44 <label class="col-form-label col-md-4">Dominio semi</label> 44 <label class="col-form-label col-md-4">Dominio semi</label>
45 <div class="input-group col-md-8 pl-0"> 45 <div class="input-group col-md-8 pl-0">
46 <input 46 <input
47 class="form-control" 47 class="form-control"
48 type="text" 48 type="text"
49 teclado-virtual 49 teclado-virtual
50 ng-model="vehiculo.semi" 50 ng-model="vehiculo.semi"
51 ng-required="true" 51 ng-required="true"
52 foca-focus="focused == 3" 52 foca-focus="focused == 3"
53 ng-focus="focused = 3" 53 ng-focus="focused = 3"
54 ng-keypress="next($event.keyCode)" 54 ng-keypress="next($event.keyCode)"
55 /> 55 />
56 </div> 56 </div>
57 </div> 57 </div>
58 <div class="form-group d-flex mb-2 col-md-6"> 58 <div class="form-group d-flex mb-2 col-md-6">
59 <label class="col-form-label col-md-4">Capacidad total</label> 59 <label class="col-form-label col-md-4">Capacidad total</label>
60 <div class="input-group col-md-8 pl-0"> 60 <div class="input-group col-md-8 pl-0">
61 <input 61 <input
62 class="form-control" 62 class="form-control"
63 type="text" 63 type="text"
64 teclado-virtual 64 teclado-virtual
65 ng-model="vehiculo.capacidad" 65 ng-model="vehiculo.capacidad"
66 ng-required="true" 66 ng-required="true"
67 foca-focus="focused == 4" 67 foca-focus="focused == 4"
68 ng-focus="focused = 4" 68 ng-focus="focused = 4"
69 ng-keypress="guardar($event.keyCode)" 69 ng-keypress="guardar($event.keyCode)"
70 /> 70 />
71 </div> 71 </div>
72 </div> 72 </div>
73 </div> 73 </div>
74 </form> 74 </form>
75 <div ng-show="!nuevo"> 75 <div ng-show="!nuevo">
76 <h5 class="pl-4 table-title">Cisternas</h5> 76 <h5 class="pl-4 table-title">Cisternas</h5>
77 <table class="table table-default table-hover table-sm table-abm table-striped mb-0" > 77 <table class="table table-default table-hover table-sm table-abm table-striped mb-0" >
78 <thead> 78 <thead>
79 <tr> 79 <tr>
80 <th class="text-center px-4">Código</th> 80 <th class="text-center px-4">Código</th>
81 <th class="text-center">Capacidad</th> 81 <th class="text-center">Capacidad</th>
82 <th class="text-center">Unidad de Medida</th> 82 <th class="text-center">Unidad de Medida</th>
83 <th class="text-center"> 83 <th class="text-center">
84 <button 84 <button
85 class="btn btn-outline-debo boton-accion" 85 class="btn btn-outline-debo boton-accion"
86 title="Agregar" 86 title="Agregar Cisterna"
87 ng-click="crearCisterna()" 87 ng-click="crearCisterna()"
88 ng-disabled="crear"> 88 ng-disabled="crear">
89 <i class="fa fa-plus"></i> 89 <i class="fa fa-plus"></i>
90 </button> 90 </button>
91 </th> 91 </th>
92 </tr> 92 </tr>
93 </thead> 93 </thead>
94 <tbody> 94 <tbody>
95 <tr ng-show="creando"> 95 <tr ng-show="creando">
96 <td align="center"> 96 <td align="center">
97 <input 97 <input
98 class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched" 98 class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched"
99 ng-model="cisterna.codigo" 99 ng-model="cisterna.codigo"
100 ng-keypress="next($event.keyCode)" 100 ng-keypress="next($event.keyCode)"
101 foca-focus="focused == 1" 101 foca-focus="focused == 1"
102 ng-focus="focused = 1" 102 ng-focus="focused = 1"
103 ng-disabled="!nuevoCisterna" 103 ng-disabled="!nuevoCisterna"
104 teclado-virtual 104 teclado-virtual
105 > 105 >
106 </td> 106 </td>
107 <td align="center"> 107 <td align="center">
108 <input 108 <input
109 class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched" 109 class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched"
110 teclado-virtual 110 teclado-virtual
111 foca-tipo-input 111 foca-tipo-input
112 ng-model="cisterna.capacidad" 112 ng-model="cisterna.capacidad"
113 ng-required="true" 113 ng-required="true"
114 ng-keypress="next($event.keyCode)" 114 ng-keypress="next($event.keyCode)"
115 foca-focus="focused == 2" 115 foca-focus="focused == 2"
116 ng-focus="focused = 2" 116 ng-focus="focused = 2"
117 > 117 >
118 </td> 118 </td>
119 <td align="center"> 119 <td align="center">
120 <div class="input-group"> 120 <div class="input-group">
121 <input 121 <input
122 ng-model="cisterna.unidadMedida.NOM" 122 ng-model="cisterna.unidadMedida.NOM"
123 class="form-control" 123 class="form-control"
124 readonly 124 readonly
125 /> 125 />
126 <div class="input-group-append"> 126 <div class="input-group-append">
127 <button 127 <button
128 ladda="searchLoading" 128 ladda="searchLoading"
129 class="btn btn-outline-secondary form-control" 129 class="btn btn-outline-secondary form-control"
130 type="button" 130 type="button"
131 ng-click="seleccionarUnidadMedida()" 131 ng-click="seleccionarUnidadMedida()"
132 foca-focus="focused == 3" 132 foca-focus="focused == 3"
133 > 133 >
134 <i class="fa fa-search" aria-hidden="true"></i> 134 <i class="fa fa-search" aria-hidden="true"></i>
135 </button> 135 </button>
136 </div> 136 </div>
137 </div> 137 </div>
138 </td> 138 </td>
139 <td align="center"> 139 <td align="center">
140 <button 140 <button
141 class="btn btn-outline-dark boton-accion" 141 class="btn btn-outline-dark boton-accion"
142 ng-click="agregarCisterna()" 142 ng-click="agregarCisterna()"
143 > 143 >
144 <i class="fa fa-save"></i> 144 <i class="fa fa-save"></i>
145 </button> 145 </button>
146 </td> 146 </td>
147 </tr> 147 </tr>
148 148
149 <tr ng-repeat="(key, cisterna) in cisternas | filter:filtros" ng-hide="cisterna.desactivado"> 149 <tr ng-repeat="(key, cisterna) in cisternas | filter:filtros" ng-hide="cisterna.desactivado">
150 <td ng-bind="cisterna.codigo" class="text-center" ng-hide="cisterna.editando"></td> 150 <td ng-bind="cisterna.codigo" class="text-center" ng-hide="cisterna.editando"></td>
151 <td align="center" ng-show="cisterna.editando"> 151 <td align="center" ng-show="cisterna.editando">
152 <input 152 <input
153 class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched" 153 class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched"
154 ng-model="cisterna.codigo" 154 ng-model="cisterna.codigo"
155 ng-keypress="next($event.keyCode)" 155 ng-keypress="next($event.keyCode)"
156 foca-focus="focused == 1" 156 foca-focus="focused == 1"
157 ng-focus="focused = 1" 157 ng-focus="focused = 1"
158 teclado-virtual 158 teclado-virtual
159 esc-key="volver(cisterna, key)" 159 esc-key="volver(cisterna, key)"
160 > 160 >
161 </td> 161 </td>
162 <td ng-bind="cisterna.capacidad" class="text-center" ng-hide="cisterna.editando"></td> 162 <td ng-bind="cisterna.capacidad" class="text-center" ng-hide="cisterna.editando"></td>
163 <td align="center" ng-show="cisterna.editando" > 163 <td align="center" ng-show="cisterna.editando" >
164 <input 164 <input
165 class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched" 165 class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched"
166 teclado-virtual 166 teclado-virtual
167 foca-tipo-input 167 foca-tipo-input
168 ng-model="cisterna.capacidad" 168 ng-model="cisterna.capacidad"
169 ng-required="true" 169 ng-required="true"
170 ng-keypress="next($event.keyCode)" 170 ng-keypress="next($event.keyCode)"
171 foca-focus="focused == 2" 171 foca-focus="focused == 2"
172 ng-focus="focused = 2" 172 ng-focus="focused = 2"
173 esc-key="volver(cisterna, key)" 173 esc-key="volver(cisterna, key)"
174 > 174 >
175 </td> 175 </td>
176 <td ng-bind="cisterna.unidadMedida.NOM" class="text-center" ng-hide="cisterna.editando"></td> 176 <td ng-bind="cisterna.unidadMedida.NOM" class="text-center" ng-hide="cisterna.editando"></td>
177 <td align="center" ng-show="cisterna.editando"> 177 <td align="center" ng-show="cisterna.editando">
178 <div class="input-group"> 178 <div class="input-group">
179 <input 179 <input
180 ng-model="cisterna.unidadMedida.NOM" 180 ng-model="cisterna.unidadMedida.NOM"
181 class="form-control" 181 class="form-control"
182 readonly 182 readonly
183 esc-key="volver(cisterna, key)" 183 esc-key="volver(cisterna, key)"
184 /> 184 />
185 <div class="input-group-append"> 185 <div class="input-group-append">
186 <button 186 <button
187 ladda="searchLoading" 187 ladda="searchLoading"
188 class="btn btn-outline-secondary form-control" 188 class="btn btn-outline-secondary form-control"
189 type="button" 189 type="button"
190 ng-click="seleccionarUnidadMedida(cisterna)" 190 ng-click="seleccionarUnidadMedida(cisterna)"
191 foca-focus="focused == 3" 191 foca-focus="focused == 3"
192 > 192 >
193 <i class="fa fa-search" aria-hidden="true"></i> 193 <i class="fa fa-search" aria-hidden="true"></i>
194 </button> 194 </button>
195 </div> 195 </div>
196 </div> 196 </div>
197 </td> 197 </td>
198 <td class="text-center" ng-hide="cisterna.editando"> 198 <td class="text-center" ng-hide="cisterna.editando">
199 <button 199 <button
200 class="btn btn-outline-dark boton-accion" 200 class="btn btn-outline-dark boton-accion"
201 title="Editar" 201 title="Editar"
202 ng-click="editar(cisterna)" 202 ng-click="editar(cisterna)"
203 > 203 >
204 <i class="fa fa-pencil"></i> 204 <i class="fa fa-pencil"></i>
205 </button> 205 </button>
206 <button 206 <button
207 class="btn btn-outline-dark boton-accion" 207 class="btn btn-outline-dark boton-accion"
208 title="Eliminar" 208 title="Eliminar"
209 ng-click="solicitarConfirmacionTabla(cisterna, $index)" 209 ng-click="solicitarConfirmacionTabla(cisterna, $index)"
210 > 210 >
211 <i class="fa fa-trash"></i> 211 <i class="fa fa-trash"></i>
212 </button> 212 </button>
213 </td> 213 </td>
214 <td align="center" ng-show="cisterna.editando" > 214 <td align="center" ng-show="cisterna.editando" >
215 <button 215 <button
216 class="btn btn-outline-dark boton-accion" 216 class="btn btn-outline-dark boton-accion"
217 ng-click="agregarCisterna(cisterna)" 217 ng-click="agregarCisterna(cisterna)"
218 > 218 >
219 <i class="fa fa-save"></i> 219 <i class="fa fa-save"></i>
220 </button> 220 </button>
221 <button 221 <button
222 class="btn btn-outline-dark boton-accion" 222 class="btn btn-outline-dark boton-accion"
223 ng-click="volver(cisterna, key)" 223 ng-click="volver(cisterna, key)"
224 > 224 >
225 <i class="fa fa-undo" aria-hidden="true"></i> 225 <i class="fa fa-undo" aria-hidden="true"></i>
226 </button> 226 </button>
227 </td> 227 </td>
228 </tr> 228 </tr>
229 229
230 <tr ng-repeat="(key, cisterna) in cisternas" ng-show="false"> 230 <tr ng-repeat="(key, cisterna) in cisternas" ng-show="false">
231 </tr> 231 </tr>
232 232
233 </body> 233 </body>
234 </table> 234 </table>
235 </div> 235 </div>
236 </div> 236 </div>
237 </div> 237 </div>
238 238
src/views/foca-abm-vehiculos-listado.html
1 <div class="row"> 1 <div class="row">
2 <foca-cabecera-facturador 2 <foca-cabecera-facturador
3 titulo="'Vehículos'" 3 titulo="'Vehículos'"
4 fecha="now" 4 fecha="now"
5 class="mb-0 col-lg-12" 5 class="mb-0 col-lg-12"
6 ></foca-cabecera-facturador> 6 ></foca-cabecera-facturador>
7 </div> 7 </div>
8 <div class="row"> 8 <div class="row">
9 <div class="col-12 col-md-10 p-0 mt-4 border border-white rounded"> 9 <div class="col-12 col-md-10 p-0 mt-4 border border-white rounded">
10 <div class="row px-5 py-2 botonera-secundaria"> 10 <div class="row px-5 py-2 botonera-secundaria">
11 <div class="col-12"> 11 <div class="col-12">
12 <foca-botonera-facturador botones="botonera" max="6" class="row"></foca-botonera-facturador> 12 <foca-botonera-facturador botones="botonera" max="6" class="row"></foca-botonera-facturador>
13 </div> 13 </div>
14 </div> 14 </div>
15 <!-- <div class="col-6 form-group"> 15 <!-- <div class="col-6 form-group">
16 <input seleccionarTransportista() 16 <input seleccionarTransportista()
17 type="text" 17 type="text"
18 teclado-virtual 18 teclado-virtual
19 class="form-control form-control-sm" 19 class="form-control form-control-sm"
20 placeholder="Búsqueda" 20 placeholder="Búsqueda"
21 ng-model="filtros" 21 ng-model="filtros"
22 /> 22 />
23 </div> --> 23 </div> -->
24 <table class="table table-default table-hover table-sm table-abm table-striped mb-0"> 24 <table class="table table-default table-hover table-sm table-abm table-striped mb-0">
25 <thead> 25 <thead>
26 <tr> 26 <tr>
27 <th class="text-center">Unidad</th> 27 <th class="text-center">Unidad</th>
28 <th>Dominio Tractor</th> 28 <th>Dominio Tractor</th>
29 <th>Dominio Semi</th> 29 <th>Dominio Semi</th>
30 <th class="text-right">Capacidad</th> 30 <th class="text-right">Capacidad</th>
31 <th class="text-center"> 31 <th class="text-center">
32 <button 32 <button
33 ng-disabled="!idTransportista" 33 ng-disabled="!idTransportista"
34 class="btn btn-outline-debo boton-accion" 34 class="btn btn-outline-debo boton-accion"
35 title="Agregar" 35 title="Agregar Vehículo"
36 ng-click="editar(0)" 36 ng-click="editar(0)"
37 ><i class="fa fa-plus"></i> 37 ><i class="fa fa-plus"></i>
38 </button> 38 </button>
39 </th> 39 </th>
40 </tr> 40 </tr>
41 </thead> 41 </thead>
42 <tbody> 42 <tbody>
43 <tr ng-repeat="vehiculo in vehiculos | filter:filtros"> 43 <tr ng-repeat="vehiculo in vehiculos | filter:filtros">
44 <td ng-bind="vehiculo.codigo" class="text-center"></td> 44 <td ng-bind="vehiculo.codigo" class="text-center"></td>
45 <td ng-bind="vehiculo.tractor"></td> 45 <td ng-bind="vehiculo.tractor"></td>
46 <td ng-bind="vehiculo.semi"></td> 46 <td ng-bind="vehiculo.semi"></td>
47 <td ng-bind="vehiculo.capacidad" class="text-right"></td> 47 <td ng-bind="vehiculo.capacidad" class="text-right"></td>
48 <td class="text-center"> 48 <td class="text-center">
49 <button 49 <button
50 class="btn btn-outline-dark boton-accion" 50 class="btn btn-outline-dark boton-accion"
51 title="Editar" 51 title="Editar"
52 ng-click="editar(vehiculo.id)" 52 ng-click="editar(vehiculo.id)"
53 > 53 >
54 <i class="fa fa-pencil"></i> 54 <i class="fa fa-pencil"></i>
55 </button> 55 </button>
56 <button 56 <button
57 class="btn btn-outline-dark boton-accion" 57 class="btn btn-outline-dark boton-accion"
58 title="Eliminar" 58 title="Eliminar"
59 ng-click="solicitarConfirmacion(vehiculo)" 59 ng-click="solicitarConfirmacion(vehiculo)"
60 > 60 >
61 <i class="fa fa-trash"></i> 61 <i class="fa fa-trash"></i>
62 </button> 62 </button>
63 </td> 63 </td>
64 </tr> 64 </tr>
65 </body> 65 </body>
66 </table> 66 </table>
67 </div> 67 </div>
68 </div> 68 </div>
69 69