Eric Fernandez / foca-modal-detalle-hoja-ruta

Download as
Browse Code »

Commit 2df9f64f1f9a43e1e43011d6d838fd2b521bedc2

Authored by Marcelo Puebla
1 parent 1680926c0a
Exists in master

Arreglo de responsividad.

Showing 1 changed file with 105 additions and 101 deletions   Show diff stats
src/views/modal-detalle-hoja-ruta.html
Diff comments   View file @ 2df9f64
1   -<div class="modal-header py-1">
  1 +<div class="modal-header">
2 2 <h5 class="modal-title">Detalle de descarga</h5>
3 3 </div>
4 4 <div class="modal-body" id="modal-body" ladda="cargando" data-spinner-color="#FF0000" data-spinner-size="5">
5 5 <form name="formDetalleHojaRuta">
6 6 <div class="form-group row" ng-show="!cargando">
7   - <div class="col-12 px-0">
  7 + <div class="col-12">
8 8 <strong>Información Remito</strong>
9 9 <button
10 10 class="btn btn-sm btn-light selectable"
11   - ng-click="verInformacion = !verInformacion"
12   - ><i
13   - class="fa fa-chevron-up"
14   - ng-show="verInformacion"></i>
15   - <i
16   - class="fa fa-chevron-down"
17   - ng-hide="verInformacion">
18   - </i>
  11 + ng-click="verInformacion = !verInformacion">
  12 + <i class="fa fa-chevron-up" ng-show="verInformacion"></i>
  13 + <i class="fa fa-chevron-down" ng-hide="verInformacion"></i>
19 14 </button>
20 15 </div>
21   - <div class="row" ng-show="verInformacion">
  16 + <div class="row m-0" ng-show="verInformacion">
22 17 <div class="col-12">
23   - <label class="form-control-sm">
  18 + <small>
24 19 <b>Remito Nº</b>
25 20 <span ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"/>
26   - </label>
  21 + </small>
27 22 </div>
28 23 <div class="col-12">
29   - <label class="form-control-sm">
  24 + <small>
30 25 <b>Cliente</b>
31   - </label>
32   - <span ng-bind="remito.nombreCliente"/>
  26 + <span ng-bind="remito.nombreCliente"/>
  27 + </small>
33 28 </div>
34 29 <div class="col-12">
35   - <label class="form-control-sm">
  30 + <small>
36 31 <b>Domicilio</b>
37 32 <span ng-bind="remito.domicilioStamp"/>
38   - </label>
  33 + </small>
39 34 </div>
40 35 <div ng-show="remito.notaPedido.notaPedidoPuntoDescarga.length" class="px-3">
41 36 <label class="form-control-sm">
... ... @@ -54,94 +49,103 @@
54 49 </table>
55 50 </div>
56 51 </div>
57   - <strong>Articulo a descargar</strong>
58   - <table class="table table-sm">
59   - <thead>
60   - <tr>
61   - <th></th>
62   - <th>Articulo</th>
63   - <th>Total</th>
64   - <th>Descargado</th>
65   - </tr>
66   - </thead>
67   - <tbody>
68   - <tr ng-repeat="(key, articulo) in remito.articulosRemito">
69   - <td class="pt-2">
70   - <input
71   - type="radio"
72   - name="articuloRadio"
73   - id="{{'articulo' + articulo.id}}"
74   - ng-click="cambio(articulo)"
75   - ng-disabled="articulo.descargado || readonly"
76   - ng-checked="articuloSeleccionado.id === articulo.id"
77   - ></td>
78   - <td ng-bind="articulo.descripcion"></td>
79   - <td ng-bind="articulo.cantidad"></td>
80   - <td ng-bind="articulo.cantidadDescargada || 0"></td>
81   - </tbody>
82   - </table>
83   - <strong>Cisterna</strong>
84   - <table class="table table-sm">
85   - <thead>
86   - <tr>
87   - <th>Código</th>
  52 + <div class="col py-3">
  53 + <strong>Articulo a descargar</strong>
  54 + <table class="table table-sm mt-2">
  55 + <thead>
  56 + <tr>
  57 + <th></th>
88 58 <th>Articulo</th>
89 59 <th>Total</th>
90   - <th>A descargar</th>
  60 + <th>Descargado</th>
