Marcelo Puebla / foca-modal-domicilio

Download as
Browse Code »

Commit c60e7f675c9d0366c9c0819c6bd81e962f8140d1

Authored by Marcelo Puebla
1 parent 29e759f2c0
Exists in develop

Fix 

campo numerico
Showing 1 changed file with 1 additions and 0 deletions   Show diff stats
src/views/modal-domicilio.html
Diff comments   View file @ c60e7f6
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-lg-6"> 3 <div class="col-lg-6">
4 <h5 class="modal-title my-1" ng-hide="ingreso">Búsqueda de Domicilios</h5> 4 <h5 class="modal-title my-1" ng-hide="ingreso">Búsqueda de Domicilios</h5>
5 <h5 class="modal-title my-1" ng-show="ingreso">Crear domicilios de descarga</h5> 5 <h5 class="modal-title my-1" ng-show="ingreso">Crear domicilios de descarga</h5>
6 </div> 6 </div>
7 <div class="input-group col-lg-6 pr-0 my-2"> 7 <div class="input-group col-lg-6 pr-0 my-2">
8 <button 8 <button
9 class="btn btn-outline-debo mr-2" 9 class="btn btn-outline-debo mr-2"
10 ng-click="ingreso = true" 10 ng-click="ingreso = true"
11 ng-show="!ingreso" 11 ng-show="!ingreso"
12 title="Nuevo"> 12 title="Nuevo">
13 <i class="fa fa-plus" aria-hidden="true"></i> 13 <i class="fa fa-plus" aria-hidden="true"></i>
14 </button> 14 </button>
15 <input 15 <input
16 type="text" 16 type="text"
17 class="form-control form-control-sm" 17 class="form-control form-control-sm"
18 id="search" 18 id="search"
19 placeholder="Búsqueda" 19 placeholder="Búsqueda"
20 ng-model="filters" 20 ng-model="filters"
21 ng-change="search()" 21 ng-change="search()"
22 ng-keydown="busquedaDown($event.keyCode)" 22 ng-keydown="busquedaDown($event.keyCode)"
23 ng-keypress="busquedaPress($event.keyCode)" 23 ng-keypress="busquedaPress($event.keyCode)"
24 foca-focus="selectedDomicilio == -1" 24 foca-focus="selectedDomicilio == -1"
25 ng-focus="selectedDomicilio = -1" 25 ng-focus="selectedDomicilio = -1"
26 teclado-virtual 26 teclado-virtual
27 > 27 >
28 <div class="input-group-append"> 28 <div class="input-group-append">
29 <button 29 <button
30 ladda="searchLoading" 30 ladda="searchLoading"
31 class="btn btn-outline-secondary" 31 class="btn btn-outline-secondary"
32 type="button" 32 type="button"
33 ng-click="busquedaPress(13)" 33 ng-click="busquedaPress(13)"
34 > 34 >
35 <i class="fa fa-search" aria-hidden="true"></i> 35 <i class="fa fa-search" aria-hidden="true"></i>
36 </button> 36 </button>
37 </div> 37 </div>
38 </div> 38 </div>
39 </div> 39 </div>
40 </div> 40 </div>
41 <div class="modal-body" id="modal-body"> 41 <div class="modal-body" id="modal-body">
42 42
43 <div ng-show="!primerBusqueda"> 43 <div ng-show="!primerBusqueda">
44 Debe realizar una primer búsqueda. 44 Debe realizar una primer búsqueda.
45 </div> 45 </div>
46 46
47 <div ng-show="!ingreso"> 47 <div ng-show="!ingreso">
48 <table ng-show="!ingreso" class="table table-striped table-sm"> 48 <table ng-show="!ingreso" class="table table-striped table-sm">
49 <thead> 49 <thead>
50 <tr> 50 <tr>
51 <th>Titulo</th> 51 <th>Titulo</th>
52 <th>Calle</th> 52 <th>Calle</th>
53 <th>Localidad</th> 53 <th>Localidad</th>
54 <th>Provincia</th> 54 <th>Provincia</th>
55 <th></th> 55 <th></th>
56 <th></th> 56 <th></th>
57 </tr> 57 </tr>
58 </thead> 58 </thead>
59 <tbody> 59 <tbody>
60 <tr ng-show="currentPageDomicilios.length == 0 && primerBusqueda"> 60 <tr ng-show="currentPageDomicilios.length == 0 && primerBusqueda">
61 <td colspan="5"> 61 <td colspan="5">
62 No se encontraron resultados. 62 No se encontraron resultados.
63 </td> 63 </td>
64 </tr> 64 </tr>
65 <tr class="selectable" 65 <tr class="selectable"
66 ng-repeat="(key,domicilio) in currentPageDomicilios"> 66 ng-repeat="(key,domicilio) in currentPageDomicilios">
67 <td 67 <td
68 ng-bind="domicilio.titulo" 68 ng-bind="domicilio.titulo"
69 ng-click="select(domicilio)" 69 ng-click="select(domicilio)"
70 ></td> 70 ></td>
71 <td 71 <td
72 ng-bind="domicilio.Calle + ' ' + domicilio.Numero" 72 ng-bind="domicilio.Calle + ' ' + domicilio.Numero"
73 ng-click="select(domicilio)" 73 ng-click="select(domicilio)"
74 ></td> 74 ></td>
75 <td 75 <td
76 ng-bind="domicilio.Localidad" 76 ng-bind="domicilio.Localidad"
77 ng-click="select(domicilio)" 77 ng-click="select(domicilio)"
78 ></td> 78 ></td>
79 <td 79 <td
80 ng-bind="domicilio.Provincia" 80 ng-bind="domicilio.Provincia"
81 ng-click="select(domicilio)" 81 ng-click="select(domicilio)"
82 ></td> 82 ></td>
83 <td> 83 <td>
84 <button 84 <button
85 type="button" 85 type="button"
86 class="btn btn-sm p-1 float-right btn-secondary" 86 class="btn btn-sm p-1 float-right btn-secondary"
87 ng-click="verPuntosDescarga(key)" 87 ng-click="verPuntosDescarga(key)"
88 title="Puntos de descarga" 88 title="Puntos de descarga"
89 > 89 >
90 <small>PD</small> 90 <small>PD</small>
91 </button> 91 </button>
92 </td> 92 </td>
93 <td> 93 <td>
94 <button 94 <button
95 type="button" 95 type="button"
96 class="btn btn-sm p-1 float-right" 96 class="btn btn-sm p-1 float-right"
97 ng-class="{ 97 ng-class="{
98 'btn-secondary': selectedDomicilio != key + 1, 98 'btn-secondary': selectedDomicilio != key + 1,
99 'btn-primary': selectedDomicilio == key + 1 99 'btn-primary': selectedDomicilio == key + 1
100 }" 100 }"
101 foca-focus="selectedDomicilio == {{key + 1}}" 101 foca-focus="selectedDomicilio == {{key + 1}}"
102 ng-keydown="itemDomicilio($event.keyCode)" 102 ng-keydown="itemDomicilio($event.keyCode)"
103 ng-click="select(domicilio)" 103 ng-click="select(domicilio)"
104 title="Seleccionar" 104 title="Seleccionar"
105 > 105 >
106 <i class="fa fa-circle-thin" aria-hidden="true"></i> 106 <i class="fa fa-circle-thin" aria-hidden="true"></i>
107 </button> 107 </button>
108 </td> 108 </td>
109 </tr> 109 </tr>
110 </tbody> 110 </tbody>
111 </table> 111 </table>
112 </div> 112 </div>
113 <form name="formDomicilio" ng-show="ingreso"> 113 <form name="formDomicilio" ng-show="ingreso">
114 <input 114 <input
115 type="hidden" 115 type="hidden"
116 ng-model="domicilio.latitud" 116 ng-model="domicilio.latitud"
117 ng-required="true"> 117 ng-required="true">
118 <input 118 <input
119 type="hidden" 119 type="hidden"
120 ng-model="domicilio.longitud" 120 ng-model="domicilio.longitud"
121 ng-required="true"> 121 ng-required="true">
122 <div class="row"> 122 <div class="row">
123 <div class="col-4"> 123 <div class="col-4">
124 <label>Tipo</label> 124 <label>Tipo</label>
125 <select 125 <select
126 class="form-control" 126 class="form-control"
127 ng-disabled="true" 127 ng-disabled="true"
128 > 128 >
129 <option ng-value="2">Entrega</option> 129 <option ng-value="2">Entrega</option>
130 </select> 130 </select>
131 </div> 131 </div>
132 <div class="col-8"> 132 <div class="col-8">
133 <label>Titulo</label> 133 <label>Titulo</label>
134 <input 134 <input
135 type="text" 135 type="text"
136 foca-focus="ingreso" 136 foca-focus="ingreso"
137 class="form-control" 137 class="form-control"
138 ng-model="domicilio.titulo" 138 ng-model="domicilio.titulo"
139 placeholder="Ingrese título" 139 placeholder="Ingrese título"
140 ng-required="true" 140 ng-required="true"
141 ng-keypress="next($event.keyCode)" 141 ng-keypress="next($event.keyCode)"
142 ng-focus="focused = 1" 142 ng-focus="focused = 1"
143 foca-focus="focused == 1" 143 foca-focus="focused == 1"
144 teclado-virtual 144 teclado-virtual
145 /> 145 />
146 </div> 146 </div>
147 <div class="col-9"> 147 <div class="col-9">
148 <label>Calle</label> 148 <label>Calle</label>
149 <input 149 <input
150 type="text" 150 type="text"
151 class="form-control" 151 class="form-control"
152 ng-model="domicilio.calle" 152 ng-model="domicilio.calle"
153 placeholder="Ingrese calle" 153 placeholder="Ingrese calle"
154 ng-required="true" 154 ng-required="true"
155 ng-keypress="next($event.keyCode)" 155 ng-keypress="next($event.keyCode)"
156 ng-focus="focused = 2" 156 ng-focus="focused = 2"
157 foca-focus="focused == 2" 157 foca-focus="focused == 2"
158 teclado-virtual 158 teclado-virtual
159 /> 159 />
160 </div> 160 </div>
161 <div class="col-3"> 161 <div class="col-3">
162 <label>Nº</label> 162 <label>Nº</label>
163 <input 163 <input
164 type="text" 164 type="text"
165 class="form-control" 165 class="form-control"
166 ng-model="domicilio.numeroCalle" 166 ng-model="domicilio.numeroCalle"
167 placeholder="Ingrese Numero" 167 placeholder="Ingrese Numero"
168 ng-required="true" 168 ng-required="true"
169 ng-keypress="next($event.keyCode)" 169 ng-keypress="next($event.keyCode)"
170 ng-focus="focused = 3" 170 ng-focus="focused = 3"
171 foca-focus="focused == 3" 171 foca-focus="focused == 3"
172 only-numbers
172 teclado-virtual 173 teclado-virtual
173 /> 174 />
174 </div> 175 </div>
175 <div class="col-6"> 176 <div class="col-6">
176 <label>Localidad</label> 177 <label>Localidad</label>
177 <input 178 <input
178 type="text" 179 type="text"
179 class="form-control" 180 class="form-control"
180 ng-model="domicilio.localidad" 181 ng-model="domicilio.localidad"
181 placeholder="Ingrese localidad" 182 placeholder="Ingrese localidad"
182 ng-required="true" 183 ng-required="true"
183 ng-keypress="next($event.keyCode)" 184 ng-keypress="next($event.keyCode)"
184 ng-focus="focused = 4" 185 ng-focus="focused = 4"
185 foca-focus="focused == 4" 186 foca-focus="focused == 4"
186 teclado-virtual 187 teclado-virtual
187 /> 188 />
188 </div> 189 </div>
189 <div class="col-6"> 190 <div class="col-6">
190 <label>Provincia</label> 191 <label>Provincia</label>
191 <input 192 <input
192 type="text" 193 type="text"
193 class="form-control" 194 class="form-control"
194 ng-model="domicilio.provincia" 195 ng-model="domicilio.provincia"
195 placeholder="Ingrese provincia" 196 placeholder="Ingrese provincia"
196 ng-required="true" 197 ng-required="true"
197 ng-keypress="next($event.keyCode)" 198 ng-keypress="next($event.keyCode)"
198 ng-focus="focused = 5" 199 ng-focus="focused = 5"
199 foca-focus="focused == 5" 200 foca-focus="focused == 5"
200 teclado-virtual 201 teclado-virtual
201 /> 202 />
202 </div> 203 </div>
203 </div> 204 </div>
204 <div class="row mt-3"> 205 <div class="row mt-3">
205 <div class="col-12"> 206 <div class="col-12">
206 <button 207 <button
207 type="button" 208 type="button"
208 class="btn btn-primary float-right ml-3" 209 class="btn btn-primary float-right ml-3"
209 ng-click="localizarDomicilio()">Buscar</button> 210 ng-click="localizarDomicilio()">Buscar</button>
210 <button 211 <button
211 type="button" 212 type="button"
212 class="btn btn-primary float-right" 213 class="btn btn-primary float-right"
213 ng-disabled="!domicilio.calle || !domicilio.numeroCalle || !domicilio.localidad || !domicilio.provincia" 214 ng-disabled="!domicilio.calle || !domicilio.numeroCalle || !domicilio.localidad || !domicilio.provincia"
214 ng-click="localizarDomicilio(true)">Localizar</button> 215 ng-click="localizarDomicilio(true)">Localizar</button>
215 </div> 216 </div>
216 </div> 217 </div>
217 </form> 218 </form>
218 </div> 219 </div>
219 <div class="modal-footer"> 220 <div class="modal-footer">
220 <nav ng-show="currentPageDomicilios.length > 0 && !ingreso" class="mr-auto"> 221 <nav ng-show="currentPageDomicilios.length > 0 && !ingreso" class="mr-auto">
221 <ul class="pagination pagination-sm mb-0 justify-content-end"> 222 <ul class="pagination pagination-sm mb-0 justify-content-end">
222 <li class="page-item" ng-class="{'disabled': currentPage == 1}"> 223 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
223 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)"> 224 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)">
224 <span aria-hidden="true">&laquo;</span> 225 <span aria-hidden="true">&laquo;</span>
225 <span class="sr-only">Anterior</span> 226 <span class="sr-only">Anterior</span>
226 </a> 227 </a>
227 </li> 228 </li>
228 <li 229 <li
229 class="page-item" 230 class="page-item"
230 ng-repeat="pagina in paginas" 231 ng-repeat="pagina in paginas"
231 ng-class="{'active': pagina == currentPage}" 232 ng-class="{'active': pagina == currentPage}"
232 > 233 >
233 <a 234 <a
234 class="page-link" 235 class="page-link"
235 href="javascript:void();" 236 href="javascript:void();"
236 ng-click="selectPage(pagina)" 237 ng-click="selectPage(pagina)"
237 ng-bind="pagina" 238 ng-bind="pagina"
238 ></a> 239 ></a>
239 </li> 240 </li>
240 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> 241 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
241 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)"> 242 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)">
242 <span aria-hidden="true">&raquo;</span> 243 <span aria-hidden="true">&raquo;</span>
243 <span class="sr-only">Siguiente</span> 244 <span class="sr-only">Siguiente</span>
244 </a> 245 </a>
245 </li> 246 </li>
246 </ul> 247 </ul>
247 </nav> 248 </nav>
248 <button 249 <button
249 ng-show="!ingreso" 250 ng-show="!ingreso"
250 class="btn btn-sm btn-secondary" 251 class="btn btn-sm btn-secondary"
251 type="button" 252 type="button"
252 ng-click="cancel()" 253 ng-click="cancel()"
253 >Volver 254 >Volver
254 </button> 255 </button>
255 <button 256 <button
256 ng-show="ingreso" 257 ng-show="ingreso"
257 class="btn btn-secondary btn-sm" 258 class="btn btn-secondary btn-sm"
258 type="button" 259 type="button"
259 ng-click="ingreso = !ingreso; domicilio = {}; contactos = [{}]" 260 ng-click="ingreso = !ingreso; domicilio = {}; contactos = [{}]"
260 >Cancelar 261 >Cancelar
261 </button> 262 </button>
262 <button 263 <button
263 ng-show="ingreso" 264 ng-show="ingreso"
264 class="btn btn-sm btn-primary" 265 class="btn btn-sm btn-primary"
265 type="button" 266 type="button"
266 ng-click="agregarDomicilio()" 267 ng-click="agregarDomicilio()"
267 >Agregar domicilio 268 >Agregar domicilio
268 </button> 269 </button>
269 </div> 270 </div>
270 271