Eric Fernandez / foca-crear-nota-pedido

Download as
Browse Code »

Commit 92cd7d0d0273258d6a07ea2d78b55a2015bc0a71

Authored by Nicolás Guarnieri
1 parent 05fc8709be
Exists in master

mejoras en tabla de articulo para poder ser overfloweado con css

Showing 1 changed file with 12 additions and 13 deletions   Show diff stats
src/views/nota-pedido.html
Diff comments   View file @ 92cd7d0
1 <div class="crear-nota-pedido"> 1 <div class="crear-nota-pedido">
2 <form name="formCrearNota" ng-submit="crearNotaPedido()"> 2 <form name="formCrearNota" ng-submit="crearNotaPedido()">
3 <div class="row"> 3 <div class="row">
4 <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> 4 <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
5 <div class="row p-1 panel-informativo"> 5 <div class="row p-1 panel-informativo">
6 <div class="col-12"> 6 <div class="col-12">
7 <div class="row"> 7 <div class="row">
8 <div class="col-5"> 8 <div class="col-5">
9 <div class="h6">NOTA DE PEDIDO</div> 9 <div class="h6">NOTA DE PEDIDO</div>
10 </div> 10 </div>
11 <div class="col-3">Nº {{puntoVenta}}-{{comprobante}}</div> 11 <div class="col-3">Nº {{puntoVenta}}-{{comprobante}}</div>
12 <div class="col-4 text-right"> 12 <div class="col-4 text-right">
13 Fecha: {{ now | date:'dd/MM/yyyy HH:mm'}} 13 Fecha: {{ now | date:'dd/MM/yyyy HH:mm'}}
14 </div> 14 </div>
15 </div> 15 </div>
16 <div class="row"> 16 <div class="row">
17 <div class="col-auto" ng-repeat="cab in cabecera"> 17 <div class="col-auto" ng-repeat="cab in cabecera">
18 <span class="label" ng-bind="cab.label"></span> 18 <span class="label" ng-bind="cab.label"></span>
19 <span class="valor" ng-bind="cab.valor"></span> 19 <span class="valor" ng-bind="cab.valor"></span>
20 </div> 20 </div>
21 </div> 21 </div>
22 </div> 22 </div>
23 </div> 23 </div>
24 <div class="row p-1 botonera-secundaria"> 24 <div class="row p-1 botonera-secundaria">
25 <div class="col-12"> 25 <div class="col-12">
26 <div class="row"> 26 <div class="row">
27 <div class="col-3 px-0 py-0" ng-repeat="boton in botonera"> 27 <div class="col-3 px-0 py-0" ng-repeat="boton in botonera">
28 <button 28 <button
29 type="button" 29 type="button"
30 class="btn btn-default btn-block btn-xs text-left py-2" 30 class="btn btn-default btn-block btn-xs text-left py-2"
31 ng-click="boton.accion()" 31 ng-click="boton.accion()"
32 > 32 >
33 <i 33 <i
34 class="fa fa-arrow-circle-right" 34 class="fa fa-arrow-circle-right"
35 ng-show="boton.texto != ''" 35 ng-show="boton.texto != ''"
36 ></i> 36 ></i>
37 &nbsp; 37 &nbsp;
38 {{boton.texto}} 38 {{boton.texto}}
39 </button> 39 </button>
40 </div> 40 </div>
41 </div> 41 </div>
42 </div> 42 </div>
43 </div> 43 </div>
44 </div> 44 </div>
45 </div> 45 </div>
46 </form> 46 </form>
47 <div class="row"> 47 <div class="row">
48 <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2"> 48 <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2">
49 <div class="row grilla-articulos align-items-end"> 49 <div class="row grilla-articulos align-items-end">
50 <table class="table table-striped table-sm table-dark"> 50 <table class="table table-striped table-sm table-dark tabla-articulos">
51 <thead> 51 <thead>
52 <tr> 52 <tr>
53 <th>Código</th> 53 <th>Código</th>
54 <th>Descripción</th> 54 <th>Descripción</th>
55 <th>Cantidad</th> 55 <th class="text-right">Cantidad</th>
56 <th>Precio Unitario</th> 56 <th class="text-right">Precio Unitario</th>
57 <th>SubTotal</th> 57 <th class="text-right">SubTotal</th>
58 <th> 58 <th class="text-right">
59 <button 59 <button
60 class="btn btn-outline-secondary selectable" 60 class="btn btn-outline-secondary selectable"
61 style="float: right;"
62 ng-click="show = !show; masMenos()" 61 ng-click="show = !show; masMenos()"
63 > 62 >
64 <i 63 <i
65 class="fa fa-chevron-down" 64 class="fa fa-chevron-down"
66 ng-hide="show" 65 ng-show="show"
67 aria-hidden="true" 66 aria-hidden="true"
68 > 67 >
69 </i> 68 </i>
70 <i 69 <i
71 class="fa fa-chevron-up" 70 class="fa fa-chevron-up"
72 ng-show="show" 71 ng-hide="show"
73 aria-hidden="true"> 72 aria-hidden="true">
74 </i> 73 </i>
75 </button> 74 </button>
76 </th> 75 </th>
77 </tr> 76 </tr>
78 </thead> 77 </thead>
79 <tbody> 78 <tbody class="tabla-articulos-body">
80 <tr ng-show="!cargando"> 79 <tr ng-show="!cargando">
81 <td><input 80 <td><input
82 class="form-control" 81 class="form-control"
83 ng-model="articuloACargar.sectorCodigo" 82 ng-model="articuloACargar.sectorCodigo"
84 readonly></td> 83 readonly></td>
85 <td><input 84 <td><input
86 class="form-control" 85 class="form-control"
87 ng-model="articuloACargar.descripcion" 86 ng-model="articuloACargar.descripcion"
88 readonly></td> 87 readonly></td>
89 <td class="text-right"><input 88 <td class="text-right"><input
90 class="form-control" 89 class="form-control"
91 type="number" 90 type="number"
92 min="1" 91 min="1"
93 ng-model="articuloACargar.cantidad" 92 ng-model="articuloACargar.cantidad"
94 foca-focus="!cargando" 93 foca-focus="!cargando"
95 esc-key="resetFilter()" 94 esc-key="resetFilter()"
96 ng-keypress="agregarATabla($event.keyCode)"></td> 95 ng-keypress="agregarATabla($event.keyCode)"></td>
97 <td class="text-right"><input 96 <td class="text-right"><input
98 class="form-control" 97 class="form-control"
99 ng-value="articuloACargar.precio | currency: '$'" 98 ng-value="articuloACargar.precio | currency: '$'"
100 readonly></td> 99 readonly></td>
101 <td class="text-right"><input 100 <td class="text-right"><input
102 class="form-control" 101 class="form-control"
103 ng-value="getSubTotal() | currency: '$'" 102 ng-value="getSubTotal() | currency: '$'"
104 readonly></td> 103 readonly></td>
105 <td class="text-center"><button 104 <td class="text-right"><button
106 class="btn btn-outline-secondary btn-sm" 105 class="btn btn-outline-secondary btn-sm"
107 ng-click="agregarATabla(13)"> 106 ng-click="agregarATabla(13)">
108 <i class="fa fa-save"></i> 107 <i class="fa fa-save"></i>
109 </button></td> 108 </button></td>
110 </tr> 109 </tr>
111 <tr 110 <tr
112 ng-repeat="(key, articulo) in articulosTabla" 111 ng-repeat="(key, articulo) in articulosTabla"
113 ng-show="show || key == 0" 112 ng-show="show || key == 0"
114 > 113 >
115 <td ng-bind="articulo.sector + '-' + articulo.codigo"></td> 114 <td ng-bind="articulo.sector + '-' + articulo.codigo"></td>
116 <td ng-bind="articulo.descripcion"></td> 115 <td ng-bind="articulo.descripcion"></td>
117 <td class="text-right"><input 116 <td class="text-right"><input
118 ng-show="articulo.edit" 117 ng-show="articulo.edit"
119 ng-model="articulo.cantidad" 118 ng-model="articulo.cantidad"
120 class="form-control" 119 class="form-control"
121 type="number" 120 type="number"
122 min="1" 121 min="1"
123 foca-focus="articulo.edit" 122 foca-focus="articulo.edit"
124 ng-keypress="editarArticulo($event.keyCode, articulo)" 123 ng-keypress="editarArticulo($event.keyCode, articulo)"
125 ng-focus="selectFocus($event)" 124 ng-focus="selectFocus($event)"
126 > 125 >
127 <i 126 <i
128 class="selectable" 127 class="selectable"
129 ng-click="cambioEdit(articulo)" 128 ng-click="cambioEdit(articulo)"
130 ng-hide="articulo.edit" 129 ng-hide="articulo.edit"
131 ng-bind="articulo.cantidad"> 130 ng-bind="articulo.cantidad">
132 </i> 131 </i>
133 </td> 132 </td>
134 <td class="text-right" ng-bind="articulo.precio | currency: '$'"></td> 133 <td class="text-right" ng-bind="articulo.precio | currency: '$'"></td>
135 <td 134 <td
136 class="text-right" 135 class="text-right"
137 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'"> 136 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'">
138 </td> 137 </td>
139 <td class="text-center"> 138 <td class="text-right">
140 <button 139 <button
141 class="btn btn-outline-secondary btn-sm" 140 class="btn btn-outline-secondary btn-sm"
142 ng-click="quitarArticulo(key)" 141 ng-click="quitarArticulo(key)"
143 > 142 >
144 <i class="fa fa-trash"></i> 143 <i class="fa fa-trash"></i>
145 </button> 144 </button>
146 </td> 145 </td>
147 </tr> 146 </tr>
147 </tbody>
148 <tfoot>
148 <tr ng-show="cargando"> 149 <tr ng-show="cargando">
149 <td colspan="6"> 150 <td colspan="6">
150 <input 151 <input
151 placeholder="Seleccione Articulo" 152 placeholder="Seleccione Articulo"
152 class="form-control form-control-sm" 153 class="form-control form-control-sm"
153 readonly 154 readonly
154 ng-click="seleccionarArticulo()" 155 ng-click="seleccionarArticulo()"
155 /> 156 />
156 </td> 157 </td>
157 </tr> 158 </tr>
158 </tbody>
159 <tfoot>
160 <tr class=""> 159 <tr class="">
161 <td colspan="3"> 160 <td colspan="3">
162 <strong>Cantidad Items:</strong> 161 <strong>Cantidad Items:</strong>
163 <a ng-bind="articulosTabla.length"></a> 162 <a ng-bind="articulosTabla.length"></a>
164 </td> 163 </td>
165 <td class="text-right table-celda-total"><h3>Total:</h3></td> 164 <td class="text-right table-celda-total"><h3>Total:</h3></td>
166 <td class="table-celda-total text-right" colspan="1"> 165 <td class="table-celda-total text-right" colspan="1">
167 <h3>{{getTotal() | currency: '$'}}</h3> 166 <h3>{{getTotal() | currency: '$'}}</h3>
168 </td> 167 </td>
169 <td colspan="2" class="text-right"> 168 <td colspan="2" class="text-right">
170 <button 169 <button
171 type="button" 170 type="button"
172 class="btn btn-default btn-sm" 171 class="btn btn-default btn-sm"
173 > 172 >
174 Totales 173 Totales
175 </button> 174 </button>
176 </td> 175 </td>
177 </tr> 176 </tr>
178 </tfoot> 177 </tfoot>
179 </table> 178 </table>
180 </div> 179 </div>
181 </div> 180 </div>
182 <div class="col-auto my-2 col-lg-2 botonera-lateral"> 181 <div class="col-auto my-2 col-lg-2 botonera-lateral">
183 <div class="row align-items-end"> 182 <div class="row align-items-end">
184 <div class="col-12"> 183 <div class="col-12">
185 <button 184 <button
186 ng-click="crearNotaPedido()" 185 ng-click="crearNotaPedido()"
187 type="submit" 186 type="submit"
188 title="Crear nota pedido" 187 title="Crear nota pedido"
189 class="btn btn-default btn-block mb-2"> 188 class="btn btn-default btn-block mb-2">
190 Guardar 189 Guardar
191 </button> 190 </button>
192 <button 191 <button
193 ng-click="salir()" 192 ng-click="salir()"
194 type="button" 193 type="button"
195 title="Salir" 194 title="Salir"
196 class="btn btn-default btn-block"> 195 class="btn btn-default btn-block">
197 Salir 196 Salir
198 </button> 197 </button>
199 </div> 198 </div>
200 </div> 199 </div>
201 </div> 200 </div>
202 </div> 201 </div>
203 </div> 202 </div>
204 <!-- 203 <!--
205 <form name="formCrearNota"> 204 <form name="formCrearNota">
206 <uib-tabset active="active"> 205 <uib-tabset active="active">
207 <uib-tab index="0" heading="General"> 206 <uib-tab index="0" heading="General">
208 <input type="hidden" name="id" ng-model="notaPedido.id" /> 207 <input type="hidden" name="id" ng-model="notaPedido.id" />
209 <div> 208 <div>
210 <div class="col-auto my-2"> 209 <div class="col-auto my-2">
211 <button type="submit" title="Siguiente" class="btn btn-primary float-right">Siguiente</button> 210 <button type="submit" title="Siguiente" class="btn btn-primary float-right">Siguiente</button>
212 </div> 211 </div>
213 </div> 212 </div>
214 <br> 213 <br>
215 <br> 214 <br>
216 <div class="row"> 215 <div class="row">
217 <div class="col-md-2"> 216 <div class="col-md-2">
218 <div class="col-auto"> 217 <div class="col-auto">
219 <label>Fecha de carga</label> 218 <label>Fecha de carga</label>
220 </div> 219 </div>
221 </div> 220 </div>
222 <div class="col-md-3"> 221 <div class="col-md-3">
223 <div class="col-auto"> 222 <div class="col-auto">
224 <input type="date" class="form-control" ng-model="notaPedido.fechaCarga" ng-required="true"> 223 <input type="date" class="form-control" ng-model="notaPedido.fechaCarga" ng-required="true">
225 </div> 224 </div>
226 </div> 225 </div>
227 <div class="col-md-2"> 226 <div class="col-md-2">
228 <div class="col-auto"> 227 <div class="col-auto">
229 <label>Kilómetros</label> 228 <label>Kilómetros</label>
230 </div> 229 </div>
231 </div> 230 </div>
232 <div class="col-md-3"> 231 <div class="col-md-3">
233 <div class="col-auto"> 232 <div class="col-auto">
234 <input type="number" min="0" step="0.01" class="form-control" placeholder="Kilómetros recorridos para la entrega en el cliente" 233 <input type="number" min="0" step="0.01" class="form-control" placeholder="Kilómetros recorridos para la entrega en el cliente"
235 ng-model="notaPedido.kilometros" ng-required="true"> 234 ng-model="notaPedido.kilometros" ng-required="true">
236 </div> 235 </div>
237 </div> 236 </div>
238 </div> 237 </div>
239 <div class="row my-3"> 238 <div class="row my-3">
240 <div class="col-md-2"> 239 <div class="col-md-2">
241 <div class="col-auto"> 240 <div class="col-auto">
242 <label>Jurisdicción de IIBB</label> 241 <label>Jurisdicción de IIBB</label>
243 </div> 242 </div>
244 </div> 243 </div>
245 <div class="col-md-3"> 244 <div class="col-md-3">
246 <div class="col-auto"> 245 <div class="col-auto">
247 <input type="text" class="form-control" placeholder="Jurisdicción de IIBB donde se realiza la entrega" 246 <input type="text" class="form-control" placeholder="Jurisdicción de IIBB donde se realiza la entrega"
248 ng-model="notaPedido.jurisdiccionIIBB" ng-required="true"> 247 ng-model="notaPedido.jurisdiccionIIBB" ng-required="true">
249 </div> 248 </div>
250 </div> 249 </div>
251 <div class="col-md-2"> 250 <div class="col-md-2">
252 <div class="col-auto"> 251 <div class="col-auto">
253 <label>Costo de financiación</label> 252 <label>Costo de financiación</label>
254 </div> 253 </div>
255 </div> 254 </div>
256 <div class="col-md-3"> 255 <div class="col-md-3">
257 <div class="col-auto"> 256 <div class="col-auto">
258 <div class="input-group mb-2"> 257 <div class="input-group mb-2">
259 <div class="input-group-prepend"> 258 <div class="input-group-prepend">
260 <div class="input-group-text">$</div> 259 <div class="input-group-text">$</div>
261 </div> 260 </div>
262 <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo de financiación" 261 <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo de financiación"
263 ng-model="notaPedido.costoFinanciacion"> 262 ng-model="notaPedido.costoFinanciacion">
264 </div> 263 </div>
265 </div> 264 </div>
266 </div> 265 </div>
267 </div> 266 </div>
268 <div class="row"> 267 <div class="row">
269 <div class="col-md-2"> 268 <div class="col-md-2">
270 <div class="col-auto"> 269 <div class="col-auto">
271 <label>Bomba</label> 270 <label>Bomba</label>
272 </div> 271 </div>
273 </div> 272 </div>
274 <div class="col-md-1"> 273 <div class="col-md-1">
275 <div class="col-auto"> 274 <div class="col-auto">
276 <div class="form-check custom-radio custom-control-inline"> 275 <div class="form-check custom-radio custom-control-inline">
277 <input class="form-check-input" type="radio" name="radioBomba" value="1" ng-model="notaPedido.bomba"> 276 <input class="form-check-input" type="radio" name="radioBomba" value="1" ng-model="notaPedido.bomba">
278 <label class="form-check-label"> 277 <label class="form-check-label">
279 Si 278 Si
280 </label> 279 </label>
281 </div> 280 </div>
282 <div class="form-check custom-radio custom-control-inline"> 281 <div class="form-check custom-radio custom-control-inline">
283 <input class="form-check-input" type="radio" name="radioBomba" value="0" ng-model="notaPedido.bomba"> 282 <input class="form-check-input" type="radio" name="radioBomba" value="0" ng-model="notaPedido.bomba">
284 <label class="form-check-label"> 283 <label class="form-check-label">
285 No 284 No
286 </label> 285 </label>
287 </div> 286 </div>
288 </div> 287 </div>
289 </div> 288 </div>
290 <div class="col-md-1"> 289 <div class="col-md-1">
291 <div class="col-auto"> 290 <div class="col-auto">
292 <label>Flete</label> 291 <label>Flete</label>
293 </div> 292 </div>
294 </div> 293 </div>
295 <div class="col-md-1"> 294 <div class="col-md-1">
296 <div class="col-auto"> 295 <div class="col-auto">
297 <div class="form-check custom-radio custom-control-inline"> 296 <div class="form-check custom-radio custom-control-inline">
298 <input class="form-check-input" type="radio" name="radioFlete" value="1" ng-model="notaPedido.flete"> 297 <input class="form-check-input" type="radio" name="radioFlete" value="1" ng-model="notaPedido.flete">
299 <label class="form-check-label"> 298 <label class="form-check-label">
300 Si 299 Si
301 </label> 300 </label>
302 </div> 301 </div>
303 <div class="form-check custom-radio custom-control-inline"> 302 <div class="form-check custom-radio custom-control-inline">
304 <input class="form-check-input" type="radio" name="radioFlete" value="0" ng-model="notaPedido.flete"> 303 <input class="form-check-input" type="radio" name="radioFlete" value="0" ng-model="notaPedido.flete">
305 <label class="form-check-label"> 304 <label class="form-check-label">
306 FOB 305 FOB
307 </label> 306 </label>
308 </div> 307 </div>
309 </div> 308 </div>
310 </div> 309 </div>
311 <div class="col-md-2"> 310 <div class="col-md-2">
312 <div class="col-auto"> 311 <div class="col-auto">
313 <label>Costo unitario kilometro flete</label> 312 <label>Costo unitario kilometro flete</label>
314 </div> 313 </div>
315 </div> 314 </div>
316 <div class="col-md-3"> 315 <div class="col-md-3">
317 <div class="col-auto"> 316 <div class="col-auto">
318 <div class="input-group mb-2"> 317 <div class="input-group mb-2">
319 <div class="input-group-prepend"> 318 <div class="input-group-prepend">
320 <div class="input-group-text">$</div> 319 <div class="input-group-text">$</div>
321 </div> 320 </div>
322 <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo unitario del kilometro del flete" 321 <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo unitario del kilometro del flete"
323 ng-model="notaPedido.costoUnitarioKmFlete" ng-required="true"> 322 ng-model="notaPedido.costoUnitarioKmFlete" ng-required="true">
324 </div> 323 </div>
325 </div> 324 </div>
326 </div> 325 </div>
327 </div> 326 </div>
328 <div class="row my-3"> 327 <div class="row my-3">
329 <div class="col-md-2"> 328 <div class="col-md-2">
330 <div class="col-auto"> 329 <div class="col-auto">
331 <label>Vendedor</label> 330 <label>Vendedor</label>
332 </div> 331 </div>
333 </div> 332 </div>
334 <div class="col-md-3"> 333 <div class="col-md-3">
335 <div class="col-auto"> 334 <div class="col-auto">
336 <input type="text" class="form-control" placeholder="Seleccione vendedor" ng-model="notaPedido.vendedor" 335 <input type="text" class="form-control" placeholder="Seleccione vendedor" ng-model="notaPedido.vendedor"
337 ng-click="seleccionarVendedor()" readonly> 336 ng-click="seleccionarVendedor()" readonly>
338 </div> 337 </div>
339 </div> 338 </div>
340 <div class="col-md-2"> 339 <div class="col-md-2">
341 <div class="col-auto"> 340 <div class="col-auto">
342 <label>Petrolera</label> 341 <label>Petrolera</label>
343 </div> 342 </div>
344 </div> 343 </div>
345 <div class="col-md-3"> 344 <div class="col-md-3">
346 <div class="col-auto"> 345 <div class="col-auto">
347 <input type="text" class="form-control" placeholder="Seleccione petrolera" ng-model="notaPedido.petrolera" 346 <input type="text" class="form-control" placeholder="Seleccione petrolera" ng-model="notaPedido.petrolera"
348 ng-click="seleccionarPetrolera()" readonly> 347 ng-click="seleccionarPetrolera()" readonly>
349 </div> 348 </div>
350 </div> 349 </div>
351 </div> 350 </div>
352 </div> 351 </div>
353 <div class="row"> 352 <div class="row">
354 <div class="col-md-2"> 353 <div class="col-md-2">
355 <div class="col-auto"> 354 <div class="col-auto">
356 <label>Cliente</label> 355 <label>Cliente</label>
357 </div> 356 </div>
358 </div> 357 </div>
359 <div class="col-md-3"> 358 <div class="col-md-3">
360 <div class="col-auto"> 359 <div class="col-auto">
361 <input type="text" class="form-control" placeholder="Seleccione cliente" ng-model="notaPedido.cliente" 360 <input type="text" class="form-control" placeholder="Seleccione cliente" ng-model="notaPedido.cliente"
362 ng-click="seleccionarCliente()" ng-change="obtenerDomicilios()" readonly> 361 ng-click="seleccionarCliente()" ng-change="obtenerDomicilios()" readonly>
363 </div> 362 </div>
364 </div> 363 </div>
365 <div class="col-md-2"> 364 <div class="col-md-2">
366 <div class="col-auto"> 365 <div class="col-auto">
367 <label>Domicilio</label> 366 <label>Domicilio</label>
368 </div> 367 </div>
369 </div> 368 </div>
370 <div class="col-md-4"> 369 <div class="col-md-4">
371 <div class="col-md-12 row" ng-repeat="domicilio in notaPedido.domicilio"> 370 <div class="col-md-12 row" ng-repeat="domicilio in notaPedido.domicilio">
372 <div class="col-auto"> 371 <div class="col-auto">
373 <input type="text" ng-model="domicilio.dom" placeholder="Domicilio" uib-typeahead=" 372 <input type="text" ng-model="domicilio.dom" placeholder="Domicilio" uib-typeahead="
374 domi.dom 373 domi.dom
375 for domi 374 for domi
376 in domiciliosCliente 375 in domiciliosCliente
377 " 376 "
378 typeahead-no-results="sinResultados" typeahead-min-length="0" typeahead-on-select="seleccionar($item)" 377 typeahead-no-results="sinResultados" typeahead-min-length="0" typeahead-on-select="seleccionar($item)"
379 class="form-control mb-2" ng-disabled="domicilio.id > 0" ng-required="true"> 378 class="form-control mb-2" ng-disabled="domicilio.id > 0" ng-required="true">
380 <i ng-show="cargandoClientes" class="fas fa-sync"></i> 379 <i ng-show="cargandoClientes" class="fas fa-sync"></i>
381 <div ng-show="sinResultados"> 380 <div ng-show="sinResultados">
382 No se encontraron resultados. 381 No se encontraron resultados.
383 </div> 382 </div>
384 </div> 383 </div>
385 <a class="btn" ng-click="removeNewChoice(domicilio)" ng-if="domicilio.id==0">-</a> 384 <a class="btn" ng-click="removeNewChoice(domicilio)" ng-if="domicilio.id==0">-</a>
386 <a class="btn" ng-click="addNewDom()">+</a> 385 <a class="btn" ng-click="addNewDom()">+</a>
387 </div> 386 </div>
388 </div> 387 </div>
389 </div> 388 </div>
390 </uib-tab> 389 </uib-tab>
391 <uib-tab index="1" heading="Producto" disable="formCrearNota.$invalid"> 390 <uib-tab index="1" heading="Producto" disable="formCrearNota.$invalid">
392 <div> 391 <div>
393 <div class="col-auto my-2"> 392 <div class="col-auto my-2">
394 <button ng-click="crearNotaPedido()" type="button" title="Crear nota pedido" class="btn btn-primary float-right">Crear</button> 393 <button ng-click="crearNotaPedido()" type="button" title="Crear nota pedido" class="btn btn-primary float-right">Crear</button>
395 </div> 394 </div>
396 </div> 395 </div>
397 <br> 396 <br>
398 <br> 397 <br>
399 <div class="row"> 398 <div class="row">
400 <div class="col-md-2"> 399 <div class="col-md-2">
401 <div class="col-auto"> 400 <div class="col-auto">
402 <label>Precios y condiciones</label> 401 <label>Precios y condiciones</label>
403 </div> 402 </div>
404 </div> 403 </div>
405 <div class="col-md-4"> 404 <div class="col-md-4">
406 <div class="col-auto"> 405 <div class="col-auto">
407 <select class="form-control" ng-change="cargarArticulos()" ng-model="notaPedido.precioCondicion" ng-options="preCond.id as preCond.nombre for preCond in precioCondiciones"> 406 <select class="form-control" ng-change="cargarArticulos()" ng-model="notaPedido.precioCondicion" ng-options="preCond.id as preCond.nombre for preCond in precioCondiciones">
408 </select> 407 </select>
409 </div> 408 </div>
410 </div> 409 </div>
411 <div class="col-md-2"> 410 <div class="col-md-2">
412 <div class="col-auto"> 411 <div class="col-auto">
413 <label>Producto</label> 412 <label>Producto</label>
414 </div> 413 </div>
415 </div> 414 </div>
416 <div class="col-md-4"> 415 <div class="col-md-4">
417 <div class="col-auto"> 416 <div class="col-auto">
418 <input type="text" class="form-control" placeholder="Seleccione producto" ng-model="notaPedido.producto" 417 <input type="text" class="form-control" placeholder="Seleccione producto" ng-model="notaPedido.producto"
419 ng-click="seleccionarArticulo()" readonly> 418 ng-click="seleccionarArticulo()" readonly>
420 </div> 419 </div>
421 </div> 420 </div>
422 </div> 421 </div>
423 <div class="col-md-12"> 422 <div class="col-md-12">
424 <table class="table my-3 table-hover table-nonfluid"> 423 <table class="table my-3 table-hover table-nonfluid">
425 <thead> 424 <thead>
426 <tr> 425 <tr>
427 <th>Código</th> 426 <th>Código</th>
428 <th>Nombre</th> 427 <th>Nombre</th>
429 <th>Precio unitario</th> 428 <th>Precio unitario</th>
430 <th>Costo unitario bruto</th> 429 <th>Costo unitario bruto</th>
431 <th>Cantidad</th> 430 <th>Cantidad</th>
432 <th>Subtotal</th> 431 <th>Subtotal</th>
433 </tr> 432 </tr>
434 </thead> 433 </thead>
435 <tbody> 434 <tbody>
436 <tr ng-repeat="articulo in articulosTabla"> 435 <tr ng-repeat="articulo in articulosTabla">
437 <td ng-bind="articulo.codigo"></td> 436 <td ng-bind="articulo.codigo"></td>
438 <td ng-bind="articulo.nombre"></td> 437 <td ng-bind="articulo.nombre"></td>
439 <td ng-bind="articulo.precio"></td> 438 <td ng-bind="articulo.precio"></td>
440 <td ng-bind="articulo.costoUnitario"></td> 439 <td ng-bind="articulo.costoUnitario"></td>
441 <td><input ng-model="articulo.cantidad" class="form-control" type="number" min="0" value="1"></td> 440 <td><input ng-model="articulo.cantidad" class="form-control" type="number" min="0" value="1"></td>
442 <td ng-bind="getSubTotal(articulo.item)"></td> 441 <td ng-bind="getSubTotal(articulo.item)"></td>
443 </tr> 442 </tr>
444 </tbody> 443 </tbody>
445 </table> 444 </table>
446 </div> 445 </div>
447 </uib-tab> 446 </uib-tab>