91 61 </tr>
92   - </thead>
93   - <tbody>
94   - <tr ng-repeat="(key, cisterna) in cisternas">
95   - <td ng-bind="cisterna.codigo"></td>
96   - <td ng-bind="cisterna.cisternaCarga.articulo.DetArt"></td>
97   - <td ng-bind="cisterna.cisternaCarga.cantidad"></td>
98   - <td><input
  62 + </thead>
  63 + <tbody>
  64 + <tr ng-repeat="(key, articulo) in remito.articulosRemito">
  65 + <td class="pt-2">
  66 + <input
  67 + type="radio"
  68 + name="articuloRadio"
  69 + id="{{'articulo' + articulo.id}}"
  70 + ng-click="cambio(articulo)"
  71 + ng-disabled="articulo.descargado || readonly"
  72 + ng-checked="articuloSeleccionado.id === articulo.id"
  73 + ></td>
  74 + <td ng-bind="articulo.descripcion"></td>
  75 + <td ng-bind="articulo.cantidad"></td>
  76 + <td ng-bind="articulo.cantidadDescargada || 0"></td>
  77 + </tbody>
  78 + </table>
  79 + <strong>Cisterna</strong>
  80 + <table class="table table-sm mt-2">
  81 + <thead>
  82 + <tr>
  83 + <th>Código</th>
  84 + <th>Articulo</th>
  85 + <th>Total</th>
  86 + <th>A Descargar</th>
  87 + </tr>
  88 + </thead>
  89 + <tbody>
  90 + <tr ng-repeat="(key, cisterna) in cisternas">
  91 + <td class="align-middle" ng-bind="cisterna.codigo"></td>
  92 + <td class="align-middle" ng-bind="cisterna.cisternaCarga.articulo.DetArt"></td>
  93 + <td class="align-middle" ng-bind="cisterna.cisternaCarga.cantidad"></td>
  94 + <td><input
  95 + class="form-control form-control-sm"
  96 + type="number"
  97 + ng-model="aDescargar[key]"
  98 + ng-change="actualizarArticulo()"
  99 + foca-focus="articuloSeleccionado.idArticulo == cisterna.cisternaCarga.idProducto"
  100 + ng-disabled="articuloSeleccionado.idArticulo != cisterna.cisternaCarga.idProducto
  101 + || readonly"/></td>
  102 + </tr>
  103 + </tbody>
  104 + </table>
  105 + <div class="col-12 px-0">
  106 + <label class="small">
  107 + <b>Observaciones</b>
  108 + </label>
  109 + </div>
  110 + <div class="col-12 px-0">
  111 + <textarea
  112 + ng-model="remito.observaciones"
  113 + ng-disabled="readonly"
99 114 class="form-control form-control-sm"
100   - type="number"
101   - ng-model="aDescargar[key]"
102   - ng-change="actualizarArticulo()"
103   - foca-focus="articuloSeleccionado.idArticulo == cisterna.cisternaCarga.idProducto"
104   - ng-disabled="articuloSeleccionado.idArticulo != cisterna.cisternaCarga.idProducto
105   - || readonly"/></td>
106   - </tr>
107   - </tbody>
108   - </table>
109   - <div class="col-12 px-0">
110   - <label class="form-control-sm px-0">
111   - <b>Observaciones</b>
112   - </label>
113   - </div>
114   - <div class="col-12">
115   - <textarea
116   - ng-model="remito.observaciones"
117   - ng-disabled="readonly"
118   - class="form-control form-control-sm"
119   - rows="1"
120   - ></textarea>
121   - </div>
122   - <div class="col-12 row mt-2">
123   - <label class="form-control-sm px-0 col-3"><b>Nº Recibo</b></label>
124   - <input
125   - class="form-control form-control-sm col-4"
126   - type="number"
127   - ng-disabled="readonly"
128   - ng-model="numeroRecibo"
129   - ng-keypress="descargar($event.keyCode)"
130   - foca-focus="articuloSeleccionado.cantidadDescargada === articuloSeleccionado.cantidad">
131   - <button
132   - class="ml-4 form-control-sm btn btn-success col-4"
133   - ladda="cargando"
134   - data-spinner-color="#FF0000"
135   - type="button"
136   - ng-disabled="!distribucionDisponible() || !numeroRecibo"
137   - ng-click="descargar(13)">
138   - Descargar
139   - </button>
  115 + rows="1"
  116 + ></textarea>
  117 + </div>
  118 + <div class="row mt-2">
  119 + <div class="col-auto my-auto">
  120 + <span class="small"><b>Nº Recibo</b></span>
  121 + </div>
  122 + <div class="col">
  123 + <input
  124 + class="form-control form-control-sm"
  125 + type="number"
  126 + ng-disabled="readonly"
  127 + ng-model="numeroRecibo"
  128 + ng-keypress="descargar($event.keyCode)"
  129 + foca-focus="articuloSeleccionado.cantidadDescargada === articuloSeleccionado.cantidad">
  130 + </div>
  131 + <div class="col-auto">
  132 + <button
  133 + class="btn btn-success btn-sm btn-block"
  134 + ladda="cargando"
  135 + data-spinner-color="#FF0000"
  136 + type="button"
  137 + ng-disabled="!distribucionDisponible() || !numeroRecibo"
  138 + ng-click="descargar(13)">
  139 + Descargar
  140 + </button>
  141 + </div>
  142 + </div>
  143 +
  144 + <label
  145 + class="col-12 bg-danger text-white" ng-show="remito.rechazado"
  146 + >Remito rechazado</label>
  147 + </div>
140 148 </div>
141   -
142   - <label
143   - class="col-12 bg-danger text-white" ng-show="remito.rechazado"
144   - >Remito rechazado</label>
145 149 </form>
146 150 </div>
147 151 <div class="modal-footer py-2">