Marcelo Puebla / foca-modal-precio-condiciones

Download as
Browse Code »

Commit fc72e09617d44e1e13e86b503303b3fffafe8721

Authored by Eric Fernandez
2 parents 4e19c1dcbc 717f20b916
Exists in master and in 1 other branch develop

Merge branch 'develop' into 'master' 

Develop

See merge request !16
Showing 7 changed files   Show diff stats
... ... @@ -4,6 +4,7 @@
4 4 "description": "Modal de búsqueda de precios y condiciones",
5 5 "main": "index.js",
6 6 "scripts": {
  7 + "refresh": "gulp uglify && cp tmp/foca-modal-precio-condiciones.js ../wrapper-demo/node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js",
7 8 "test": "echo \"Error: no test specified\" && exit 1",
8 9 "gulp-pre-commit": "gulp pre-commit",
9 10 "compile": "gulp uglify",
... ... @@ -22,8 +23,8 @@
22 23 "devDependencies": {
23 24 "angular": "^1.7.5",
24 25 "bootstrap": "^4.1.3",
25   - "foca-directivas": "git+ssh://git@git.focasoftware.com:npm/foca-directivas.git",
26   - "foca-modal": "git+ssh://git@git.focasoftware.com:npm/foca-modal.git",
  26 + "foca-directivas": "git+http://git.focasoftware.com/npm/foca-directivas.git",
  27 + "foca-modal": "git+http://git.focasoftware.com/npm/foca-modal.git",
27 28 "font-awesome": "^4.7.0",
28 29 "gulp": "^3.9.1",
29 30 "gulp-angular-templatecache": "^2.2.2",
... ... @@ -38,6 +39,7 @@
38 39 "jquery": "^3.3.1",
39 40 "jshint": "^2.9.6",
40 41 "pump": "^3.0.0",
41   - "ui-bootstrap4": "^3.0.5"
  42 + "ui-bootstrap4": "^3.0.5",
  43 + "popper.js": "^1.15.0"
42 44 }
43 45 }
src/js/controller.js
Diff comments   View file @ fc72e09
1 1 angular.module('focaModalPrecioCondicion')
2   - .controller('focaModalPrecioCondicionController',
  2 + .controller('focaModalPrecioCondicionController',
3 3 [
4 4 '$timeout',
5 5 '$filter',
... ... @@ -9,166 +9,72 @@ angular.module('focaModalPrecioCondicion')
9 9 'focaModalService',
10 10 'focaModalPrecioCondicionService',
11 11 'idListaPrecio',
12   - function(
  12 + 'idCliente',
  13 + function (
13 14 $timeout, $filter, $scope, $uibModal, $uibModalInstance,
14   - focaModalService, focaModalPrecioCondicionService, idListaPrecio
  15 + focaModalService, focaModalPrecioCondicionService, idListaPrecio, idCliente
15 16 ) {
16   -
17   - $scope.filters = '';
18   - $scope.ingreso = false;
19   - $scope.plazosNuevos = [];
20   - $scope.plazoACargar =
21   - {
22   - item: 1
23   - };
24   - // pagination
25   - $scope.numPerPage = 10;
26   - $scope.currentPage = 1;
27   - $scope.filteredPrecioCondicion = [];
28   - $scope.currentPagePrecioCondicion = [];
29   - $scope.selectedPrecioCondicion = -1;
30   -
31   - var funcionGet = idListaPrecio ? 'getPreciosCondicionesByIdListaPrecio' :
32   - 'getPreciosCondiciones';
33   -
34   - focaModalPrecioCondicionService
35   - [funcionGet](idListaPrecio)
36   - .then(function(res) {
37   - for (var i = 0; i < res.data.length; i++) {
38   - var plazosTemp = '';
39   - res.data[i].plazoPago.sort(function(a, b) {
40   - return a.dias - b.dias;
  17 + $scope.plazos = [
  18 + {
  19 + dias: 0,
  20 + idCliente: idCliente,
  21 + activo: true
  22 + }
  23 + ];
  24 + $scope.openModalListaDePrecios = false;
  25 + $scope.associatedList = true;
  26 + $scope.listaDePreciosAlternativa = null;
  27 +
  28 + onInit();
  29 +
  30 + function onInit() {
  31 + //Metodo para traer la lista de precio asociada al cliente
  32 + focaModalPrecioCondicionService.getListaPrecio(idListaPrecio)
  33 + .then(function (res) {
  34 + $scope.listaDePreciosAsociada = res.data[0];
  35 + })
  36 + .catch(function (e) { console.error(e) });
  37 + focaModalPrecioCondicionService.getPlazosByIdCliente(idCliente)
  38 + .then(function (res) {
  39 + res.data.forEach(function (item) {
  40 + $scope.plazos.push(item);
41 41 });
42   - for (var j = 0; j < res.data[i].plazoPago.length; j++) {
43   - if (j + 1 === res.data[i].plazoPago.length) {
44   - plazosTemp += res.data[i].plazoPago[j].dias;
45   - } else {
46   - plazosTemp += res.data[i].plazoPago[j].dias + ', ';
47   - }
48   - }
49   - res.data[i].plazos = plazosTemp.trim();
50   - }
51   - $scope.precioCondicion = res.data;
52   - $scope.search();
53   - });
54   -
55   - //METODOS
56   - $scope.agregarPlazo = function(key) {
57   - if(key === 13) {
58   - if(!$scope.plazoACargar.dias) {
59   - focaModalService.alert('Ingrese cantidad de días');
60   - return;
61   - }
62   - var tieneEseDia = $scope.plazosNuevos.filter(function(a) {
63   - return a.dias === $scope.plazoACargar.dias;
64   - });
65   - if(tieneEseDia.length > 0) {
66   - focaModalService.alert('Ya ha ingresado un plazo con esos días');
67   - return;
68   - }
69   - $scope.plazosNuevos.push($scope.plazoACargar);
70   - $scope.plazoACargar =
71   - {
72   - item: $scope.plazosNuevos.length + 1
73   - };
74   - }
75   - };
76   -
77   - $scope.volver = function() {
78   - $scope.ingreso = false;
79   - $scope.plazosNuevos = [];
80   - $scope.plazoACargar =
81   - {
82   - item: $scope.plazosNuevos.length + 1
83   - };
84   - };
85   -
86   - $scope.quitarPlazo = function(key) {
87   - $scope.plazosNuevos.splice(key, 1);
88   - $scope.plazoACargar =
89   - {
90   - item: $scope.plazosNuevos.length + 1
91   - };
92   - };
93   -
94   - $scope.search = function(pressed) {
95   - $scope.filteredPrecioCondicion = $filter('filter')(
96   - $scope.precioCondicion,
97   - {$: $scope.filters}
98   - );
  42 + })
  43 + .catch(function (e) { console.error(e) });
  44 + }
99 45  
100   - if(pressed) {
101   - if($scope.filteredPrecioCondicion.length === 0) {
102   - $timeout(function() {
103   - angular.element('#search')[0].focus();
104   - $scope.filters = '';
  46 + //#region Metodos para la lista de precios
  47 + $scope.openListaDePrecios = function () {
  48 + var datos = null;
  49 + focaModalPrecioCondicionService.getAllListaPrecio()
  50 + .then(function (res) {
  51 + datos = res.data;
  52 + focaModalService.modal({
  53 + titulo: 'Lista de precios',
  54 + data: datos,
  55 + size: 'md',
  56 + columnas: [
  57 + {
  58 + propiedad: 'ID',
  59 + nombre: 'Codigo'
  60 + },
  61 + {
  62 + propiedad: 'DES',
  63 + NOMBRE: 'Nombre'
  64 + }
  65 + ],
  66 + }).then(function (res) {
  67 + $scope.associatedList = false;
  68 + $scope.listaDePreciosAlternativa = res;
  69 + }).catch(function (e) {
  70 + console.error(e);
105 71 });
106   - }else {
107   - primera();
108   - }
109   - }
110   -
111   - $scope.lastPage = Math.ceil(
112   - $scope.filteredPrecioCondicion.length / $scope.numPerPage
113   - );
114   -
115   - $scope.resetPage();
116   - };
117   -
118   - $scope.resetPage = function() {
119   - $scope.currentPage = 1;
120   - $scope.selectPage(1);
121   - };
122   -
123   - $scope.selectPage = function(page) {
124   - var start = (page - 1) * $scope.numPerPage;
125   - var end = start + $scope.numPerPage;
126   - $scope.paginas = [];
127   - $scope.paginas = calcularPages(page);
128   - $scope.currentPagePrecioCondicion =
129   - $scope.filteredPrecioCondicion.slice(start, end);
130   - $scope.currentPage = page;
131   - };
132   -
133   - $scope.select = function(precioCondicion) {
134   - $uibModalInstance.close(precioCondicion);
135   - };
136   -
137   - $scope.cancel = function() {
138   - $uibModalInstance.dismiss('cancel');
139   - };
140   -
141   - $scope.busquedaDown = function(key) {
142   - if (key === 40) {
143   - primera(key);
144   - }
145   - };
146   -
147   - $scope.busquedaPress = function(key) {
148   - if (key === 13) {
149   - $scope.search(true);
150   - }
  72 + });
151 73 };
152   -
153   - $scope.itemProducto = function(key) {
154   - if (key === 38) {
155   - anterior(key);
156   - }
157   -
158   - if (key === 40) {
159   - siguiente(key);
160   - }
161   -
162   - if (key === 37) {
163   - retrocederPagina();
164   - }
165   -
166   - if (key === 39) {
167   - avanzarPagina();
168   - }
  74 + $scope.selectListaDePrecios = function () {
  75 + $scope.associatedList = true;
169 76 };
170   -
171   - $scope.verListaPrecio = function(id) {
  77 + $scope.verListaProductos = function (id) {
172 78 $uibModal.open(
173 79 {
174 80 ariaLabelledBy: 'Busqueda de Productos',
... ... @@ -176,7 +82,7 @@ angular.module(&#39;focaModalPrecioCondicion&#39;)
176 82 controller: 'modalBusquedaProductosCtrl',
177 83 resolve: {
178 84 parametroProducto: {
179   - idLista: id,
  85 + idLista: parseInt(id),
180 86 cotizacion: 1,
181 87 simbolo: '$',
182 88 soloMostrar: true
... ... @@ -186,71 +92,55 @@ angular.module(&#39;focaModalPrecioCondicion&#39;)
186 92 }
187 93 );
188 94 };
189   -
190   - function calcularPages(paginaActual) {
191   - var paginas = [];
192   - paginas.push(paginaActual);
193   -
194   - if (paginaActual - 1 > 1) {
195   -
196   - paginas.unshift(paginaActual - 1);
197   - if (paginaActual - 2 > 1) {
198   - paginas.unshift(paginaActual - 2);
199   - }
200   - }
201   -
202   - if (paginaActual + 1 < $scope.lastPage) {
203   - paginas.push(paginaActual + 1);
204   - if (paginaActual + 2 < $scope.lastPage) {
205   - paginas.push(paginaActual + 2);
  95 + //#endregion
  96 +
  97 + //#region Metodos para los plazos
  98 + $scope.addPlazo = function (key) {
  99 + if (key != 13) return;
  100 + if ($scope.plazos.length === 100) return;
  101 + for (var i = 1; i < $scope.plazos.length; i++) {
  102 + if ($scope.plazos[0].dias == $scope.plazos[i].dias && $scope.plazos[i].activo == true) {
  103 + focaModalService.alert("Ya existe un plazo con este valor");
  104 + return;
206 105 }
207 106 }
208   -
209   - if (paginaActual !== 1) {
210   - paginas.unshift(1);
211   - }
212   -
213   - if (paginaActual !== $scope.lastPage) {
214   - paginas.push($scope.lastPage);
215   - }
216   -
217   - return paginas;
218   - }
219   -
220   - function primera() {
221   - $scope.selectedPrecioCondicion = 0;
222   - }
223   -
224   - function anterior() {
225   - if ($scope.selectedPrecioCondicion === 0 && $scope.currentPage > 1) {
226   - retrocederPagina();
227   - } else {
228   - $scope.selectedPrecioCondicion--;
  107 + $scope.plazos.unshift({ dias: 0, idCliente: idCliente, activo: true });
  108 + $scope.focused = 1;
  109 + };
  110 + $scope.deletePlazo = function (index) {
  111 + $scope.plazos[index].activo = false;
  112 + };
  113 + $scope.validateMinMax = function (plazo, min, max) {
  114 + plazo.dias = parseInt(plazo.dias);
  115 + if (plazo.dias === null || plazo.dias === undefined || isNaN(plazo.dias)) {
  116 + plazo.dias = '0';
  117 + return;
229 118 }
230   - }
231   -
232   - function siguiente() {
233   - if ($scope.selectedPrecioCondicion <
234   - $scope.currentPagePrecioCondicion.length ) {
235   - $scope.selectedPrecioCondicion++;
236   - } else {
237   - avanzarPagina();
  119 + if (parseInt(plazo.dias) < min) {
  120 + plazo.dias = '0';
  121 + return;
238 122 }
239   - }
240   -
241   - function retrocederPagina() {
242   - if ($scope.currentPage > 1) {
243   - $scope.selectPage($scope.currentPage - 1);
244   - $scope.selectedPrecioCondicion = $scope.numPerPage - 1;
  123 + if (parseInt(plazo.dias) > max) {
  124 + plazo.dias = '365';
  125 + return;
245 126 }
246   - }
  127 + };
  128 + //#endregion
247 129  
248   - function avanzarPagina() {
249   - if ($scope.currentPage < $scope.lastPage) {
250   - $scope.selectPage($scope.currentPage + 1);
251   - $scope.selectedPrecioCondicion = 0;
252   - }
  130 + $scope.closeModalPrecioCondicion = function () {
  131 + $uibModalInstance.dismiss('cancel');
  132 + };
  133 + $scope.guardarPrecioCondicion = function () {
  134 + $scope.plazos.shift();
  135 + focaModalPrecioCondicionService.createPlazo($scope.plazos)
  136 + .then(function () {
  137 + var precioCondicion = {
  138 + listaPrecio: $scope.associatedList ? $scope.listaDePreciosAsociada : $scope.listaDePreciosAlternativa,
  139 + plazoPago: $filter('filter')($scope.plazos, { activo: true }, true)
  140 + };
  141 + $uibModalInstance.close(precioCondicion);
  142 + })
  143 + .catch(function (e) { console.error(e) })
253 144 }
254 145 }
255   - ]
256   - );
  146 + ]);
src/js/controllerCliente.js
Diff comments   View file @ fc72e09
... ... @@ -0,0 +1,175 @@
  1 +angular.module('focaModalPrecioCondicion')
  2 + .controller('focaModalListaPreciosController',
  3 + [
  4 + '$timeout',
  5 + '$filter',
  6 + '$scope',
  7 + '$uibModal',
  8 + '$uibModalInstance',
  9 + 'focaModalService',
  10 + 'focaModalPrecioCondicionService',
  11 + 'idListaPrecio',
  12 + function (
  13 + $timeout, $filter, $scope, $uibModal, $uibModalInstance,
  14 + focaModalService, focaModalPrecioCondicionService, idListaPrecio
  15 + ) {
  16 + $scope.openModalListaDePrecios = false;
  17 + $scope.associatedList = true;
  18 + $scope.listaDePreciosAlternativa = null;
  19 +
  20 + onInit();
  21 +
  22 + function onInit() {
  23 + //Metodo para traer la lista de precio asociada al cliente
  24 + focaModalPrecioCondicionService.getListaPrecio(idListaPrecio)
  25 + .then(function (res) {
  26 + $scope.listaDePreciosAsociada = res.data[0];
  27 + })
  28 + .catch(function (e) { console.error(e) });
  29 + }
  30 +
  31 + //#region Metodos para la lista de precios
  32 + $scope.openListaDePrecios = function () {
  33 + var datos = null;
  34 + focaModalPrecioCondicionService.getAllListaPrecio()
  35 + .then(function (res) {
  36 + datos = res.data;
  37 + focaModalService.modal({
  38 + titulo: 'Lista de precios',
  39 + data: datos,
  40 + size: 'md',
  41 + columnas: [
  42 + {
  43 + propiedad: 'ID',
  44 + nombre: 'Codigo'
  45 + },
  46 + {
  47 + propiedad: 'DES',
  48 + NOMBRE: 'Nombre'
  49 + }
  50 + ],
  51 + }).then(function (res) {
  52 + $scope.associatedList = false;
  53 + $scope.listaDePreciosAlternativa = res;
  54 + }).catch(function (e) {
  55 + console.error(e);
  56 + });
  57 + });
  58 + };
  59 + $scope.selectListaDePrecios = function () {
  60 + $scope.associatedList = true;
  61 + };
  62 + $scope.verListaProductos = function (id) {
  63 + $uibModal.open(
  64 + {
  65 + ariaLabelledBy: 'Busqueda de Productos',
  66 + templateUrl: 'modal-busqueda-productos.html',
  67 + controller: 'modalBusquedaProductosCtrl',
  68 + resolve: {
  69 + parametroProducto: {
  70 + idLista: parseInt(id),
  71 + cotizacion: 1,
  72 + simbolo: '$',
  73 + soloMostrar: true
  74 + }
  75 + },
  76 + size: 'md'
  77 + }
  78 + );
  79 + };
  80 + //#endregion
  81 + $scope.closeModalPrecioCondicion = function () {
  82 + $uibModalInstance.dismiss('cancel');
  83 + };
  84 + $scope.guardarPrecioCondicion = function () {
  85 + var precioCondicion = {
  86 + listaPrecio: $scope.associatedList ? $scope.listaDePreciosAsociada : $scope.listaDePreciosAlternativa,
  87 + };
  88 + $uibModalInstance.close(precioCondicion);
  89 + };
  90 + }
  91 + ])
  92 +
  93 + .controller('focaModalListaPlazosController',
  94 + [
  95 + '$timeout',
  96 + '$filter',
  97 + '$scope',
  98 + '$uibModal',
  99 + '$uibModalInstance',
  100 + 'focaModalService',
  101 + 'focaModalPrecioCondicionService',
  102 + 'idCliente',
  103 + function (
  104 + $timeout, $filter, $scope, $uibModal, $uibModalInstance,
  105 + focaModalService, focaModalPrecioCondicionService,idCliente
  106 + ) {
  107 + $scope.plazos = [
  108 + {
  109 + dias: 0,
  110 + idCliente: idCliente,
  111 + activo: true
  112 + }
  113 + ];
  114 +
  115 + onInit();
  116 +
  117 + function onInit() {
  118 + focaModalPrecioCondicionService.getPlazosByIdCliente(idCliente)
  119 + .then(function (res) {
  120 + res.data.forEach(function (item) {
  121 + $scope.plazos.push(item);
  122 + });
  123 + })
  124 + .catch(function (e) { console.error(e) });
  125 + }
  126 +
  127 + //#region Metodos para los plazos
  128 + $scope.addPlazo = function (key) {
  129 + if (key != 13) return;
  130 + if ($scope.plazos.length === 100) return;
  131 + for (var i = 1; i < $scope.plazos.length; i++) {
  132 + if ($scope.plazos[0].dias == $scope.plazos[i].dias && $scope.plazos[i].activo == true) {
  133 + focaModalService.alert("Ya existe un plazo con este valor");
  134 + return;
  135 + }
  136 + }
  137 + $scope.plazos.unshift({ dias: 0, idCliente: idCliente, activo: true });
  138 + $scope.focused = 1;
  139 + };
  140 + $scope.deletePlazo = function (index) {
  141 + $scope.plazos[index].activo = false;
  142 + };
  143 + $scope.validateMinMax = function (plazo, min, max) {
  144 + plazo.dias = parseInt(plazo.dias);
  145 + if (plazo.dias === null || plazo.dias === undefined || isNaN(plazo.dias)) {
  146 + plazo.dias = '0';
  147 + return;
  148 + }
  149 + if (parseInt(plazo.dias) < min) {
  150 + plazo.dias = '0';
  151 + return;
  152 + }
  153 + if (parseInt(plazo.dias) > max) {
  154 + plazo.dias = '365';
  155 + return;
  156 + }
  157 + };
  158 + //#endregion
  159 +
  160 + $scope.closeModalPrecioCondicion = function () {
  161 + $uibModalInstance.dismiss('cancel');
  162 + };
  163 + $scope.guardarPlazos = function () {
  164 + $scope.plazos.shift();
  165 + focaModalPrecioCondicionService.createPlazo($scope.plazos)
  166 + .then(function () {
  167 + var precioCondicion = {
  168 + plazoPago: $filter('filter')($scope.plazos, { activo: true }, true)
  169 + };
  170 + $uibModalInstance.close(precioCondicion);
  171 + })
  172 + .catch(function (e) { console.error(e) })
  173 + };
  174 + }
  175 + ]);
... ... @@ -2,17 +2,30 @@ angular.module(&#39;focaModalPrecioCondicion&#39;)
2 2 .service('focaModalPrecioCondicionService', [
3 3 '$http',
4 4 'API_ENDPOINT',
5   - function($http, API_ENDPOINT) {
  5 + function ($http, API_ENDPOINT) {
6 6 return {
7   - getPlazosByIdPrecioCondicion: function(id) {
  7 + getPlazosByIdPrecioCondicion: function (id) {
8 8 return $http.get(API_ENDPOINT.URL + '/plazo-pago/precio-condicion/' + id);
9 9 },
10   - getPreciosCondiciones: function() {
  10 + getPreciosCondiciones: function () {
11 11 return $http.get(API_ENDPOINT.URL + '/precio-condicion/plazo-pago');
12 12 },
13   - getPreciosCondicionesByIdListaPrecio: function(idListaPrecio) {
  13 + getPreciosCondicionesByIdListaPrecio: function (idListaPrecio) {
14 14 return $http.get(API_ENDPOINT.URL + '/precio-condicion/plazo-pago/' +
15 15 idListaPrecio);
  16 + },
  17 + getListaPrecio: function (idListaPrecio) {
  18 + return $http.get(API_ENDPOINT.URL + '/lista-precio/' +
  19 + idListaPrecio);
  20 + },
  21 + getAllListaPrecio: function () {
  22 + return $http.get(API_ENDPOINT.URL + '/lista-precio');
  23 + },
  24 + getPlazosByIdCliente: function (id) {
  25 + return $http.get(API_ENDPOINT.URL + '/plazo-pago/cliente/' + id);
  26 + },
  27 + createPlazo: function (plazosPago){
  28 + return $http.post(API_ENDPOINT.URL + '/plazos-pago', { plazosPago: plazosPago });
16 29 }
17 30 };
18 31 }
src/views/modal-plazos.html
Diff comments   View file @ fc72e09
... ... @@ -0,0 +1,72 @@
  1 +<div class="modal-header py-1">
  2 + <div class="row w-100">
  3 + <div class="col-lg-6">
  4 + <h5 class="modal-title my-1">Precio-Condición: Plazos</h5>
  5 + </div>
  6 + </div>
  7 +</div>
  8 +<div class="modal-body" id="modal-body">
  9 + <div ng-show="!ingreso">
  10 + <div class="row px-2">
  11 + <div class="col-lg-12">
  12 + <div class="row py-1">
  13 + <div class="col text-center font-weight-bold">Plazos</div>
  14 + </div>
  15 + <div class="row">
  16 + <div class="col">
  17 + <table class="table table-sm table-striped">
  18 + <thead>
  19 + <tr>
  20 + <th colspan="2">Dias</th>
  21 + </tr>
  22 + </thead>
  23 + <tbody>
  24 + <tr ng-repeat="(i, plazo) in plazos" ng-show="plazo.activo">
  25 + <td align="center" ng-class="{'pt-2': i > 0}">
  26 + <span
  27 + ng-show="i > 0"
  28 + ng-bind="plazo.dias">
  29 + </span>
  30 + <input
  31 + ng-show="i == 0"
  32 + type="text"
  33 + class="form-control form-control-sm text-center"
  34 + ng-model="plazo.dias"
  35 + limite-numeros-max="3"
  36 + ng-keyup="validateMinMax(plazo, 0, 365)"
  37 + ng-keypress="addPlazo($event.keyCode)"
  38 + foca-focus="focused == 1"
  39 + select-on-click
  40 + teclado-virtual
  41 + foca-tipo-input
  42 + solo-positivos>
  43 + </td>
  44 + <td>
  45 + <button
  46 + ng-show="i === 0"
  47 + class="btn btn-primary"
  48 + ng-click="addPlazo(13)">
  49 + <span class="fa fa-save"></span>
  50 + </button>
  51 + <button
  52 + ng-show="i > 0"
  53 + class="btn btn-default"
  54 + ng-click="deletePlazo(i)">
  55 + <span class="fa fa-trash"></span>
  56 + </button>
  57 + </td>
  58 + </tr>
  59 + </tbody>
  60 + </table>
  61 + </div>
  62 + </div>
  63 + </div>
  64 + </div>
  65 + </div>
  66 +</div>
  67 +<div class="modal-footer py-2">
  68 + <button class="btn btn-sm btn-secondary" type="button" ng-click="closeModalPrecioCondicion()">Cerrar
  69 + </button>
  70 + <button class="btn btn-sm btn-primary" type="button" ng-click="guardarPlazos()">Guardar
  71 + </button>
  72 +</div>
src/views/modal-precio-condicion.html
Diff comments   View file @ fc72e09
1 1 <div class="modal-header py-1">
2 2 <div class="row w-100">
3 3 <div class="col-lg-6">
4   - <h5 ng-show="!ingreso" class="modal-title my-1">Búsqueda de Precio-Condición</h5>
5   - <h5 ng-show="ingreso" class="modal-title my-1">Nuevos Plazos</h5>
6   - </div>
7   - <div class="input-group col-lg-6 pr-0 my-2" ng-show="!ingreso">
8   - <button
9   - class="btn btn-outline-debo mr-2"
10   - ng-click="ingreso = true"
11   - ng-show="!ingreso"
12   - title="Nuevo">
13   - <i class="fa fa-plus" aria-hidden="true"></i>
14   - </button>
15   - <input
16   - type="text"
17   - class="form-control form-control-sm"
18   - id="search"
19   - placeholder="Busqueda"
20   - ng-model="filters"
21   - ng-change="search()"
22   - ng-keydown="busquedaDown($event.keyCode)"
23   - ng-keypress="busquedaPress($event.keyCode)"
24   - foca-focus="selectedPrecioCondicion == -1"
25   - ng-focus="selectedPrecioCondicion = -1"
26   - teclado-virtual
27   - >
28   - <div class="input-group-append">
29   - <button
30   - class="btn btn-outline-secondary"
31   - type="button"
32   - title="Buscar"
33   - ng-click="busquedaPress(13)">
34   - <i class="fa fa-search" aria-hidden="true"></i>
35   - </button>
36   - </div>
  4 + <h5 class="modal-title my-1">Precio-Condición</h5>
37 5 </div>
38 6 </div>
39 7 </div>
40 8 <div class="modal-body" id="modal-body">
41   -
42   -
43   - <table ng-show="!ingreso" class="table table-striped table-sm">
44   - <thead>
45   - <tr>
46   - <th>Código</th>
47   - <th>Nombre</th>
48   - <th>Lista Precio</th>
49   - <th>Plazos</th>
50   - <th></th>
51   - </tr>
52   - </thead>
53   - <tbody>
54   - <tr ng-show="currentPagePrecioCondicion.length == 0">
55   - <td colspan="6">
56   - No se encontraron resultados.
57   - </td>
58   - </tr>
59   - <tr class="selectable"
60   - ng-repeat="(key, precioCondicion) in currentPagePrecioCondicion">
61   - <td ng-bind="precioCondicion.id | rellenarDigitos: 4: 0"
62   - ng-click="select(precioCondicion)"></td>
63   - <td ng-bind="precioCondicion.nombre"
64   - ng-click="select(precioCondicion)"></td>
65   - <td ng-bind="precioCondicion.idListaPrecio"
66   - ng-click="select(precioCondicion)"></td>
67   - <td ng-bind="precioCondicion.plazos"
68   - ng-click="select(precioCondicion)"></td>
69   - <td>
70   - <button
71   - type="button"
72   - class="btn btn-sm p-1 float-right"
73   - title="Seleccionar"
74   - ng-class="{
75   - 'btn-secondary': selectedPrecioCondicion != key + 1,
76   - 'btn-primary': selectedPrecioCondicion == key + 1
77   - }"
78   - foca-focus="selectedPrecioCondicion == {{key + 1}}"
79   - ng-keydown="itemProducto($event.keyCode)"
80   - ng-click="select(precioCondicion)"
81   - >
82   - <i class="fa fa-circle-thin" aria-hidden="true"></i>
83   - </button>
84   - <button
85   - type="button"
86   - class="btn btn-sm p-1 float-right btn-secondary mr-2"
87   - title="Ver lista precio"
88   - ng-click="verListaPrecio(precioCondicion.idListaPrecio)"
89   - >
90   - <i class="fa fa-eye" aria-hidden="true"></i>
91   - </button>
92   - </td>
93   - </tr>
94   - </tbody>
95   - </table>
96   -
97   - <table class="table table-striped table-sm" ng-show="ingreso">
98   - <thead>
99   - <tr>
100   - <th>Item</th>
101   - <th>Días</th>
102   - <th></th>
103   - </tr>
104   - </thead>
105   - <tbody>
106   - <tr>
107   - <td>
108   - <input
109   - type="number"
110   - class="form-control text-right"
111   - ng-model="plazoACargar.item"
112   - readonly
113   - />
114   - </td>
115   - <td>
116   - <input
117   - type="number"
118   - class="form-control text-right"
119   - min="0"
120   - ng-model="plazoACargar.dias"
121   - ng-keypress="agregarPlazo($event.keyCode)"
122   - foca-focus="ingreso"
123   - />
124   - </td>
125   - <td class="text-center">
126   - <button
127   - class="btn btn-outline-secondary"
128   - title="Agregar"
129   - ng-click="agregarPlazo(13)"
130   - >
131   - <i class="fa fa-save"></i>
132   - </button>
133   - </td>
134   - </tr>
135   - <tr ng-repeat="(key, plazo) in plazosNuevos">
136   - <td class="text-right" ng-bind="key + 1"></td>
137   - <td class="text-right" ng-bind="plazo.dias"></td>
138   - <td class="text-center">
139   - <button
140   - class="btn btn-outline-secondary"
141   - title="Eliminar"
142   - ng-click="quitarPlazo(key)"
143   - >
144   - <i class="fa fa-trash"></i>
145   - </button>
146   - </td>
147   - </tr>
148   - </tbody>
149   - </table>
  9 + <div ng-show="!ingreso">
  10 + <div class="row" ng-show="listaDePreciosAsociada.length == 0">
  11 + <div class="col">
  12 + No se encontraron resultados.
  13 + </div>
  14 + </div>
  15 + <div class="row px-2">
  16 + <div class="col-lg-6">
  17 + <div class="row border-top py-2">
  18 + <div class="col-lg-9 col-9">Lista asociada al cliente</div>
  19 + <div class="col-lg-3 col-3 text-center">
  20 + <button
  21 + ng-class="{'btn-primary': associatedList, 'btn-default': !associatedList}"
  22 + class="btn btn-sm p-1"
  23 + ng-click="selectListaDePrecios(listaDePreciosAsociada)">
  24 + <span class="fa fa-circle-thin"></span>
  25 + </button>
  26 + </div>
  27 + </div>
  28 + <div class="row align-items-center pb-2">
  29 + <div class="col-lg-2 col-2 text-center" ng-bind="listaDePreciosAsociada.ID"></div>
  30 + <div class="col-lg-7 col-7" ng-bind="listaDePreciosAsociada.DES"></div>
  31 + <div class="col-lg-3 col-3 text-center">
  32 + <button ng-click="verListaProductos(listaDePreciosAsociada.ID)" class="btn btn-sm p-1">
  33 + <span class="fa fa-eye"></span>
  34 + </button>
  35 + </div>
  36 + </div>
  37 + <div class="row border-top py-2">
  38 + <div class="col-lg-9 col-9">Trabajar con otra lista</div>
  39 + <div class="col-lg-3 col-3 text-center">
  40 + <button
  41 + ng-class="{'btn-primary': !associatedList, 'btn-default': associatedList}"
  42 + class="btn btn-sm btn-default p-1"
  43 + ng-click="openListaDePrecios()">
  44 + <span class="fa fa-circle-thin"></span>
  45 + </button>
  46 + </div>
  47 + </div>
  48 + <div ng-show="listaDePreciosAlternativa != null" class="row align-items-center pb-1">
  49 + <div class="col-lg-2 col-2 text-center" ng-bind="listaDePreciosAlternativa.ID"></div>
  50 + <div class="col-lg-7 col-7" ng-bind="listaDePreciosAlternativa.DES"></div>
  51 + <div class="col-lg-3 col-3 text-center">
  52 + <button ng-click="verListaProductos(listaDePreciosAlternativa.ID)" class="btn btn-sm p-1">
  53 + <span class="fa fa-eye"></span>
  54 + </button>
  55 + </div>
  56 + </div>
  57 + </div>
  58 + <div class="col">
  59 + <div class="row py-1">
  60 + <div class="col text-center font-weight-bold">Plazos</div>
  61 + </div>
  62 + <div class="row">
  63 + <div class="col">
  64 + <table class="table table-sm table-striped">
  65 + <thead>
  66 + <tr>
  67 + <th colspan="2">Dias</th>
  68 + </tr>
  69 + </thead>
  70 + <tbody>
  71 + <tr ng-repeat="(i, plazo) in plazos" ng-show="plazo.activo">
  72 + <td align="center" ng-class="{'pt-2': i > 0}">
  73 + <span
  74 + ng-show="i > 0"
  75 + ng-bind="plazo.dias">
  76 + </span>
  77 + <input
  78 + ng-show="i == 0"
  79 + type="text"
  80 + class="form-control form-control-sm text-center"
  81 + ng-model="plazo.dias"
  82 + limite-numeros-max="3"
  83 + ng-keyup="validateMinMax(plazo, 0, 365)"
  84 + ng-keypress="addPlazo($event.keyCode)"
  85 + foca-focus="focused == 1"
  86 + select-on-click
  87 + teclado-virtual
  88 + foca-tipo-input
  89 + solo-positivos>
  90 + </td>
  91 + <td>
  92 + <button
  93 + ng-show="i === 0"
  94 + class="btn btn-primary"
  95 + ng-click="addPlazo(13)">
  96 + <span class="fa fa-save"></span>
  97 + </button>
  98 + <button
  99 + ng-show="i > 0"
  100 + class="btn btn-default"
  101 + ng-click="deletePlazo(i)">
  102 + <span class="fa fa-trash"></span>
  103 + </button>
  104 + </td>
  105 + </tr>
  106 + </tbody>
  107 + </table>
  108 + </div>
  109 + </div>
  110 + </div>
  111 + </div>
  112 + </div>
150 113 </div>
151   -<div class="modal-footer py-1">
152   - <nav ng-show="currentPagePrecioCondicion.length > 0 && !ingreso" class="mr-auto">
153   - <ul class="pagination pagination-sm mb-0">
154   - <li class="page-item" ng-class="{'disabled': currentPage == 1}">
155   - <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)">
156   - <span aria-hidden="true">&laquo;</span>
157   - <span class="sr-only">Anterior</span>
158   - </a>
159   - </li>
160   - <li
161   - class="page-item"
162   - ng-repeat="pagina in paginas"
163   - ng-class="{'active': pagina == currentPage}"
164   - >
165   - <a
166   - class="page-link"
167   - href="javascript:void();"
168   - ng-click="selectPage(pagina)"
169   - ng-bind="pagina"
170   - ></a>
171   - </li>
172   - <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
173   - <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)">
174   - <span aria-hidden="true">&raquo;</span>
175   - <span class="sr-only">Siguiente</span>
176   - </a>
177   - </li>
178   - </ul>
179   - </nav>
180   - <button
181   - ng-show="!ingreso"
182   - class="btn btn-sm btn-secondary"
183   - type="button"
184   - ng-click="cancel()"
185   - >Cancelar
186   - </button>
187   - <button
188   - ng-show="ingreso"
189   - ng-disabled="plazosNuevos.length === 0"
190   - class="btn btn-sm btn-primary"
191   - type="button"
192   - ng-click="select(plazosNuevos)"
193   - >Aceptar
  114 +<div class="modal-footer py-2">
  115 + <button class="btn btn-sm btn-secondary" type="button" ng-click="closeModalPrecioCondicion()">Cerrar
194 116 </button>
195   - <button
196   - ng-show="ingreso"
197   - class="btn btn-sm btn-secondary"
198   - type="button"
199   - ng-click="volver()"
200   - >Volver
  117 + <button class="btn btn-sm btn-primary" type="button" ng-click="guardarPrecioCondicion()">Guardar
201 118 </button>
202 119 </div>
src/views/modal-precios.html
Diff comments   View file @ fc72e09
... ... @@ -0,0 +1,66 @@
  1 +<div class="modal-header py-1">
  2 + <div class="row w-100">
  3 + <div class="col-lg-6">
  4 + <h5 class="modal-title my-1">Precio-Condición: Listas</h5>
  5 + </div>
  6 + </div>
  7 +</div>
  8 +<div class="modal-body" id="modal-body">
  9 + <div ng-show="!ingreso">
  10 + <div class="row" ng-show="listaDePreciosAsociada.length == 0">
  11 + <div class="col">
  12 + No se encontraron resultados.
  13 + </div>
  14 + </div>
  15 + <div class="row px-2">
  16 + <div class="col-lg-12">
  17 + <div class="row border-top py-2">
  18 + <div class="col-lg-9 col-9">Lista asociada al cliente</div>
  19 + <div class="col-lg-3 col-3 text-center">
  20 + <button
  21 + ng-class="{'btn-primary': associatedList, 'btn-default': !associatedList}"
  22 + class="btn btn-sm p-1"
  23 + ng-click="selectListaDePrecios(listaDePreciosAsociada)">
  24 + <span class="fa fa-circle-thin"></span>
  25 + </button>
  26 + </div>
  27 + </div>
  28 + <div class="row align-items-center pb-2">
  29 + <div class="col-lg-2 col-2 text-center" ng-bind="listaDePreciosAsociada.ID"></div>
  30 + <div class="col-lg-7 col-7" ng-bind="listaDePreciosAsociada.DES"></div>
  31 + <div class="col-lg-3 col-3 text-center">
  32 + <button ng-click="verListaProductos(listaDePreciosAsociada.ID)" class="btn btn-sm p-1">
  33 + <span class="fa fa-eye"></span>
  34 + </button>
  35 + </div>
  36 + </div>
  37 + <div class="row border-top py-2">
  38 + <div class="col-lg-9 col-9">Trabajar con otra lista</div>
  39 + <div class="col-lg-3 col-3 text-center">
  40 + <button
  41 + ng-class="{'btn-primary': !associatedList, 'btn-default': associatedList}"
  42 + class="btn btn-sm btn-default p-1"
  43 + ng-click="openListaDePrecios()">
  44 + <span class="fa fa-circle-thin"></span>
  45 + </button>
  46 + </div>
  47 + </div>
  48 + <div ng-show="listaDePreciosAlternativa != null" class="row align-items-center pb-1">
  49 + <div class="col-lg-2 col-2 text-center" ng-bind="listaDePreciosAlternativa.ID"></div>
  50 + <div class="col-lg-7 col-7" ng-bind="listaDePreciosAlternativa.DES"></div>
  51 + <div class="col-lg-3 col-3 text-center">
  52 + <button ng-click="verListaProductos(listaDePreciosAlternativa.ID)" class="btn btn-sm p-1">
  53 + <span class="fa fa-eye"></span>
  54 + </button>
  55 + </div>
  56 + </div>
  57 + </div>
  58 + </div>
  59 + </div>
  60 +</div>
  61 +<div class="modal-footer py-2">
  62 + <button class="btn btn-sm btn-secondary" type="button" ng-click="closeModalPrecioCondicion()">Cerrar
  63 + </button>
  64 + <button class="btn btn-sm btn-primary" type="button" ng-click="guardarPrecioCondicion()">Guardar
  65 + </button>
  66 +</div>