Jose Pinto / foca-abm-precios-condiciones

Browse Code »

Commit a7a2db83784d04bb618db510676faf359d86ce2e

Authored by Jose Pinto 2019-03-15 11:35:15 -0300

1 parent c2c7a3fb93

Exists in master

ok focus y teclado-virtual

Showing 3 changed files with 7 additions and 3 deletions Show diff stats

src/js/controller.js

Diff comments View file @ a7a2db8

 angular.module('focaAbmPreciosCondiciones')
     .controller('focaAbmPreciosCondicionesController', [
         '$scope', 'focaAbmPreciosCondicionesService', '$location',
         'focaModalService', 'focaBotoneraLateralService', '$timeout',
         function($scope, focaAbmPreciosCondicionesService, $location,
             focaModalService, focaBotoneraLateralService, $timeout) {
+            $scope.focusSearch = false;
+            $scope.filters = '';
+            $scope.now = new Date();
             $timeout(function() {
                 focaBotoneraLateralService.showSalir(true);
                 focaBotoneraLateralService.showPausar(false);
                 focaBotoneraLateralService.showCancelar(false);
                 focaBotoneraLateralService.showGuardar(false);
-            });
+                $scope.focusSearch = true;
-            $scope.filters = '';
+            }, 3000);
-            $scope.now = new Date();
             $scope.editar = function(id) {
                 $location.path('/precio-condicion/' + id);
             };
             $scope.solicitarConfirmacion = function(precioCondicion) {
                 focaModalService.confirm('¿Está seguro que desea borrar el precio condición' +
                     precioCondicion.codigo + ' ' + precioCondicion.nombre + ' ?').then(
                         function(data) {
                             if (data) {
                                 focaAbmPreciosCondicionesService
                                     .borrarPrecioCondicion(precioCondicion.id);
                                 $scope.preciosCondiciones.splice(
                                     $scope.preciosCondiciones.indexOf(precioCondicion), 1
                                 );
                             }
                         }
                     );
             };
             $scope.buscar = function(key) {
                 if(key === 13){
                     focaAbmPreciosCondicionesService
                         .obtenerPreciosCondiciones($scope.filters)
                         .then(function(datos) {
                             $scope.preciosCondiciones = datos.data;
                             $scope.preciosCondiciones.forEach(function(precioCondicion) {
                                 precioCondicion.plazoPago.sort(function(a, b) {
                                     return a.dias- b.dias;
                                 });
                             });
                         });
                 }
             };
         }
     ])
     .controller('focaAbmPrecioCondicionController', [
         '$scope', 'focaAbmPreciosCondicionesService', 'focaBotoneraLateralService',
         '$routeParams', '$location', 'focaModalService', '$timeout', '$uibModal', '$window',
         function(
             $scope, focaAbmPreciosCondicionesService, focaBotoneraLateralService,
             $routeParams, $location, focaModalService, $timeout, $uibModal, $window
         ) {
             $scope.focused = 1;
             $scope.plazosAEliminar = [];
             $scope.mostrarPlazos = $routeParams.id > 0;
             $scope.now = new Date();
             $scope.listaPrecioLabel = '';
             focaAbmPreciosCondicionesService.obtenerPrecioCondicion($routeParams.id)
                 .then(function(datos) {
                     $scope.precioCondicion = {
                         id: 0,
                         codigo: '',
                         nombre: '',
                         descripcion: '',
                         idListaPrecio: 0,
                         vigencia: new Date()
                     };
                     if(datos.data.id) {
                         $scope.precioCondicion = datos.data;
                         $scope.listaPrecioLabel = datos.data.listaPrecio.ID.trim() +
                             ' - ' + datos.data.listaPrecio.DES;
                         $scope.$broadcast('addCabecera', {
                             label: 'Precio y condición:',
                             valor: datos.data.nombre
                         });
                         focaAbmPreciosCondicionesService.obtenerPlazoPago(datos.data.id)
                             .then(function(datos) {
                                 $scope.precioCondicion.plazos = datos.data;
                                 $scope.precioCondicion.plazos.sort(function(a, b) {
                                     return a.dias- b.dias;
                                 });
                                 $scope.plazoACargar =
                                 {
                                     item: datos.data.length + 1
                                 };
                             });
                     }
                 });
             $timeout(function() {
                 focaBotoneraLateralService.showSalir(false);
                 focaBotoneraLateralService.showPausar(true);
                 focaBotoneraLateralService.showCancelar(true);
                 focaBotoneraLateralService.showGuardar(true, $scope.guardar);
             });
             $scope.cancelar = function() {
                 $location.path('/precio-condicion');
             };
             $scope.guardar = function() {
                 var promises = [];
                 var precioCondicion = $scope.precioCondicion;
                 precioCondicion.idListaPrecio = precioCondicion.listaPrecio.ID;
                 delete precioCondicion.listaPrecio;
                 if($scope.mostrarPlazos) {
                     promises.push(
                         focaAbmPreciosCondicionesService
                             .guardarPlazosPago($scope.precioCondicion.plazos)
                     );
                     $scope.plazosAEliminar.forEach(function(id) {
                         promises.push(
                             focaAbmPreciosCondicionesService
                                 .borrarPlazoPago(id)
                         );
                     });
                 }
                 promises.push(
                     focaAbmPreciosCondicionesService
                         .guardarPrecioCondicion(precioCondicion)
                 );
                 Promise.all(promises).then(function() {
                     $timeout(function() {
                         $location.path('/precio-condicion');
                     }, 0);
                 }, function(err){
                     console.error(err);
                 });
             };
             $scope.agregarPlazo = function(key) {
                 if(key === 13) {
                     if(!$scope.plazoACargar.dias && $scope.plazoACargar.dias !== 0) {
                         focaModalService.alert('Ingrese cantidad de días');
                         return;
                     }
                     var tieneEseDia = $scope.precioCondicion.plazos.filter(function(a) {
                         return a.dias === $scope.plazoACargar.dias;
                     });
                     if(tieneEseDia.length > 0) {
                         focaModalService.alert('Ya ha ingresado un plazo con esos días');
                         return;
                     }
                     $scope.plazoACargar.idPreciosCondiciones = $scope.precioCondicion.id;
                     $scope.plazoACargar.activo = true;
                     $scope.precioCondicion.plazos.push($scope.plazoACargar);
                     $scope.plazoACargar =
                     {
                         item: $scope.precioCondicion.plazos.length + 1
                     };
                 }
             };
             $scope.quitarPlazo = function(key) {
                 if($scope.precioCondicion.plazos[key].id)
                     $scope.plazosAEliminar.push($scope.precioCondicion.plazos[key].id);
                 $scope.precioCondicion.plazos.splice(key, 1);
                 $scope.plazoACargar =
                 {
                     item: $scope.precioCondicion.plazos.length + 1
                 };
             };
             $scope.solicitarConfirmacionPlazoPago = function(plazoPago) {
                 focaModalService.confirm('¿Está seguro que desea borrar el plazo de pago ' +
                     plazoPago.item + ' ' + plazoPago.dias + ' ?').then(
                         function(confirm) {
                             if (confirm) {
                                 focaAbmPreciosCondicionesService.borrarPlazoPago(plazoPago.id);
                                 $scope.precioCondicion.plazos.splice(
                                     $scope.precioCondicion.plazos.indexOf(plazoPago), 1
                                 );
                             }
                         }
                     );
             };
             $scope.seleccionarListaPrecio = function(key) {
                 if(key === 13){
                     var modalInstance = $uibModal.open(
                         {
                             ariaLabelledBy: 'Busqueda de Listas de precio',
                             templateUrl: 'modal-lista-precio.html',
                             controller: 'focaModalListaPrecioCtrl',
                             size: 'lg'
                         }
                     );
                     modalInstance.result.then(function(listaPrecio) {
                         $scope.precioCondicion.listaPrecio = listaPrecio;
                         $scope.listaPrecioLabel = listaPrecio.ID + ' - ' + listaPrecio.DES;
                         $scope.focused = 4;
                     });
                 }
             };
             $scope.verProductosListaPrecio = function() {
                 $uibModal.open(
                     {
                         ariaLabelledBy: 'Busqueda de Productos',
                         templateUrl: 'modal-busqueda-productos.html',
                         controller: 'modalBusquedaProductosCtrl',
                         resolve: {
                             parametroProducto: {
                                 idLista: $scope.precioCondicion.listaPrecio.ID,
                                 cotizacion: 1,
                                 simbolo: '$',
                                 soloMostrar: true
                             }
                         },
                         size: 'md'
                     }
                 );
             };
             $scope.next = function(key) {
                 if(key === 13) $scope.focused++;
             };
         }
     ]);

