Commit e5c093674147b20dc03e79cc3861330163220114

Authored by Jose Pinto
1 parent 322dd4bd02
Exists in master

editar precio unitario a productos

Showing 1 changed file with 1 additions and 1 deletions   Show diff stats
src/views/remito.html
1 <div class="crear-nota-remito foca-crear row"> 1 <div class="crear-nota-remito foca-crear row">
2 <foca-cabecera-facturador 2 <foca-cabecera-facturador
3 titulo="'Remito'" 3 titulo="'Remito'"
4 numero="puntoVenta + '-' + comprobante" 4 numero="puntoVenta + '-' + comprobante"
5 fecha="now" 5 fecha="now"
6 class="mb-0 col-lg-12" 6 class="mb-0 col-lg-12"
7 busqueda="seleccionarRemito" 7 busqueda="seleccionarRemito"
8 ></foca-cabecera-facturador> 8 ></foca-cabecera-facturador>
9 <div class="col-lg-12"> 9 <div class="col-lg-12">
10 <div class="row mt-4"> 10 <div class="row mt-4">
11 <div class="col-12 col-md-10 col-lg-10 border border-light rounded"> 11 <div class="col-12 col-md-10 col-lg-10 border border-light rounded">
12 <div class="row p-1 botonera-secundaria px-5 py-2"> 12 <div class="row p-1 botonera-secundaria px-5 py-2">
13 <div class="col-12"> 13 <div class="col-12">
14 <foca-botonera-facturador botones="botonera" extra="4" class="row"></foca-botonera-facturador> 14 <foca-botonera-facturador botones="botonera" extra="4" class="row"></foca-botonera-facturador>
15 </div> 15 </div>
16 </div> 16 </div>
17 <!-- PC --> 17 <!-- PC -->
18 <div class="row grilla-articulo align-items-end d-none d-sm-flex"> 18 <div class="row grilla-articulo align-items-end d-none d-sm-flex">
19 <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom"> 19 <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom">
20 <thead> 20 <thead>
21 <tr class="d-flex"> 21 <tr class="d-flex">
22 <th class="">#</th> 22 <th class="">#</th>
23 <th class="col">Código</th> 23 <th class="col">Código</th>
24 <th class="col-4">Descripción</th> 24 <th class="col-4">Descripción</th>
25 <th class="col text-right">Cantidad</th> 25 <th class="col text-right">Cantidad</th>
26 <th class="col text-right">Precio Unitario</th> 26 <th class="col text-right">Precio Unitario</th>
27 <th class="col text-right">SubTotal</th> 27 <th class="col text-right">SubTotal</th>
28 <th class="text-right"> 28 <th class="text-right">
29 <button 29 <button
30 class="btn btn-outline-light selectable" 30 class="btn btn-outline-light selectable"
31 ng-click="show = !show; masMenos()" 31 ng-click="show = !show; masMenos()"
32 > 32 >
33 <i 33 <i
34 class="fa fa-chevron-down" 34 class="fa fa-chevron-down"
35 ng-show="show" 35 ng-show="show"
36 aria-hidden="true" 36 aria-hidden="true"
37 > 37 >
38 </i> 38 </i>
39 <i 39 <i
40 class="fa fa-chevron-up" 40 class="fa fa-chevron-up"
41 ng-hide="show" 41 ng-hide="show"
42 aria-hidden="true"> 42 aria-hidden="true">
43 </i> 43 </i>
44 </button> 44 </button>
45 </th> 45 </th>
46 </tr> 46 </tr>
47 </thead> 47 </thead>
48 <tbody class="tabla-articulo-body"> 48 <tbody class="tabla-articulo-body">
49 <tr 49 <tr
50 ng-repeat="(key, articulo) in remito.articulosRemito" 50 ng-repeat="(key, articulo) in remito.articulosRemito"
51 ng-show="show || key == (remito.articulosRemito.length - 1)" 51 ng-show="show || key == (remito.articulosRemito.length - 1)"
52 class="d-flex" 52 class="d-flex"
53 > 53 >
54 <td ng-bind="key + 1"></td> 54 <td ng-bind="key + 1"></td>
55 <td 55 <td
56 class="col" 56 class="col"
57 ng-bind="articulo.sector + '-' + articulo.codigo" 57 ng-bind="articulo.sector + '-' + articulo.codigo"
58 ></td> 58 ></td>
59 <td 59 <td
60 class="col-4" 60 class="col-4"
61 ng-bind="articulo.descripcion" 61 ng-bind="articulo.descripcion"
62 ></td> 62 ></td>
63 <td class="col text-right"> 63 <td class="col text-right">
64 <input 64 <input
65 ng-show="articulo.editCantidad" 65 ng-show="articulo.editCantidad"
66 ng-model="articulo.cantidad" 66 ng-model="articulo.cantidad"
67 class="form-control" 67 class="form-control"
68 foca-tipo-input 68 foca-tipo-input
69 min="1" 69 min="1"
70 foca-focus="articulo.editCantidad" 70 foca-focus="articulo.editCantidad"
71 ng-keypress="editarArticulo($event.keyCode, articulo)" 71 ng-keypress="editarArticulo($event.keyCode, articulo)"
72 ng-focus="selectFocus($event)" 72 ng-focus="selectFocus($event)"
73 teclado-virtual 73 teclado-virtual
74 > 74 >
75 <i 75 <i
76 class="selectable" 76 class="selectable"
77 ng-click="cambioEdit(articulo, 'cantidad')" 77 ng-click="cambioEdit(articulo, 'cantidad')"
78 ng-hide="articulo.editCantidad" 78 ng-hide="articulo.editCantidad"
79 ng-bind="articulo.cantidad"> 79 ng-bind="articulo.cantidad">
80 </i> 80 </i>
81 </td> 81 </td>
82 <td class="col text-right"> 82 <td class="col text-right">
83 <input 83 <input
84 ng-show="articulo.editPrecio" 84 ng-show="articulo.editPrecio"
85 ng-model="articulo.precio" 85 ng-model="articulo.precio"
86 class="form-control" 86 class="form-control"
87 foca-tipo-input 87 foca-tipo-input
88 min="1" 88 min="1"
89 step="0.0001" 89 step="0.0001"
90 foca-focus="articulo.editPrecio" 90 foca-focus="articulo.editPrecio"
91 ng-keypress="editarArticulo($event.keyCode, articulo)" 91 ng-keypress="editarArticulo($event.keyCode, articulo)"
92 ng-focus="selectFocus($event)" 92 ng-focus="selectFocus($event)"
93 teclado-virtual 93 teclado-virtual
94 > 94 >
95 <i 95 <i
96 class="selectable" 96 class="selectable"
97 ng-click="idLista == -1 && cambioEdit(articulo, 'precio')" 97 ng-click="cambioEdit(articulo, 'precio')"
98 ng-hide="articulo.editPrecio" 98 ng-hide="articulo.editPrecio"
99 ng-bind="articulo.precio | number: 4"> 99 ng-bind="articulo.precio | number: 4">
100 </i> 100 </i>
101 </td> 101 </td>
102 <td 102 <td
103 class="col text-right" 103 class="col text-right"
104 ng-bind="(articulo.precio * articulo.cantidad) | number: 2"> 104 ng-bind="(articulo.precio * articulo.cantidad) | number: 2">
105 </td> 105 </td>
106 <td class="text-center"> 106 <td class="text-center">
107 <button 107 <button
108 class="btn btn-outline-light" 108 class="btn btn-outline-light"
109 ng-click="quitarArticulo(key)" 109 ng-click="quitarArticulo(key)"
110 > 110 >
111 <i class="fa fa-trash"></i> 111 <i class="fa fa-trash"></i>
112 </button> 112 </button>
113 </td> 113 </td>
114 </tr> 114 </tr>
115 </tbody> 115 </tbody>
116 <tfoot> 116 <tfoot>
117 <tr ng-show="!cargando" class="d-flex"> 117 <tr ng-show="!cargando" class="d-flex">
118 <td 118 <td
119 class="align-middle" 119 class="align-middle"
120 ng-bind="remito.articulosRemito.length + 1" 120 ng-bind="remito.articulosRemito.length + 1"
121 ></td> 121 ></td>
122 <td class="col"> 122 <td class="col">
123 <input 123 <input
124 class="form-control" 124 class="form-control"
125 ng-model="articuloACargar.sectorCodigo" 125 ng-model="articuloACargar.sectorCodigo"
126 readonly 126 readonly
127 > 127 >
128 </td> 128 </td>
129 <td class="col-4 tabla-articulo-descripcion"> 129 <td class="col-4 tabla-articulo-descripcion">
130 <input 130 <input
131 class="form-control" 131 class="form-control"
132 ng-model="articuloACargar.descripcion" 132 ng-model="articuloACargar.descripcion"
133 readonly 133 readonly
134 > 134 >
135 </td> 135 </td>
136 <td class="col text-right"> 136 <td class="col text-right">
137 <input 137 <input
138 class="form-control" 138 class="form-control"
139 foca-tipo-input 139 foca-tipo-input
140 min="1" 140 min="1"
141 ng-model="articuloACargar.cantidad" 141 ng-model="articuloACargar.cantidad"
142 foca-focus="!cargando" 142 foca-focus="!cargando"
143 esc-key="resetFilter()" 143 esc-key="resetFilter()"
144 ng-keypress="agregarATabla($event.keyCode)" 144 ng-keypress="agregarATabla($event.keyCode)"
145 teclado-virtual 145 teclado-virtual
146 > 146 >
147 </td> 147 </td>
148 <td class="col text-right"> 148 <td class="col text-right">
149 <input 149 <input
150 class="form-control" 150 class="form-control"
151 ng-value="articuloACargar.precio | number: 4" 151 ng-value="articuloACargar.precio | number: 4"
152 ng-show="idLista != -1" 152 ng-show="idLista != -1"
153 readonly 153 readonly
154 > 154 >
155 <input 155 <input
156 class="form-control" 156 class="form-control"
157 foca-tipo-input 157 foca-tipo-input
158 step="0.0001" 158 step="0.0001"
159 ng-model="articuloACargar.precio" 159 ng-model="articuloACargar.precio"
160 esc-key="resetFilter()" 160 esc-key="resetFilter()"
161 ng-keypress="agregarATabla($event.keyCode)" 161 ng-keypress="agregarATabla($event.keyCode)"
162 ng-show="idLista == -1" 162 ng-show="idLista == -1"
163 teclado-virtual 163 teclado-virtual
164 > 164 >
165 </td> 165 </td>
166 <td class="col text-right"> 166 <td class="col text-right">
167 <input 167 <input
168 class="form-control" 168 class="form-control"
169 ng-value="getSubTotal() | number: 2" 169 ng-value="getSubTotal() | number: 2"
170 readonly 170 readonly
171 ></td> 171 ></td>
172 <td class="text-center align-middle"> 172 <td class="text-center align-middle">
173 <button 173 <button
174 class="btn btn-outline-light" 174 class="btn btn-outline-light"
175 ng-click="agregarATabla(13)" 175 ng-click="agregarATabla(13)"
176 > 176 >
177 <i class="fa fa-save"></i> 177 <i class="fa fa-save"></i>
178 </button> 178 </button>
179 </td> 179 </td>
180 </tr> 180 </tr>
181 181
182 <tr class="d-flex"> 182 <tr class="d-flex">
183 <td colspan="4" class="no-border-top"> 183 <td colspan="4" class="no-border-top">
184 <strong>Items:</strong> 184 <strong>Items:</strong>
185 <a ng-bind="remito.articulosRemito.length"></a> 185 <a ng-bind="remito.articulosRemito.length"></a>
186 </td> 186 </td>
187 <td class="text-right ml-auto table-celda-total no-border-top"> 187 <td class="text-right ml-auto table-celda-total no-border-top">
188 <h3>Total:</h3> 188 <h3>Total:</h3>
189 </td> 189 </td>
190 <td class="table-celda-total text-right no-border-top" colspan="1"> 190 <td class="table-celda-total text-right no-border-top" colspan="1">
191 <h3>{{getTotal() | currency: remito.moneda.SIMBOLO}}</h3> 191 <h3>{{getTotal() | currency: remito.moneda.SIMBOLO}}</h3>
192 </td> 192 </td>
193 <td class="text-right no-border-top"> 193 <td class="text-right no-border-top">
194 <button 194 <button
195 type="button" 195 type="button"
196 class="btn btn-default btn-sm" 196 class="btn btn-default btn-sm"
197 > 197 >
198 Totales 198 Totales
199 </button> 199 </button>
200 </td> 200 </td>
201 </tr> 201 </tr>
202 </tfoot> 202 </tfoot>
203 </table> 203 </table>
204 </div> 204 </div>
205 205
206 <!-- MOBILE --> 206 <!-- MOBILE -->
207 <div class="row d-sm-none"> 207 <div class="row d-sm-none">
208 <table class="table table-sm table-striped tabla-articulo margin-bottom-mobile"> 208 <table class="table table-sm table-striped tabla-articulo margin-bottom-mobile">
209 <thead> 209 <thead>
210 <tr class="d-flex"> 210 <tr class="d-flex">
211 <th class="">#</th> 211 <th class="">#</th>
212 <th class="col px-0"> 212 <th class="col px-0">
213 <div class="d-flex"> 213 <div class="d-flex">
214 <div class="col-4 px-1">Código</div> 214 <div class="col-4 px-1">Código</div>
215 <div class="col-8 px-1">Descripción</div> 215 <div class="col-8 px-1">Descripción</div>
216 </div> 216 </div>
217 <div class="d-flex"> 217 <div class="d-flex">
218 <div class="col-3 px-1">Cantidad</div> 218 <div class="col-3 px-1">Cantidad</div>
219 <div class="col px-1 text-right">P. Uni.</div> 219 <div class="col px-1 text-right">P. Uni.</div>
220 <div class="col px-1 text-right">Subtotal</div> 220 <div class="col px-1 text-right">Subtotal</div>
221 </div> 221 </div>
222 </th> 222 </th>
223 <th class="text-center tamaño-boton"> 223 <th class="text-center tamaño-boton">
224 &nbsp; 224 &nbsp;
225 </th> 225 </th>
226 </tr> 226 </tr>
227 </thead> 227 </thead>
228 <tbody> 228 <tbody>
229 <tr 229 <tr
230 ng-repeat="(key, articulo) in remito.articulosRemito" 230 ng-repeat="(key, articulo) in remito.articulosRemito"
231 ng-show="show || key == remito.articulosRemito.length - 1" 231 ng-show="show || key == remito.articulosRemito.length - 1"
232 > 232 >
233 <td class="w-100 align-middle d-flex p-0"> 233 <td class="w-100 align-middle d-flex p-0">
234 <div class="align-middle p-1"> 234 <div class="align-middle p-1">
235 <span ng-bind="key+1" class="align-middle"></span> 235 <span ng-bind="key+1" class="align-middle"></span>
236 </div> 236 </div>
237 <div class="col px-0"> 237 <div class="col px-0">
238 <div class="d-flex"> 238 <div class="d-flex">
239 <div class="col-4 px-1"> 239 <div class="col-4 px-1">
240 <span 240 <span
241 ng-bind="articulo.sector + '-' + articulo.codigo" 241 ng-bind="articulo.sector + '-' + articulo.codigo"
242 ></span> 242 ></span>
243 </div> 243 </div>
244 <div class="col-8 px-1"> 244 <div class="col-8 px-1">
245 <span 245 <span
246 ng-bind="'x' + articulo.cantidad" 246 ng-bind="'x' + articulo.cantidad"
247 ng-hide="articulo.editCantidad" 247 ng-hide="articulo.editCantidad"
248 ></span> 248 ></span>
249 <i 249 <i
250 class="fa fa-pencil text-white-50" 250 class="fa fa-pencil text-white-50"
251 aria-hidden="true" 251 aria-hidden="true"
252 ng-hide="articulo.editCantidad" 252 ng-hide="articulo.editCantidad"
253 ng-click="articulo.editCantidad = true" 253 ng-click="articulo.editCantidad = true"
254 ></i> 254 ></i>
255 <input 255 <input
256 ng-show="articulo.editCantidad" 256 ng-show="articulo.editCantidad"
257 ng-model="articulo.cantidad" 257 ng-model="articulo.cantidad"
258 class="form-control" 258 class="form-control"
259 foca-tipo-input 259 foca-tipo-input
260 min="1" 260 min="1"
261 step="0.001" 261 step="0.001"
262 foca-focus="articulo.editCantidad" 262 foca-focus="articulo.editCantidad"
263 ng-keypress="editarArticulo($event.keyCode, articulo)" 263 ng-keypress="editarArticulo($event.keyCode, articulo)"
264 ng-focus="selectFocus($event)" 264 ng-focus="selectFocus($event)"
265 > 265 >
266 </div> 266 </div>
267 </div> 267 </div>
268 <div class="d-flex"> 268 <div class="d-flex">
269 <div class="col-3 px-1"> 269 <div class="col-3 px-1">
270 <span ng-bind="'x' + articulo.cantidad"></span> 270 <span ng-bind="'x' + articulo.cantidad"></span>
271 </div> 271 </div>
272 <div class="col px-1 text-right"> 272 <div class="col px-1 text-right">
273 <span ng-bind="articulo.precio | currency: remito.moneda.SIMBOLO : 4"></span> 273 <span ng-bind="articulo.precio | currency: remito.moneda.SIMBOLO : 4"></span>
274 </div> 274 </div>
275 <div class="col px-1 text-right"> 275 <div class="col px-1 text-right">
276 <span 276 <span
277 ng-bind="(articulo.precio * articulo.cantidad) | currency: remito.moneda.SIMBOLO" 277 ng-bind="(articulo.precio * articulo.cantidad) | currency: remito.moneda.SIMBOLO"
278 > 278 >
279 </span> 279 </span>
280 </div> 280 </div>
281 </div> 281 </div>
282 </div> 282 </div>
283 <div class="align-middle p-1"> 283 <div class="align-middle p-1">
284 <button 284 <button
285 class="btn btn-outline-light" 285 class="btn btn-outline-light"
286 ng-click="quitarArticulo(key)" 286 ng-click="quitarArticulo(key)"
287 > 287 >
288 <i class="fa fa-trash"></i> 288 <i class="fa fa-trash"></i>
289 </button> 289 </button>
290 </div> 290 </div>
291 </td> 291 </td>
292 </tr> 292 </tr>
293 </tbody> 293 </tbody>
294 <tfoot> 294 <tfoot>
295 <!-- CARGANDO ITEM --> 295 <!-- CARGANDO ITEM -->
296 <tr ng-show="!cargando" class="d-flex"> 296 <tr ng-show="!cargando" class="d-flex">
297 <td 297 <td
298 class="align-middle p-1" 298 class="align-middle p-1"
299 ng-bind="remito.articulosRemito.length + 1" 299 ng-bind="remito.articulosRemito.length + 1"
300 ></td> 300 ></td>
301 <td class="col p-0"> 301 <td class="col p-0">
302 <div class="d-flex"> 302 <div class="d-flex">
303 <div class="col-4 px-1"> 303 <div class="col-4 px-1">
304 <span 304 <span
305 ng-bind="articuloACargar.sectorCodigo" 305 ng-bind="articuloACargar.sectorCodigo"
306 ></span> 306 ></span>
307 </div> 307 </div>
308 <div class="col-8 px-1"> 308 <div class="col-8 px-1">
309 <span ng-bind="articuloACargar.descripcion"></span> 309 <span ng-bind="articuloACargar.descripcion"></span>
310 </div> 310 </div>
311 </div> 311 </div>
312 <div class="d-flex"> 312 <div class="d-flex">
313 <div class="col-3 px-1 m-1"> 313 <div class="col-3 px-1 m-1">
314 <input 314 <input
315 class="form-control p-1" 315 class="form-control p-1"
316 foca-tipo-input 316 foca-tipo-input
317 min="1" 317 min="1"
318 ng-model="articuloACargar.cantidad" 318 ng-model="articuloACargar.cantidad"
319 foca-focus="!cargando" 319 foca-focus="!cargando"
320 ng-keypress="agregarATabla($event.keyCode)" 320 ng-keypress="agregarATabla($event.keyCode)"
321 style="height: auto; line-height: 1.1em" 321 style="height: auto; line-height: 1.1em"
322 > 322 >
323 </div> 323 </div>
324 <div class="col px-1 text-right"> 324 <div class="col px-1 text-right">
325 <span ng-bind="articuloACargar.precio | currency: remito.moneda.SIMBOLO : 4"></span> 325 <span ng-bind="articuloACargar.precio | currency: remito.moneda.SIMBOLO : 4"></span>
326 </div> 326 </div>
327 <div class="col px-1 text-right"> 327 <div class="col px-1 text-right">
328 <span 328 <span
329 ng-bind="getSubTotal() | currency: remito.moneda.SIMBOLO" 329 ng-bind="getSubTotal() | currency: remito.moneda.SIMBOLO"
330 > 330 >
331 </span> 331 </span>
332 </div> 332 </div>
333 </div> 333 </div>
334 </td> 334 </td>
335 <td class="text-center align-middle"> 335 <td class="text-center align-middle">
336 <button 336 <button
337 class="btn btn-outline-light" 337 class="btn btn-outline-light"
338 ng-click="agregarATabla(13)" 338 ng-click="agregarATabla(13)"
339 > 339 >
340 <i class="fa fa-save"></i> 340 <i class="fa fa-save"></i>
341 </button> 341 </button>
342 </td> 342 </td>
343 </tr> 343 </tr>
344 <!-- TOOGLE EXPANDIR --> 344 <!-- TOOGLE EXPANDIR -->
345 <tr> 345 <tr>
346 <td class="col"> 346 <td class="col">
347 <button 347 <button
348 class="btn btn-outline-light selectable w-100" 348 class="btn btn-outline-light selectable w-100"
349 ng-click="show = !show; masMenos()" 349 ng-click="show = !show; masMenos()"
350 ng-show="remito.articulosRemito.length > 0" 350 ng-show="remito.articulosRemito.length > 0"
351 > 351 >
352 <i 352 <i
353 class="fa fa-chevron-down" 353 class="fa fa-chevron-down"
354 ng-hide="show" 354 ng-hide="show"
355 aria-hidden="true" 355 aria-hidden="true"
356 > 356 >
357 </i> 357 </i>
358 <i 358 <i
359 class="fa fa-chevron-up" 359 class="fa fa-chevron-up"
360 ng-show="show" 360 ng-show="show"
361 aria-hidden="true"> 361 aria-hidden="true">
362 </i> 362 </i>
363 </button> 363 </button>
364 </td> 364 </td>
365 </tr> 365 </tr>
366 <!-- FOOTER --> 366 <!-- FOOTER -->
367 <tr class="d-flex"> 367 <tr class="d-flex">
368 <td class="align-middle no-border-top" colspan="2"> 368 <td class="align-middle no-border-top" colspan="2">
369 <strong>Cantidad Items:</strong> 369 <strong>Cantidad Items:</strong>
370 <a ng-bind="remito.articulosRemito.length"></a> 370 <a ng-bind="remito.articulosRemito.length"></a>
371 </td> 371 </td>
372 <td class="text-right ml-auto table-celda-total no-border-top"> 372 <td class="text-right ml-auto table-celda-total no-border-top">
373 <h3>Total:</h3> 373 <h3>Total:</h3>
374 </td> 374 </td>
375 <td class="table-celda-total text-right no-border-top"> 375 <td class="table-celda-total text-right no-border-top">
376 <h3>{{getTotal() | currency: remito.moneda.SIMBOLO}}</h3> 376 <h3>{{getTotal() | currency: remito.moneda.SIMBOLO}}</h3>
377 </td> 377 </td>
378 </tr> 378 </tr>
379 </tfoot> 379 </tfoot>
380 </table> 380 </table>
381 </div> 381 </div>
382 </div> 382 </div>
383 </div> 383 </div>
384 </div> 384 </div>
385 <div class="row d-md-none fixed-bottom"> 385 <div class="row d-md-none fixed-bottom">
386 <div class="w-100 bg-dark d-flex px-3 acciones-mobile"> 386 <div class="w-100 bg-dark d-flex px-3 acciones-mobile">
387 <span class="ml-3 text-muted" ng-click="salir()">Salir</span> 387 <span class="ml-3 text-muted" ng-click="salir()">Salir</span>
388 <span 388 <span
389 class="mr-3 ml-auto" 389 class="mr-3 ml-auto"
390 ng-class="saveLoading ? 'text-muted' : ''" 390 ng-class="saveLoading ? 'text-muted' : ''"
391 ng-click="crearRemito()" 391 ng-click="crearRemito()"
392 ladda="saveLoading" 392 ladda="saveLoading"
393 data-style="expand-left" 393 data-style="expand-left"
394 >Guardar</span> 394 >Guardar</span>
395 </div> 395 </div>
396 </div> 396 </div>
397 </div> 397 </div>
398 398