Marcelo Puebla / foca-modal-punto-descarga

Download as
Browse Code ยป

Commit 5df757ec1056c9a1acb3f2e6d9d0f5dbc47ba28e

Authored by Eric Fernandez
2 parents b12c6a9b7f a3596c2f6c
Exists in master and in 1 other branch develop

Merge branch 'master' into 'master' 

agrega y guarda puntos de descarga

See merge request !2
Showing 3 changed files   Show diff stats
src/js/controller.js
Diff comments   View file @ 5df757e
... ... @@ -9,18 +9,17 @@ angular.module('focaModalPuntoDescarga')
9 9 function($timeout, $filter, $scope, $uibModalInstance,
10 10 focaModalPuntoDescargaService, filters) {
11 11  
  12 + $scope.cantidadArticulo = 0;
  13 + $scope.articuloSeleccionado = 0;
12 14 $scope.ivas = [];
  15 + $scope.puntosSeleccionados = [];
13 16 $scope.puntoDescarga = {
14 17 id: 0,
15 18 id_cliente: filters.idCliente,
16 19 id_da_config_0: filters.idDomicilio
17 20 };
18   -
19   - focaModalPuntoDescargaService
20   - .getPuntosDescargaByClienDom(filters.idDomicilio, filters.idCliente)
21   - .then(function(res) {
22   - $scope.puntosDescarga = res.data;
23   - });
  21 + $scope.articulos = angular.copy(filters.articulos);
  22 + actualizarTabla();
24 23  
25 24 $scope.cancel = function() {
26 25 if($scope.ingreso){
... ... @@ -30,14 +29,87 @@ angular.module('focaModalPuntoDescarga')
30 29 }
31 30 };
32 31  
33   - $scope.select = function(iva) {
34   - $uibModalInstance.close(iva);
  32 + $scope.aceptar = function() {
  33 + if($scope.cargaArticulos) {
  34 + cargarArticulos();
  35 + }else {
  36 + verCargaArticulos();
  37 + }
35 38 };
36 39  
37 40 $scope.guardar = function() {
38 41 focaModalPuntoDescargaService
39 42 .guardarPuntoDescarga($scope.puntoDescarga)
40   - .then(function(res) {});
  43 + .then(function() {
  44 + actualizarTabla();
  45 + $scope.ingreso = false;
  46 + });
  47 + };
  48 +
  49 + $scope.editar = function(id) {
  50 + focaModalPuntoDescargaService.getPuntoDescargaById(id).then(function(res) {
  51 + $scope.puntoDescarga = res.data;
  52 + $scope.ingreso = true;
  53 + });
  54 + };
  55 +
  56 + $scope.eliminar = function(idx, id) {
  57 + focaModalPuntoDescargaService.eliminarPuntoDescarga(id).then(function() {
  58 + $scope.puntosDescarga.splice(idx, 1);
  59 + });
  60 + };
  61 +
  62 + $scope.seleccionarPunto = function(idx) {
  63 + $scope.puntosSeleccionados.push(idx);
41 64 };
  65 +
  66 + $scope.agregarArticulo = function(punto) {
  67 + var articulo = $scope.articulos[$scope.articuloSeleccionado],
  68 + cantidadRestante = articulo.cantidad - $scope.cantidadArticulo;
  69 +
  70 + if(cantidadRestante < 0) {
  71 + alert('La cantidad a cargar debe ser menor o igual al restante');
  72 + }else if($scope.cantidadArticulo <= 0) {
  73 + alert('La cantidad a cargar debe ser mayor que cero');
  74 + }else {
  75 + articulo.cantidad = cantidadRestante;
  76 + punto.articulosAgregados.push({
  77 + id: articulo.id,
  78 + descripcion: articulo.descripcion,
  79 + cantidad: $scope.cantidadArticulo,
  80 + index: $scope.articuloSeleccionado
  81 + });
  82 + $scope.cantidadArticulo = 0;
  83 + }
  84 + };
  85 +
  86 + $scope.quitarArticulo = function(articulo, idx, punto) {
  87 + var restante = parseInt($scope.articulos[articulo.index].cantidad);
  88 + restante += parseInt(articulo.cantidad);
  89 + $scope.articulos[articulo.index].cantidad = restante;
  90 + punto.articulosAgregados.splice(idx, 1);
  91 + };
  92 +
  93 + function actualizarTabla() {
  94 + focaModalPuntoDescargaService
  95 + .getPuntosDescargaByClienDom(filters.idDomicilio, filters.idCliente)
  96 + .then(function(res) {
  97 + $scope.puntosDescarga = res.data;
  98 + });
  99 + }
  100 + function verCargaArticulos() {
  101 + $scope.puntosACargar = [];
  102 + $scope.cargaArticulos = true;
  103 + $scope.puntosSeleccionados.forEach(function(idx) {
  104 + $scope.puntosACargar.push($scope.puntosDescarga[idx]);
  105 + });
  106 +
  107 + $scope.puntosACargar.map(function(punto) {
  108 + punto.articulosAgregados = [];
  109 + });
  110 + }
  111 + function cargarArticulos() {
  112 + $uibModalInstance.close($scope.puntosACargar);
  113 + }
42 114 }]
43 115 );
... ... @@ -5,6 +5,9 @@ angular.module(&#39;focaModalPuntoDescarga&#39;)
5 5 getPuntosDescarga: function() {
6 6 return $http.get(API_ENDPOINT.URL + '/punto-descarga');
7 7 },
  8 + getPuntoDescargaById: function(id) {
  9 + return $http.get(API_ENDPOINT.URL + '/punto-descarga/' + id);
  10 + },
8 11 getPuntosDescargaByClienDom: function(idDomicilio, idCliente) {
9 12 return $http.get(API_ENDPOINT.URL + '/punto-descarga/' +
10 13 idDomicilio + '/' + idCliente);
... ... @@ -12,6 +15,9 @@ angular.module(&#39;focaModalPuntoDescarga&#39;)
12 15 guardarPuntoDescarga: function(puntoDescarga) {
13 16 return $http.post(API_ENDPOINT.URL + '/punto-descarga',
14 17 {puntoDescarga: puntoDescarga});
  18 + },
  19 + eliminarPuntoDescarga: function(id) {
  20 + return $http.delete(API_ENDPOINT.URL + '/punto-descarga/' + id);
15 21 }
16 22 };
17 23 }]);
src/views/modal-punto-descarga.html
Diff comments   View file @ 5df757e
1 1 <div class="modal-header d-flex">
2   - <h5 class="modal-title my-1" ng-hide="ingreso">Bรบsqueda de puntos de descarga</h5>
  2 + <h5 class="modal-title my-1" ng-hide="ingreso || cargaArticulos">Bรบsqueda de puntos de descarga</h5>