src/views/foca-abm-precios-condiciones-item.html

Diff comments View file @ a7a2db8

 <div class="row">
     <foca-cabecera-facturador
     titulo="'Precios y condiciones'"
     fecha="now"
     class="mb-0 col-lg-12"
     ></foca-cabecera-facturador>
 </div>
 <div class="row">
     <form class="col-md-10">
         <input type="hidden" name="id" ng-model="precioCondicion.id" />
         <div class="row mb-3">
                 <label class="col-sm-2 col-form-label">Código</label>
                 <input
                     class="form-control col-sm-4"
                     type="text"
                     name="codigo"
                     ng-value="precioCondicion.id | rellenarDigitos: 4: 0"
                     autocomplete="off"
                     readonly
                 />
                 <label class="col-sm-2 col-form-label">Nombre</label>
                 <input
                     class="form-control col-sm-4"
                     type="text"
                     name="nombre"
                     ng-model="precioCondicion.nombre"
                     autocomplete="off"
                     foca-focus="focused == 1"
                     ng-focus="focused = 1"
                     ng-keypress="next($event.keyCode)"
                     teclado-virtual
                 />
         </div>
         <div class="form-group row">
             <label class="col-sm-2 col-form-label">Descripción</label>
             <input
                 class="form-control col-sm-10"
                 type="text"
                 name="nombre"
                 ng-model="precioCondicion.descripcion"
                 autocomplete="off"
                 foca-focus="focused == 2"
                 ng-focus="focused = 2"
                 ng-keypress="next($event.keyCode)"
                 teclado-virtual
             />
         </div>
         <div class="row">
             <label class="col-sm-2 col-form-label">Lista de precios</label>
             <div class="col-sm-4 input-group p-0">
                 <input
                     ng-model="listaPrecioLabel"
                     class="form-control"
                     foca-focus="focused == 3"
                     ng-focus="focused = 3"
                     ng-keypress="seleccionarListaPrecio($event.keyCode)"
                     readonly
                 />
                 <div class="input-group-append">
                     <button
                         class="btn btn-outline-secondary form-control"
                         title="Ver productos"
                         type="button"
                         ng-click="verProductosListaPrecio()"
                         ng-show="precioCondicion.listaPrecio"
                     >
                         <i class="fa fa-eye" aria-hidden="true"></i>
                     </button>
                     <button
                         ladda="searchLoading"
                         class="btn btn-outline-secondary form-control"
                         title="Buscar"
                         type="button"
                         ng-click="seleccionarListaPrecio(13)"
                     >
                         <i class="fa fa-search" aria-hidden="true"></i>
                     </button>
                 </div>
             </div>
             <label class="col-sm-2 col-form-label" ng-show="mostrarPlazos">Plazos</label>
             <div class="col-sm-4 p-0" ng-show="mostrarPlazos">
                 <div class="input-group p-0">
                     <input
                         type="number"
                         class="form-control text-right"
                         min="0"
                         ng-model="plazoACargar.dias"
                         ng-keypress="agregarPlazo($event.keyCode)"
                         foca-focus="focused == 4"
                         ng-focus="focused = 4"
                         placeholder="Días"
