Eric Fernandez / foca-crear-nota-pedido

Download as
Browse Code »

Commit 7a4e64e877388f212d6fb2ea15732071e1171894

Authored by Nicolás Guarnieri
2 parents e499a011cf 8cc007888b
Exists in master

Merge branch 'master' into 'master' 

Master (pmarco)

See merge request modulos-npm/foca-crear-nota-pedido!38
Showing 1 changed file   Show diff stats
src/views/nota-pedido.html
Diff comments   View file @ 7a4e64e
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()" class="mb-0">
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-12 col-sm-4 nota-pedido"> 8 <div class="col-12 col-sm-4 nota-pedido">
9 <h5>NOTA DE PEDIDO</h5> 9 <h5>NOTA DE PEDIDO</h5>
10 </div> 10 </div>
11 <div class="col-6 col-sm-4 numero-pedido">Nº {{puntoVenta}}-{{comprobante}}</div> 11 <div class="col-6 col-sm-4 numero-pedido">Nº {{puntoVenta}}-{{comprobante}}</div>
12 <div class="col-6 col-sm-4 text-right crear-nota-pedido-fecha"> 12 <div class="col-6 col-sm-4 text-right crear-nota-pedido-fecha">
13 Fecha: 13 Fecha:
14 <span 14 <span
15 ng-show="!datepickerAbierto" 15 ng-show="!datepickerAbierto"
16 ng-bind="now | date:'dd/MM/yyyy HH:mm'" 16 ng-bind="now | date:'dd/MM/yyyy HH:mm'"
17 ng-click="datepickerAbierto = true" 17 ng-click="datepickerAbierto = true"
18 > 18 >
19 </span> 19 </span>
20 <input 20 <input
21 ng-show="datepickerAbierto" 21 ng-show="datepickerAbierto"
22 type="date" 22 type="date"
23 ng-model="now" 23 ng-model="now"
24 ng-change="datepickerAbierto = false" 24 ng-change="datepickerAbierto = false"
25 ng-blur="datepickerAbierto = false" 25 ng-blur="datepickerAbierto = false"
26 class="form-control form-control-sm col-8 float-right" 26 class="form-control form-control-sm col-8 float-right"
27 foca-focus="datepickerAbierto" 27 foca-focus="datepickerAbierto"
28 /> 28 />
29 </div> 29 </div>
30 </div> 30 </div>
31 <div class="row"> 31 <div class="row">
32 <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera"> 32 <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera">
33 <span class="label" ng-bind="cab.label"></span> 33 <span class="label" ng-bind="cab.label"></span>
34 <span class="valor" ng-bind="cab.valor"></span> 34 <span class="valor" ng-bind="cab.valor"></span>
35 </div> 35 </div>
36 <a 36 <a
37 class="btn col-12 btn-secondary d-sm-none" 37 class="btn col-12 btn-secondary d-sm-none"
38 ng-show="cabecera.length > 0" 38 ng-show="cabecera.length > 0"
39 ng-click="showCabecera = !showCabecera" 39 ng-click="showCabecera = !showCabecera"
40 > 40 >
41 <i 41 <i
42 class="fa fa-chevron-down" 42 class="fa fa-chevron-down"
43 ng-hide="showCabecera" 43 ng-hide="showCabecera"
44 aria-hidden="true" 44 aria-hidden="true"
45 > 45 >
46 </i> 46 </i>
47 <i 47 <i
48 class="fa fa-chevron-up" 48 class="fa fa-chevron-up"
49 ng-show="showCabecera" 49 ng-show="showCabecera"
50 aria-hidden="true"> 50 aria-hidden="true">
51 </i> 51 </i>
52 </a> 52 </a>
53 </div> 53 </div>
54 </div> 54 </div>
55 </div> 55 </div>
56 <div class="row p-1 botonera-secundaria"> 56 <div class="row p-1 botonera-secundaria">
57 <div class="col-12"> 57 <div class="col-12">
58 <div class="row"> 58 <div class="row">
59 <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera"> 59 <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera">
60 <button 60 <button
61 type="button" 61 type="button"
62 class="btn btn-default btn-block btn-xs text-left py-2" 62 class="btn btn-default btn-block btn-xs text-left py-2"
63 ng-click="boton.accion()" 63 ng-click="boton.accion()"
64 ng-class="{'d-none d-sm-block': boton.texto == ''}" 64 ng-class="{'d-none d-sm-block': boton.texto == ''}"
65 > 65 >
66 <i 66 <i
67 class="fa fa-arrow-circle-right" 67 class="fa fa-arrow-circle-right"
68 ng-show="boton.texto != ''" 68 ng-show="boton.texto != ''"
69 ></i> 69 ></i>
70 &nbsp; 70 &nbsp;
71 {{boton.texto}} 71 {{boton.texto}}
72 </button> 72 </button>
73 </div> 73 </div>
74 </div> 74 </div>
75 </div> 75 </div>
76 </div> 76 </div>
77 </div> 77 </div>
78 </div> 78 </div>
79 </form> 79 </form>
80 <div class="row"> 80 <div class="row">
81 <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2"> 81 <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
82 <!-- PC --> 82 <!-- PC -->
83 <div class="row grilla-articulo align-items-end"> 83 <div class="row grilla-articulo align-items-end">
84 <table class="table tabla-articulo table-striped table-sm table-dark"> 84 <table class="table tabla-articulo table-striped table-sm table-dark mb-0">
85 <thead> 85 <thead>
86 <tr class="d-flex"> 86 <tr class="d-flex">
87 <th class="">#</th> 87 <th class="">#</th>
88 <th class="col">Código</th> 88 <th class="col">Código</th>
89 <th class="col-4">Descripción</th> 89 <th class="col-4">Descripción</th>
90 <th class="col text-right">Cantidad</th> 90 <th class="col text-right">Cantidad</th>
91 <th class="col text-right">Precio Unitario</th> 91 <th class="col text-right">Precio Unitario</th>
92 <th class="col text-right">SubTotal</th> 92 <th class="col text-right">SubTotal</th>
93 <th class="text-right"> 93 <th class="text-right">
94 <button 94 <button
95 class="btn btn-outline-secondary selectable" 95 class="btn btn-outline-secondary selectable"
96 ng-click="show = !show; masMenos()" 96 ng-click="show = !show; masMenos()"
97 > 97 >
98 <i 98 <i
99 class="fa fa-chevron-down" 99 class="fa fa-chevron-down"
100 ng-show="show" 100 ng-show="show"
101 aria-hidden="true" 101 aria-hidden="true"
102 > 102 >
103 </i> 103 </i>
104 <i 104 <i
105 class="fa fa-chevron-up" 105 class="fa fa-chevron-up"
106 ng-hide="show" 106 ng-hide="show"
107 aria-hidden="true"> 107 aria-hidden="true">
108 </i> 108 </i>
109 </button> 109 </button>
110 </th> 110 </th>
111 </tr> 111 </tr>
112 </thead> 112 </thead>
113 <tbody class="tabla-articulo-body"> 113 <tbody class="tabla-articulo-body">
114 <tr 114 <tr
115 ng-repeat="(key, articulo) in articulosTabla" 115 ng-repeat="(key, articulo) in articulosTabla"
116 ng-show="show || key == (articulosTabla.length - 1)" 116 ng-show="show || key == (articulosTabla.length - 1)"
117 class="d-flex" 117 class="d-flex"
118 > 118 >
119 <td ng-bind="key + 1"></td> 119 <td ng-bind="key + 1"></td>
120 <td 120 <td
121 class="col" 121 class="col"
122 ng-bind="articulo.sector + '-' + articulo.codigo" 122 ng-bind="articulo.sector + '-' + articulo.codigo"
123 ></td> 123 ></td>
124 <td 124 <td
125 class="col-4" 125 class="col-4"
126 ng-bind="articulo.descripcion" 126 ng-bind="articulo.descripcion"
127 ></td> 127 ></td>
128 <td class="col text-right"> 128 <td class="col text-right">
129 <input 129 <input
130 ng-show="articulo.edit" 130 ng-show="articulo.edit"
131 ng-model="articulo.cantidad" 131 ng-model="articulo.cantidad"
132 class="form-control" 132 class="form-control"
133 type="number" 133 type="number"
134 min="1" 134 min="1"
135 foca-focus="articulo.edit" 135 foca-focus="articulo.edit"
136 ng-keypress="editarArticulo($event.keyCode, articulo)" 136 ng-keypress="editarArticulo($event.keyCode, articulo)"
137 ng-focus="selectFocus($event)" 137 ng-focus="selectFocus($event)"
138 > 138 >
139 <i 139 <i
140 class="selectable" 140 class="selectable"
141 ng-click="cambioEdit(articulo)" 141 ng-click="cambioEdit(articulo)"
142 ng-hide="articulo.edit" 142 ng-hide="articulo.edit"
143 ng-bind="articulo.cantidad"> 143 ng-bind="articulo.cantidad">
144 </i> 144 </i>
145 </td> 145 </td>
146 <td 146 <td
147 class="col text-right" 147 class="col text-right"
148 ng-bind="articulo.precio | currency: '$'" 148 ng-bind="articulo.precio | currency: '$'"
149 ></td> 149 ></td>
150 <td 150 <td
151 class="col text-right" 151 class="col text-right"
152 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'"> 152 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'">
153 </td> 153 </td>
154 <td class="text-center"> 154 <td class="text-center">
155 <button 155 <button
156 class="btn btn-outline-secondary" 156 class="btn btn-outline-secondary"
157 ng-click="quitarArticulo(key)" 157 ng-click="quitarArticulo(key)"
158 > 158 >
159 <i class="fa fa-trash"></i> 159 <i class="fa fa-trash"></i>
160 </button> 160 </button>
161 </td> 161 </td>
162 </tr> 162 </tr>
163 </tbody> 163 </tbody>
164 <tfoot> 164 <tfoot>
165 <tr ng-show="!cargando" class="d-flex"> 165 <tr ng-show="!cargando" class="d-flex">
166 <td 166 <td
167 class="align-middle" 167 class="align-middle"
168 ng-bind="articulosTabla.length + 1" 168 ng-bind="articulosTabla.length + 1"
169 ></td> 169 ></td>
170 <td class="col"> 170 <td class="col">
171 <input 171 <input
172 class="form-control" 172 class="form-control"
173 ng-model="articuloACargar.sectorCodigo" 173 ng-model="articuloACargar.sectorCodigo"
174 readonly 174 readonly
175 > 175 >
176 </td> 176 </td>
177 <td class="col-4 tabla-articulo-descripcion"> 177 <td class="col-4 tabla-articulo-descripcion">
178 <input 178 <input
179 class="form-control" 179 class="form-control"
180 ng-model="articuloACargar.descripcion" 180 ng-model="articuloACargar.descripcion"
181 readonly 181 readonly
182 > 182 >
183 </td> 183 </td>
184 <td class="col text-right"> 184 <td class="col text-right">
185 <input 185 <input
186 class="form-control" 186 class="form-control"
187 type="number" 187 type="number"
188 min="1" 188 min="1"
189 ng-model="articuloACargar.cantidad" 189 ng-model="articuloACargar.cantidad"
190 foca-focus="!cargando" 190 foca-focus="!cargando"
191 esc-key="resetFilter()" 191 esc-key="resetFilter()"
192 ng-keypress="agregarATabla($event.keyCode)" 192 ng-keypress="agregarATabla($event.keyCode)"
193 > 193 >
194 </td> 194 </td>
195 <td class="col text-right"> 195 <td class="col text-right">
196 <input 196 <input
197 class="form-control" 197 class="form-control"
198 ng-value="articuloACargar.precio | currency: '$'" 198 ng-value="articuloACargar.precio | currency: '$'"
199 readonly 199 readonly
200 > 200 >
201 </td> 201 </td>
202 <td class="col text-right"> 202 <td class="col text-right">
203 <input 203 <input
204 class="form-control" 204 class="form-control"
205 ng-value="getSubTotal() | currency: '$'" 205 ng-value="getSubTotal() | currency: '$'"
206 readonly 206 readonly
207 ></td> 207 ></td>
208 <td class="text-center align-middle"> 208 <td class="text-center align-middle">
209 <button 209 <button
210 class="btn btn-outline-secondary" 210 class="btn btn-outline-secondary"
211 ng-click="agregarATabla(13)" 211 ng-click="agregarATabla(13)"
212 > 212 >
213 <i class="fa fa-save"></i> 213 <i class="fa fa-save"></i>
214 </button> 214 </button>
215 </td> 215 </td>
216 </tr> 216 </tr>
217 <tr ng-show="cargando" class="d-flex"> 217 <tr ng-show="cargando" class="d-flex">
218 <td colspan="7" class="col-12"> 218 <td colspan="7" class="col-12">
219 <input 219 <input
220 placeholder="Seleccione Articulo" 220 placeholder="Seleccione Articulo"
221 class="form-control form-control-sm" 221 class="form-control form-control-sm"
222 readonly 222 readonly
223 ng-click="seleccionarArticulo()" 223 ng-click="seleccionarArticulo()"
224 /> 224 />
225 </td> 225 </td>
226 </tr> 226 </tr>
227 <tr class="d-flex"> 227 <tr class="d-flex">
228 <td colspan="4"> 228 <td colspan="4">
229 <strong>Cantidad Items:</strong> 229 <strong>Cantidad Items:</strong>
230 <a ng-bind="articulosTabla.length"></a> 230 <a ng-bind="articulosTabla.length"></a>
231 </td> 231 </td>
232 <td class="text-right ml-auto table-celda-total"><h3>Total:</h3></td> 232 <td class="text-right ml-auto table-celda-total"><h3>Total:</h3></td>
233 <td class="table-celda-total text-right" colspan="1"> 233 <td class="table-celda-total text-right" colspan="1">
234 <h3>{{getTotal() | currency: '$'}}</h3> 234 <h3>{{getTotal() | currency: '$'}}</h3>
235 </td> 235 </td>
236 <td class="text-right"> 236 <td class="text-right">
237 <button 237 <button
238 type="button" 238 type="button"
239 class="btn btn-default btn-sm" 239 class="btn btn-default btn-sm"
240 > 240 >
241 Totales 241 Totales
242 </button> 242 </button>
243 </td> 243 </td>
244 </tr> 244 </tr>
245 </tfoot> 245 </tfoot>
246 </table> 246 </table>
247 </div> 247 </div>
248 </div> 248 </div>
249 <div class="col-auto my-2 col-lg-2 botonera-lateral"> 249 <div class="col-auto my-2 col-lg-2 botonera-lateral">
250 <div class="row align-items-end"> 250 <div class="row align-items-end">
251 <div class="col-12"> 251 <div class="col-12">
252 <button 252 <button
253 ng-click="crearNotaPedido()" 253 ng-click="crearNotaPedido()"
254 type="submit" 254 type="submit"
255 title="Crear nota pedido" 255 title="Crear nota pedido"
256 class="btn btn-default btn-block mb-2"> 256 class="btn btn-default btn-block mb-2">
257 Guardar 257 Guardar
258 </button> 258 </button>
259 <button 259 <button
260 ng-click="salir()" 260 ng-click="salir()"
261 type="button" 261 type="button"
262 title="Salir" 262 title="Salir"
263 class="btn btn-default btn-block"> 263 class="btn btn-default btn-block">
264 Salir 264 Salir
265 </button> 265 </button>
266 </div> 266 </div>
267 </div> 267 </div>
268 </div> 268 </div>
269 </div> 269 </div>
270 </div> 270 </div>
271 271