Marcelo Puebla / foca-modal-descarga

Download as
Browse Code »

Commit 988b6dab939003ad04f9b112205b671ef8b22572

Authored by Marcelo Puebla
1 parent 819e6d8a2b
Exists in master

Cambio en estilo de la pantalla.

Showing 1 changed file with 21 additions and 18 deletions   Show diff stats
src/views/foca-modal-descarga.html
Diff comments   View file @ 988b6da
1 <div class="modal-header"> 1 <div class="modal-header">
2 <h5>Detalle de descarga</h5> 2 <h5>Detalle de descarga</h5>
3 </div> 3 </div>
4 <div class="modal-body"> 4 <div class="modal-body">
5 <div class="row px-1"> 5 <div class="row px-1">
6 <div class="col-3 align-self-center mt-1 pl-1"> 6 <div class="col-3 align-self-center mt-1 pl-1">
7 <strong>Cliente</strong> 7 <strong>Cliente</strong>
8 </div> 8 </div>
9 <div class="col-9"> 9 <div class="col-9">
10 <div class="input-group"> 10 <div class="input-group">
11 <input 11 <input
12 type="text" 12 type="text"
13 ladda="searchLoading" 13 ladda="searchLoading"
14 class="form-control form-control-sm foca-input" 14 class="form-control form-control-sm foca-input"
15 placeholder="Busqueda cliente" 15 placeholder="Busqueda cliente"
16 ng-model="remito.cliente.nom" 16 ng-model="remito.cliente.nom"
17 readonly 17 readonly
18 > 18 >
19 <div class="input-group-append"> 19 <div class="input-group-append">
20 <button 20 <button
21 ladda="searchLoading" 21 ladda="searchLoading"
22 data-spinner-color="#FF0000" 22 data-spinner-color="#FF0000"
23 class="btn btn-outline-secondary" 23 class="btn btn-outline-secondary"
24 type="button" 24 type="button"
25 ng-click="seleccionarCliente()" 25 ng-click="seleccionarCliente()"
26 > 26 >
27 <i class="fa fa-search fa-x1" aria-hidden="true"></i> 27 <i class="fa fa-search fa-x1" aria-hidden="true"></i>
28 </button> 28 </button>
29 </div> 29 </div>
30 </div> 30 </div>
31 </div> 31 </div>
32 <div class="col-3 align-self-center pl-1 mt-1"> 32 <div class="col-3 align-self-center pl-1 mt-1">
33 <strong>Domicilio</strong> 33 <strong>Domicilio</strong>
34 </div> 34 </div>
35 <div class="col-9 align-self-center mt-1"> 35 <div class="col-9 align-self-center mt-1">
36 <label ng-bind="remito.cliente.DOM"></label> 36 <label ng-bind="remito.cliente.DOM"></label>
37 </div> 37 </div>
38 <!-- <div class="col-3 pl-1">
39 <strong>Punto descarga</strong>
40 </div>
41 <div class="col-9">
42 <label>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat facilis commodi dolore aperiam dolor quaerat, sit earum vero iste itaque aspernatur qui nisi id repudiandae error architecto inventore vel temporibus.</label>
43 </div> -->
44 <div class="col-3 align-self-center px-1 mt-1"> 38 <div class="col-3 align-self-center px-1 mt-1">
45 <strong>Remito Nº</strong> 39 <strong>Remito Nº</strong>
46 </div> 40 </div>
47 <div class="col-9 mt-1"> 41 <div class="col-3 pr-0 mt-1">
48 <input 42 <input
49 type="text" class="form-control form-control-sm" 43 type="text" class="text-center form-control form-control-sm"
50 ng-model="nroRemito" readonly> 44 ng-model="nroSucursal" readonly>
51 </div> 45 </div>
52 <div class="col-12 mt-3"> 46 <div class="col-6 mt-1">
47 <input
48 type="number" class="text-center form-control form-control-sm"
49 ng-model="remito.numeroRemito">
50 </div>
51 <div class="col-12 mt-3 p-0">
53 <table class="table"> 52 <table class="table">
54 <thead> 53 <thead>
55 <tr> 54 <tr>
56 <th>Cisterna</th> 55 <th>Cisterna</th>
57 <th>Articulo</th> 56 <th>Articulo/Disponibles</th>
58 <th>Disponibles</th>
59 <th>Descargar</th> 57 <th>Descargar</th>
60 </tr> 58 </tr>
61 </thead> 59 </thead>
62 <tbody> 60 <tbody>
63 <tr ng-repeat="cisterna in cisternas"> 61 <tr ng-repeat="cisterna in cisternas">
64 <td ng-bind="cisterna.codigo"></td> 62 <td class="text-center" ng-bind="cisterna.codigo"></td>
65 <td ng-bind="cisterna.cisternaCarga.articulo.DetArt"></td> 63 <td class="text-center">
66 <td ng-bind="cisterna.cisternaCarga.cantidad"></td> 64 {{cisterna.cisternaCarga.articulo.DetArt}}<br>
65 {{cisterna.cisternaCarga.cantidad}}
66 </td>
67 <td> 67 <td>
68 <input 68 <input
69 ng-init="cisterna.cisternaCarga.descargar = cisterna.cisternaCarga.cantidad" 69 ng-init="cisterna.cisternaCarga.descargar =
70 cisterna.cisternaCarga.cantidad"
70 ng-model="cisterna.cisternaCarga.descargar" 71 ng-model="cisterna.cisternaCarga.descargar"
71 type="text" class="form-control col-12"> 72 type="number" class="text-center form-control col-12">
72 </td> 73 </td>
73 </tr> 74 </tr>
74 </tbody> 75 </tbody>
75 </table> 76 </table>
76 </div> 77 </div>
77 <div class="col-3 align-self-center px-1"> 78 <div class="col-3 align-self-center px-1">
78 <strong>Nº Recibo</strong> 79 <strong>Nº Recibo</strong>
79 </div> 80 </div>
80 <div class="col-9"> 81 <div class="col-9">
81 <input ng-model="nroRecibo" class="form-control" type="text" placeholder="Nº de recibo"> 82 <input
83 ng-model="nroRecibo" class="form-control"
84 type="number" placeholder="Nº de recibo">
82 </div> 85 </div>
83 </div> 86 </div>
84 </div> 87 </div>
85 <div class="modal-footer"> 88 <div class="modal-footer">
86 <button 89 <button
87 class="btn btn-sm btn-secondary" 90 class="btn btn-sm btn-secondary"
88 ladda="cargando" 91 ladda="cargando"
89 type="button" 92 type="button"
90 ng-click="cancelar()">Cancelar</button> 93 ng-click="cancelar()">Cancelar</button>
91 <button 94 <button
92 class="btn btn-sm btn-primary" 95 class="btn btn-sm btn-primary"