+                        teclado-virtual
                     />
                     <div class="input-group-append">
                         <button
                             class="btn btn-outline-secondary form-control"
                             title="Agregar"
                             type="button"
                             ng-click="agregarPlazo(13)"
                         >
                             <i class="fa fa-save" aria-hidden="true"></i>
                         </button>
                     </div>
                 </div>
                 <table class="table table-striped table-sm">
                     <tbody>
                         <tr ng-repeat="(key, plazo) in precioCondicion.plazos">
                             <td class="text-right" >
                                 <span ng-bind="plazo.dias + ' días'"></span>
                                 <button
                                     type="button"
                                     title="Eliminar"
                                     class="btn btn-outline-secondary ml-1"
                                     ng-click="quitarPlazo(key)"
                                 >
                                     <i class="fa fa-trash"></i>
                                 </button>
                             </td>
                         </tr>
                     </tbody>
                 </table>
             </div>
         </div>
     </form>
 </div>

src/views/foca-abm-precios-condiciones-listado.html

Diff comments View file @ a7a2db8

 <div class="row">
     <foca-cabecera-facturador
     titulo="'Precios y condiciones'"
     fecha="now"
     class="mb-0 col-lg-12"
     ></foca-cabecera-facturador>
 </div>
 <div class="row">
     <div class="col-12 col-md-10 p-0 mt-4 border border-white rounded">
             <div class="form-group input-group mt-3 px-5">
                     <input
                         type="text"
                         class="form-control form-control-sm"
                         id="search"
                         placeholder="Búsqueda"
                         teclado-virtual
                         ng-keypress="buscar($event.keyCode)"
                         ng-model="filters"