3 3 <h5 class="modal-title my-1" ng-show="ingreso">Crear punto de descarga</h5>
  4 + <h5 class="modal-title my-1" ng-show="cargaArticulos">Cargar articulos en puntos de descarga</h5>
4 5 <button
5 6 class="btn btn-primary"
6 7 ng-click="ingreso = true"
7   - ng-hide="ingreso">
  8 + ng-hide="ingreso || cargaArticulos">
8 9 <i class="fa fa-plus" aria-hidden="true"></i>
9 10 </button>
10 11 </div>
11 12 <div class="modal-body" id="modal-body">
12 13 <table
13 14 class="table table-striped table-sm col-12"
14   - ng-hide="ingreso">
  15 + ng-hide="ingreso || cargaArticulos">
15 16 <thead>
16 17 <tr>
17 18 <th>Cรณdigo</th>
  19 + <th>Descripciรณn</th>
18 20 <th>Latitud</th>
19 21 <th>Longitud</th>
20 22 <th></th>
... ... @@ -28,25 +30,34 @@
28 30 </tr>
29 31 <tr class="selected"
30 32 ng-repeat="(key, puntoDescarga) in puntosDescarga | filter: filters"
31   - ng-click="select(puntoDescarga)"
32 33 >
33 34 <td ng-bind="puntoDescarga.id | rellenarDigitos: 3: 0"></td>
  35 + <td ng-bind="puntoDescarga.descripcion"></td>
34 36 <td ng-bind="puntoDescarga.latitud"></td>
35 37 <td ng-bind="puntoDescarga.longitud"></td>
36 38 <td class="d-md-none text-primary">
37 39 <i class="fa fa-circle-thin" aria-hidden="true"></i>
38 40 </td>
39 41 <td class="d-none d-md-table-cell">
  42 + <input
  43 + type="checkbox"
  44 + class="custom-control-input float-right"
  45 + id="checkSelect{{key}}">
  46 + <label
  47 + class="custom-control-label float-right"
  48 + for="checkSelect{{key}}"
  49 + ng-click="seleccionarPunto(key)"></label>
