Marcelo Puebla / foca-modal-punto-descarga

Download as
Browse Code »

Commit 51c52412e889727732f59f2e043f42e79b26c3e0

Authored by Marcelo Puebla
1 parent a05fe351ba
Exists in master

Agregada directiva para que se muestre el teclado virtual en la pantalla de crea… 

…cion de punto de descarga.
Showing 1 changed file with 6 additions and 1 deletions   Show diff stats
src/views/modal-punto-descarga.html
Diff comments   View file @ 51c5241
1 <div class="modal-header d-flex"> 1 <div class="modal-header d-flex">
2 <h5 class="modal-title my-1" ng-hide="ingreso || cargaArticulos">Búsqueda de puntos de descarga</h5> 2 <h5 class="modal-title my-1" ng-hide="ingreso || cargaArticulos">Búsqueda de puntos de descarga</h5>
3 <h5 class="modal-title my-1" ng-show="ingreso">Crear punto de descarga</h5> 3 <h5 class="modal-title my-1" ng-show="ingreso">Crear punto de descarga</h5>
4 <h5 class="modal-title my-1" ng-show="cargaArticulos">Cargar artículos en puntos de descarga</h5> 4 <h5 class="modal-title my-1" ng-show="cargaArticulos">Cargar artículos en puntos de descarga</h5>
5 <button 5 <button
6 class="btn btn-outline-debo" 6 class="btn btn-outline-debo"
7 title="Nuevo" 7 title="Nuevo"
8 ng-click="ingreso = true" 8 ng-click="ingreso = true"
9 ng-hide="ingreso || cargaArticulos"> 9 ng-hide="ingreso || cargaArticulos">
10 <i class="fa fa-plus" aria-hidden="true"></i> 10 <i class="fa fa-plus" aria-hidden="true"></i>
11 </button> 11 </button>
12 </div> 12 </div>
13 <div class="modal-body" id="modal-body"> 13 <div class="modal-body" id="modal-body">
14 <table 14 <table
15 class="table table-striped table-sm col-12" 15 class="table table-striped table-sm col-12"
16 ng-hide="ingreso || cargaArticulos"> 16 ng-hide="ingreso || cargaArticulos">
17 <thead> 17 <thead>
18 <tr> 18 <tr>
19 <th>Código</th> 19 <th>Código</th>
20 <th>Descripción</th> 20 <th>Descripción</th>
21 <th></th> 21 <th></th>
22 </tr> 22 </tr>
23 </thead> 23 </thead>
24 <tbody> 24 <tbody>
25 <tr ng-show="!puntosDescarga.length"> 25 <tr ng-show="!puntosDescarga.length">
26 <td colspan="5"> 26 <td colspan="5">
27 No se encontraron resultados. 27 No se encontraron resultados.
28 </td> 28 </td>
29 </tr> 29 </tr>
30 <tr class="selected" 30 <tr class="selected"
31 ng-repeat="(key, puntoDescarga) in puntosDescarga | filter: filters" 31 ng-repeat="(key, puntoDescarga) in puntosDescarga | filter: filters"
32 > 32 >
33 <td 33 <td
34 ng-bind="puntoDescarga.id | rellenarDigitos: 3: 0" 34 ng-bind="puntoDescarga.id | rellenarDigitos: 3: 0"
35 ng-click="seleccionarPunto(key)"></td> 35 ng-click="seleccionarPunto(key)"></td>
36 <td 36 <td
37 ng-bind="puntoDescarga.descripcion" 37 ng-bind="puntoDescarga.descripcion"
38 ng-click="seleccionarPunto(key)"></td> 38 ng-click="seleccionarPunto(key)"></td>
39 <td> 39 <td>
40 <input 40 <input
41 type="checkbox" 41 type="checkbox"
42 class="custom-control-input float-right" 42 class="custom-control-input float-right"
43 id="checkSelect{{key}}" 43 id="checkSelect{{key}}"
44 ng-model="puntoDescarga.seleccionado" 44 ng-model="puntoDescarga.seleccionado"
45 ng-change="seleccionarPunto(key, true)" 45 ng-change="seleccionarPunto(key, true)"
46 teclado-virtual
46 > 47 >
47 <label 48 <label
48 class="custom-control-label float-right" 49 class="custom-control-label float-right"
49 for="checkSelect{{key}}"></label> 50 for="checkSelect{{key}}"></label>
50 <button 51 <button
51 type="button" 52 type="button"
52 class="btn btn-xs p-1 float-right mr-5" 53 class="btn btn-xs p-1 float-right mr-5"
53 ng-click="eliminar(key, puntoDescarga)" 54 ng-click="eliminar(key, puntoDescarga)"
54 title="Eliminar"> 55 title="Eliminar">
55 <i class="fa fa-trash" aria-hidden="true"></i> 56 <i class="fa fa-trash" aria-hidden="true"></i>
56 </button> 57 </button>
57 <button 58 <button
58 type="button" 59 type="button"
59 class="btn btn-xs p-1 float-right mr-1" 60 class="btn btn-xs p-1 float-right mr-1"
60 ng-click="editar(puntoDescarga.id)" 61 ng-click="editar(puntoDescarga.id)"
61 title="Editar"> 62 title="Editar">
62 <i class="fa fa-pencil" aria-hidden="true"></i> 63 <i class="fa fa-pencil" aria-hidden="true"></i>
63 </button> 64 </button>
64 </td> 65 </td>
65 </tr> 66 </tr>
66 </tbody> 67 </tbody>
67 </table> 68 </table>
68 <div ng-show="cargaArticulos"> 69 <div ng-show="cargaArticulos">
69 <div ng-show="!articulos.length"> 70 <div ng-show="!articulos.length">
70 <h6>No existen articulos para agregar</h6> 71 <h6>No existen articulos para agregar</h6>
71 </div> 72 </div>
72 <div ng-show="articulos.length"> 73 <div ng-show="articulos.length">
73 <div class="row"> 74 <div class="row">
74 <div class="col-12"> 75 <div class="col-12">
75 <table class="table table-sm"> 76 <table class="table table-sm">
76 <thead> 77 <thead>
77 <tr> 78 <tr>
78 <th></th> 79 <th></th>
79 <th>Articulo</th> 80 <th>Articulo</th>
80 <th>Total</th> 81 <th>Total</th>
81 <th>Restante</th> 82 <th>Restante</th>
82 </tr> 83 </tr>
83 </thead> 84 </thead>
84 <tbody> 85 <tbody>
85 <tr ng-repeat="(key, articulo) in articulos"> 86 <tr ng-repeat="(key, articulo) in articulos">
86 <td> 87 <td>
87 <input 88 <input
88 type="radio" 89 type="radio"
89 ng-value="key" 90 ng-value="key"
90 ng-model="$parent.articuloSeleccionado" 91 ng-model="$parent.articuloSeleccionado"
91 > 92 >
92 </td> 93 </td>
93 <td ng-bind="articulo.descripcion"></td> 94 <td ng-bind="articulo.descripcion"></td>
94 <td ng-bind="articulo.cantidad"></td> 95 <td ng-bind="articulo.cantidad"></td>
95 <td ng-bind="articulo.restante"></td> 96 <td ng-bind="articulo.restante"></td>
96 </tr> 97 </tr>
97 </tbody> 98 </tbody>
98 </table> 99 </table>
99 </div> 100 </div>
100 </div> 101 </div>
101 <div class="row"> 102 <div class="row">
102 <div class="col-12"> 103 <div class="col-12">
103 <h5 class="col-12 my-3">Puntos de descarga</h5> 104 <h5 class="col-12 my-3">Puntos de descarga</h5>
104 <table class="table table-sm"> 105 <table class="table table-sm">
105 <thead> 106 <thead>
106 <tr> 107 <tr>
107 <th>Lugar</th> 108 <th>Lugar</th>
108 <th class="text-right">Total cargado</th> 109 <th class="text-right">Total cargado</th>
109 <th class="text-right">Cantidad</th> 110 <th class="text-right">Cantidad</th>
110 <th></th> 111 <th></th>
111 </tr> 112 </tr>
112 </thead> 113 </thead>
113 <tbody> 114 <tbody>
114 <tr ng-repeat="punto in puntosACargar"> 115 <tr ng-repeat="punto in puntosACargar">
115 <td ng-bind="punto.descripcion"></td> 116 <td ng-bind="punto.descripcion"></td>
116 <td ng-bind="punto.cargado" class="text-right"></td> 117 <td ng-bind="punto.cargado" class="text-right"></td>
117 <td> 118 <td>
118 <input 119 <input
119 type="text" 120 type="text"
120 class="form-control col-4 float-right" 121 class="form-control col-4 float-right"
121 id="inputCantidad" 122 id="inputCantidad"
122 placeholder="A cargar" 123 placeholder="A cargar"
123 ng-model="punto.cantidadACargar" 124 ng-model="punto.cantidadACargar"
124 ng-keypress="agregarArticulo(punto, $event.keyCode)" 125 ng-keypress="agregarArticulo(punto, $event.keyCode)"
125 > 126 >
126 </td> 127 </td>
127 <td> 128 <td>
128 <button 129 <button
129 class="btn btn-sm btn-outline-primary ml-auto" 130 class="btn btn-sm btn-outline-primary ml-auto"
130 type="button" 131 type="button"
131 ng-click="agregarArticulo(punto)" 132 ng-click="agregarArticulo(punto)"
132 > 133 >
133 Agregar 134 Agregar
134 </button> 135 </button>
135 </td> 136 </td>
136 </tr> 137 </tr>
137 </tbody> 138 </tbody>
138 </table> 139 </table>
139 <table class="table table-sm"> 140 <table class="table table-sm">
140 <thead> 141 <thead>
141 <tr> 142 <tr>
142 <th>Lugar</th> 143 <th>Lugar</th>
143 <th>Articulo</th> 144 <th>Articulo</th>
144 <th class="text-right">Cantidad</th> 145 <th class="text-right">Cantidad</th>
145 <th></th> 146 <th></th>
146 </tr> 147 </tr>
147 </thead> 148 </thead>
148 <tbody ng-repeat="punto in puntosACargar"> 149 <tbody ng-repeat="punto in puntosACargar">
149 <tr ng-repeat="(key, articulo) in punto.articulosAgregados"> 150 <tr ng-repeat="(key, articulo) in punto.articulosAgregados">
150 <td ng-bind="punto.descripcion"></td> 151 <td ng-bind="punto.descripcion"></td>
151 <td ng-bind="articulo.descripcion" class="p-2"></td> 152 <td ng-bind="articulo.descripcion" class="p-2"></td>
152 <td ng-bind="articulo.cantidad" class="text-right p-2"></td> 153 <td ng-bind="articulo.cantidad" class="text-right p-2"></td>
153 <td class="p-2"> 154 <td class="p-2">
154 <button 155 <button
155 type="button" 156 type="button"
156 class="btn btn-xs p-1 float-right mr-5" 157 class="btn btn-xs p-1 float-right mr-5"
157 ng-click="quitarArticulo(articulo, key, punto)" 158 ng-click="quitarArticulo(articulo, key, punto)"
158 title="Eliminar"> 159 title="Eliminar">
159 <i class="fa fa-trash" aria-hidden="true"></i> 160 <i class="fa fa-trash" aria-hidden="true"></i>
160 </button> 161 </button>
161 </td> 162 </td>
162 </tr> 163 </tr>
163 </tbody> 164 </tbody>
164 </table> 165 </table>
165 </div> 166 </div>
166 </div> 167 </div>
167 </div> 168 </div>
168 </div> 169 </div>
169 <form ng-show="ingreso"> 170 <form ng-show="ingreso">
170 <div class="row"> 171 <div class="row">
171 <div class="col-12"> 172 <div class="col-12">
172 <label>Descripción</label> 173 <label>Descripción</label>
173 <input 174 <input
174 type="text" 175 type="text"
175 class="form-control form-control-sm" 176 class="form-control form-control-sm"
176 ng-model="puntoDescarga.descripcion" 177 ng-model="puntoDescarga.descripcion"
177 foca-focus="ingreso" 178 foca-focus="ingreso"
178 ng-keypress="guardar($event.keyCode)" 179 ng-keypress="guardar($event.keyCode)"
179 uppercase-only> 180 uppercase-only
181 teclado-virtual
182 />
180 </div> 183 </div>
181 </div> 184 </div>
182 <div class="row"> 185 <div class="row">
183 <div class="col-6"> 186 <div class="col-6">
184 <label>Latitud</label> 187 <label>Latitud</label>
185 <input 188 <input
186 type="text" 189 type="text"
187 class="form-control form-control-sm" 190 class="form-control form-control-sm"
188 ng-model="puntoDescarga.latitud" 191 ng-model="puntoDescarga.latitud"
189 ng-required="true" 192 ng-required="true"
190 ng-readonly="editando" 193 ng-readonly="editando"
194 teclado-virtual
191 /> 195 />
192 </div> 196 </div>
193 <div class="col-6"> 197 <div class="col-6">
194 <label>Longitud</label> 198 <label>Longitud</label>
195 <input 199 <input
196 type="text" 200 type="text"
197 class="form-control form-control-sm" 201 class="form-control form-control-sm"
198 ng-model="puntoDescarga.longitud" 202 ng-model="puntoDescarga.longitud"
199 ng-required="true" 203 ng-required="true"
200 ng-readonly="editando" 204 ng-readonly="editando"
205 teclado-virtual
201 /> 206 />
202 </div> 207 </div>
203 </div> 208 </div>
204 <osm-punto-descarga 209 <osm-punto-descarga
205 latitud="puntoDescarga.latitud" 210 latitud="puntoDescarga.latitud"
206 longitud="puntoDescarga.longitud" 211 longitud="puntoDescarga.longitud"
207 zoom="14" 212 zoom="14"
208 ng-if="ingreso", 213 ng-if="ingreso",
209 draggable="!editando" 214 draggable="!editando"
210 /> 215 />
211 </form> 216 </form>
212 </div> 217 </div>
213 <div class="modal-footer"> 218 <div class="modal-footer">
214 <button 219 <button
215 class="btn btn-sm btn-secondary my-1" 220 class="btn btn-sm btn-secondary my-1"
216 type="button" 221 type="button"
217 ng-click="cancel()">Cancelar</button> 222 ng-click="cancel()">Cancelar</button>
218 <button 223 <button
219 class="btn btn-sm btn-primary my-1" 224 class="btn btn-sm btn-primary my-1"
220 type="button" 225 type="button"
221 ng-click="aceptar()" 226 ng-click="aceptar()"
222 ng-hide="ingreso">Aceptar</button> 227 ng-hide="ingreso">Aceptar</button>
223 <button 228 <button
224 class="btn btn-sm btn-primary my-1" 229 class="btn btn-sm btn-primary my-1"
225 type="button" 230 type="button"
226 ng-click="guardar(13)" 231 ng-click="guardar(13)"
227 ng-show="ingreso">Guardar</button> 232 ng-show="ingreso">Guardar</button>
228 </div> 233 </div>
229 234