+                        foca-focus="focusSearch"
                     />
                     <div class="input-group-append">
                         <button
                             ladda="searchLoading"
                             class="btn btn-outline-secondary"
                             type="button"
                             ng-click="buscar(13)"
                         >
                             <i class="fa fa-search" aria-hidden="true"></i>
                         </button>
                     </div>
                 </div>
         <table class="table table-default table-hover table-sm table-abm table-striped mb-0">
             <thead>
                 <tr>
                     <th>Código</th>
                     <th>Nombre</th>
                     <th>Lista de precio</th>
                     <th>Plazos</th>
                     <th colspan="2" class="text-center">
                         <button
                             title="Agregar"
                             class="btn btn-outline-debo boton-accion"
                             ng-click="editar(0)">
                             <i class="fa fa-plus"></i>
                         </button>
                     </th>
                 </tr>
             </thead>
             <tbody>
                 <tr ng-repeat="precioCondicion in preciosCondiciones">
                     <td ng-bind="precioCondicion.id | rellenarDigitos: 4: 0"></td>
                     <td ng-bind="precioCondicion.nombre"></td>
                     <td ng-bind="precioCondicion.listaPrecio.ID + ' - ' + precioCondicion.listaPrecio.DES + ' - ' + precioCondicion.listaPrecio.moneda.DETALLE"></td>
                     <td><span
                             ng-repeat="plazo in precioCondicion.plazoPago"
                             ng-if="plazo.activo"
                             ng-bind="$last ? plazo.dias : plazo.dias + ', '"></span></td>
                     <td class="text-center">
                         <button
                             title="Editar"
                             class="btn btn-outline-dark boton-accion"
                             ng-click="editar(precioCondicion.id)">
                             <i class="fa fa-pencil"></i>
                         </button>
                         <button
                             title="Eliminar"
                             class="btn btn-outline-dark boton-accion"
                             ng-click="solicitarConfirmacion(precioCondicion)">
                             <i class="fa fa-trash"></i>
                         </button>
                     </td>
                 </tr>
             </tbody>
         </table>
     </div>
 </div>