40 50 <button
41 51 type="button"
42   - class="btn btn-xs p-1 float-right"
43   - ng-class="{
44   - 'btn-secondary': selectedProvincia != key,
45   - 'btn-primary': selectedProvincia == key
46   - }"
47   - foca-focus="selectedProvincia == {{key}}"
48   - ng-keydown="itemProvincia($event.keyCode)">
49   - <i class="fa fa-circle-thin" aria-hidden="true"></i>
  52 + class="btn btn-xs p-1 float-right mr-5"
  53 + ng-click="eliminar(key, puntoDescarga.id)">
  54 + <i class="fa fa-trash" aria-hidden="true"></i>
  55 + </button>
  56 + <button
  57 + type="button"
  58 + class="btn btn-xs p-1 float-right mr-1"
  59 + ng-click="editar(puntoDescarga.id)">
  60 + <i class="fa fa-pencil" aria-hidden="true"></i>
50 61 </button>
51 62 </td>
52 63 </tr>
... ... @@ -84,9 +95,88 @@
84 95 </div>
85 96 </div>
86 97 </form>
  98 + <div ng-show="cargaArticulos">
  99 + <div ng-show="articulos.length === 0">
  100 + <h6>No existen articulos para agregar</h6>
  101 + </div>
  102 + <div ng-show="articulos.length > 0">
  103 + <div class="row">
  104 + <div class="form-check ml-4" ng-repeat="(key, articulo) in articulos">
  105 + <input
  106 + class="form-check-input"
  107 + type="radio"
  108 + name="exampleRadios"
  109 + id="inputRadio{{key}}"
  110 + ng-value="key"
  111 + ng-model="$parent.articuloSeleccionado"
  112 + >
  113 + <label class="form-check-label" for="inputRadio{{key}}">
  114 + {{articulo.descripcion}} <strong>Cantidad:</strong> {{articulo.cantidad}}
  115 + </label>
  116 + </div>
  117 + </div>
  118 + <div class="row">
  119 + <div class="form-group col-3 mt-3">
  120 + <label for="inputCantidad">Cantidad</label>
  121 + <input
  122 + type="text"
  123 + class="form-control"
  124 + id="inputCantidad"
  125 + placeholder="Cantidad"
  126 + ng-model="cantidadArticulo"
  127 + >
  128 + </div>
  129 + </div>
  130 + <div class="row">
  131 + <div class="col-6" ng-repeat="punto in puntosACargar">
  132 + <div class="d-flex">
  133 + <h6>{{punto.descripcion}}</h6>
  134 + <button
  135 + class="btn btn-sm btn-outline-primary ml-auto"
  136 + type="button"
  137 + ng-click="agregarArticulo(punto)"
  138 + >
  139 + Agregar
  140 + </button>
  141 + </div>
  142 + <table class="table table-sm">
  143 + <thead>
  144 + <tr>
  145 + <th>Articulo</th>
  146 + <th class="text-right">Cantidad</th>
  147 + <th></th>
  148 + </tr>
  149 + </thead>
  150 + <tbody>
  151 + <tr ng-repeat="(key, articulo) in punto.articulosAgregados">
  152 + <td ng-bind="articulo.descripcion" class="p-2"></td>
  153 + <td ng-bind="articulo.cantidad" class="text-right p-2"></td>
  154 + <td class="p-2">
  155 + <button
  156 + type="button"
  157 + class="btn btn-xs p-1 float-right mr-5"
  158 + ng-click="quitarArticulo(articulo, key, punto)">
  159 + <i class="fa fa-trash" aria-hidden="true"></i>
  160 + </button>
  161 + </td>
  162 + </tr>
  163 + </tbody>
  164 + </table>
  165 + </div>
  166 + </div>
  167 + </div>
  168 + </div>
87 169 </div>
88 170 <div class="modal-footer">
89   - <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cancel()">Cancelar</button>
  171 + <button
  172 + class="btn btn-sm btn-secondary my-1"
  173 + type="button"
  174 + ng-click="cancel()">Cancelar</button>
  175 + <button
  176 + class="btn btn-sm btn-primary my-1"
  177 + type="button"
  178 + ng-click="aceptar()"
  179 + ng-hide="ingreso">Aceptar</button>
90 180 <button
91 181 class="btn btn-sm btn-primary my-1"
92 182 type="button"