Eric Fernandez / foca-crear-factura

Download as
Browse Code »

Commit 8f2a29261c4d4a55c5d616e57f8988a09610ed66

Authored by Marcelo Puebla
1 parent 8f5df4b190
Exists in master

Agregado footer en mobile.

Showing 1 changed file with 184 additions and 2 deletions   Show diff stats
src/views/factura.html
Diff comments   View file @ 8f2a292
... ... @@ -154,10 +154,192 @@
154 154 </tfoot>
155 155 </table>
156 156 </div>
  157 + <!-- MOBILE -->
  158 + <div class="row d-sm-none">
  159 + <table class="table table-sm table-striped tabla-articulo margin-bottom-mobile">
  160 + <thead>
  161 + <tr class="d-flex">
  162 + <th class="">#</th>
  163 + <th class="col px-0">
  164 + <div class="d-flex">
  165 + <div class="col-4 px-1">Código</div>
  166 + <div class="col-8 px-1">Descripción</div>
  167 + </div>
  168 + <div class="d-flex">
  169 + <div class="col-3 px-1">Cantidad</div>
  170 + <div class="col px-1 text-right">P. Uni.</div>
  171 + <div class="col px-1 text-right">Subtotal</div>
  172 + </div>
  173 + </th>
  174 + <th class="text-center tamaño-boton">
  175 + &nbsp;
  176 + </th>
  177 + </tr>
  178 + </thead>
  179 + <tbody>
  180 + <tr
  181 + ng-repeat="(key, articulo) in articulosFiltro()"
  182 + ng-show="show || key == articulosFiltro().length - 1"
  183 + >
  184 + <td class="w-100 d-flex p-0">
  185 + <div class="p-1 m-auto">
  186 + <span ng-bind="key + 1"></span>
  187 + </div>
  188 + <div class="col px-0">
  189 + <div class="d-flex">
  190 + <div class="col-4 px-1">
  191 + <span
  192 + ng-bind="articulo.SEC + '-' + articulo.ART"
  193 + ></span>
  194 + </div>
  195 + <div class="col-8 px-1">
  196 + <span ng-bind="articulo.DES"></span>
  197 + </div>
  198 + </div>
  199 + <div class="d-flex">
  200 + <div class="col-4 px-1">
  201 + <span
  202 + ng-bind="'x' + articulo.CAN"
  203 + ng-hide="articulo.editCantidad"
  204 + ></span>
  205 + <i
  206 + class="fa fa-pencil text-white-50"
  207 + aria-hidden="true"
  208 + ng-hide="articulo.editCantidad"
  209 + ng-click="articulo.editCantidad = true"
  210 + ></i>
  211 + <input
  212 + ng-show="articulo.editCantidad"
  213 + ng-model="articulo.CAN"
  214 + class="form-control"
  215 + foca-tipo-input
  216 + min="1"
  217 + step="0.001"
  218 + foca-focus="articulo.editCantidad"
  219 + ng-keypress="editarArticulo($event.keyCode, articulo, tmpCantidad, tmpPrecio)"
  220 + ng-focus="selectFocus($event)"
  221 + >
  222 + </div>
  223 + <div class="col px-1 text-right">
  224 + <span ng-bind="articulo.PUN |
  225 + currency: factura.cotizacion.moneda.SIMBOLO : 4"></span>
  226 + ></span>
  227 + </div>
  228 + <div class="col px-1 text-right">
  229 + <span
  230 + ng-bind="(articulo.PUN * articulo.CAN) |
  231 + currency: factura.cotizacion.moneda.SIMBOLO"
  232 + >
  233 + </span>
  234 + </div>
  235 + </div>
  236 + </div>
  237 + <div class="m-auto p-1">
  238 + <button
  239 + class="btn btn-outline-light"
  240 + ng-click="quitarArticulo(key)"
  241 + >
  242 + <i class="fa fa-trash"></i>
  243 + </button>
  244 + </div>
  245 + </td>
  246 + </tr>
  247 + </tbody>
  248 + <tfoot>
  249 + <!-- CARGANDO ITEM -->
  250 + <tr ng-show="!cargando" class="d-flex">
  251 + <td
  252 + class="m-auto p-1"
  253 + ng-bind="articulosFiltro().length + 1"
  254 + ></td>
  255 + <td class="col p-0">
  256 + <div class="d-flex">
  257 + <div class="col-4 px-1">
  258 + <span
  259 + ng-bind="articuloACargar.sectorCodigo"
  260 + ></span>
  261 + </div>
  262 + <div class="col-8 px-1">
  263 + <span ng-bind="articuloACargar.DES"></span>
  264 + </div>
  265 + </div>
  266 + <div class="d-flex">
  267 + <div class="col-3 px-1 m-1">
  268 + <input
  269 + class="form-control p-1"
  270 + foca-tipo-input
  271 + min="1"
  272 + ng-model="articuloACargar.CAN"
  273 + foca-focus="!cargando"
  274 + ng-keypress="agregarATabla($event.keyCode)"
  275 + style="height: auto; line-height: 1.1em"
  276 + >
  277 + </div>
  278 + <div class="col px-1 text-right">
  279 + <span ng-bind="articuloACargar.PUN |
  280 + currency: factura.c.moneda.SIMBOLO : 4"
  281 + ></span>
  282 + </div>
  283 + <div class="col px-1 text-right">
  284 + <span
  285 + ng-bind="getSubTotal() |
  286 + currency: factura.c.moneda.SIMBOLO"
  287 + >
  288 + </span>
  289 + </div>
  290 + </div>
  291 + </td>
  292 + <td class="text-center m-auto">
  293 + <button
  294 + class="btn btn-outline-light"
  295 + ng-click="agregarATabla(13)"
  296 + >
  297 + <i class="fa fa-save"></i>
  298 + </button>
  299 + </td>
  300 + </tr>
  301 + <!-- TOOGLE EXPANDIR -->
  302 + <tr>
  303 + <td class="col">
  304 + <button
  305 + class="btn btn-outline-light selectable w-100"
  306 + ng-click="show = !show; masMenos()"
  307 + ng-show="articulosFiltro().length > 0"
  308 + >
  309 + <i
  310 + class="fa fa-chevron-down"
  311 + ng-hide="show"
  312 + aria-hidden="true"
  313 + >
  314 + </i>
  315 + <i
  316 + class="fa fa-chevron-up"
  317 + ng-show="show"
  318 + aria-hidden="true">
  319 + </i>
  320 + </button>
  321 + </td>
  322 + </tr>
  323 + <!-- FOOTER -->
  324 + <tr class="d-flex">
  325 + <td class="m-auto no-border-top" colspan="2">
  326 + <strong>Cantidad Items:</strong>
  327 + <a ng-bind="articulosFiltro().length"></a>
  328 + </td>
  329 + <td class="text-right ml-auto table-celda-total no-border-top">
  330 + <h3>Total:</h3>
  331 + </td>
  332 + <td class="table-celda-total text-right no-border-top">
  333 + <h3>{{getTotal() | currency: notaPedido.cotizacion.moneda.SIMBOLO}}</h3>
  334 + </td>
  335 + </tr>
  336 + </tfoot>
  337 + </table>
  338 + </div>
157 339 </div>
158 340 </div>
159 341 </div>
160   - <div class="row d-md-none fixed-bottom">
  342 + <div class="row d-md-none fixed-bottom disable-selection">
161 343 <div class="w-100 bg-dark d-flex px-3 acciones-mobile">
162 344 <span class="ml-3 text-muted" ng-click="salir()">Salir</span>
163 345 <span
... ... @@ -166,7 +348,7 @@
166 348 ng-click="seleccionarFormaDePago()"
167 349 ladda="saveLoading"
168 350 data-style="expand-left"
169   - >Guardar</span>
  351 + >Pago</span>
170 352 </div>
171 353 </div>
172 354 </div>