Nicolás Guarnieri / foca-logistica-pedido-ruta

Browse Code »

Commit 88a160b5b9ef39abaa394981a15193b5e45e717b

Authored by Nicolás Guarnieri 2019-01-30 17:21:09 -0300

1 parent d836dbc78a

Exists in master

arreglos para cerrar hoja ruta

Showing 4 changed files with 25 additions and 19 deletions Show diff stats

src/js/controller.js

Diff comments View file @ 88a160b

 angular.module('focaLogisticaPedidoRuta') .controller('focaLogisticaPedidoRutaController', [
     '$scope', 'focaLogisticaPedidoRutaService', '$location', '$uibModal', '$filter',
         'focaModalService', 'focaBotoneraLateralService', '$interval',
     function($scope, focaLogisticaPedidoRutaService, $location, $uibModal, $filter,
         focaModalService, focaBotoneraLateralService, $interval
     ) {
         $scope.actividad = 'Logistica';
         //Datos Pantalla
         $scope.titulo = 'Logistica de Pedidos';
         var transportista = {
             label: 'Vehículo',
             image: 'abmChofer.png'
         };
         var fecha = {
             label: 'Fecha Reparto',
             image: 'fechaDeReparto.png'
         };
         $scope.botonera = [fecha, transportista];
         var cabecera = '';
         $scope.now = new Date();
         $scope.idVendedor = 0;
         $scope.marcadores = [];
         $scope.vehiculos = [];
         getSeguimiento();
         $scope.arrastrando = false;
         $scope.general = function() {
             $scope.idVendedor = 0;
             getSeguimiento();
         };
         //SETEO BOTONERA LATERAL
         focaBotoneraLateralService.showSalir(true);
         focaBotoneraLateralService.showPausar(false);
         focaBotoneraLateralService.showGuardar(false);
         $scope.general = function() {
             $scope.idVendedor = 0;
             getSeguimiento();
             $scope.$broadcast('removeCabecera', cabecera);
             $scope.$broadcast('addCabecera', {
                 label: 'General',
                 valor: ''
             });
         };
         $scope.cargar = function(idVehiculo, punto) {
             if(!eligioFecha()) return;
             var idRemito;
             if(punto === -1) {
                 idRemito = -1;
             }else {
                 idRemito = JSON.parse(punto).notaPedido.remito.id;
             }
             var modalInstance = $uibModal.open(
                 {
                     ariaLabelledBy: 'Busqueda de Vehiculo',
                     templateUrl: 'foca-detalle-vehiculo.html',
                     controller: 'focaDetalleVehiculo',
                     size: 'lg',
                     resolve: {
                         idVehiculo: function() {return idVehiculo;},
                         idRemito: function() {return idRemito;},
                         fechaReparto: function() {return $scope.fechaReparto;}
                     }
                 }
             );
             modalInstance.result.then(function() {
             }, function() {
             });
         };
         $scope.quitarVehiculo = function(vehiculo) {
             if(!eligioFecha() || vehiculoEnUso(vehiculo)) return;
             focaModalService.confirm('Esta seguro que desea eliminar el vehículo ' +
-                vehiculo.codigo + '?').then(function() {
+                vehiculo.codigo + ' de ' + vehiculo.transportista.NOM + '?').then(function() {
                     eliminarVehiculo(vehiculo);
                 });
         };
-        $scope.hacerHojaRuta = function(vehiculo) {
+        $scope.hacerHojaRuta = function(vehiculo, cerrar) {
             if(!eligioFecha() || vehiculoEnUso(vehiculo)) return;
             var modalInstance = $uibModal.open(
                 {
                     ariaLabelledBy: 'Creación hoja ruta',
                     templateUrl: 'foca-modal-cerrar-vehiculo.html',
                     controller: 'focaModalCerrarVehiculo',
                     size: 'lg',
                     resolve: {
                         idVehiculo: function() {return vehiculo.id;},
-                        fechaReparto: function() {return $scope.fechaReparto;}
+                        fechaReparto: function() {return $scope.fechaReparto;},
+                        cerrar: function() {return cerrar;}
                     }
                 }
             );
             modalInstance.result.then(function() {
             }, function() {
                 //usar cuando se cancela el modal
             });
         };
         $scope.arrastra = function() {
             $scope.arrastrando = true;
             $scope.$digest();
         };
         $scope.noArrastra = function() {
             $scope.arrastrando = false;
             $scope.$digest();
         };
         $scope.individual = function() {
             $scope.idVendedor = -1;
         };
         $scope.mostrarDetalle = function() {
             $scope.detalle = true;
         };
         $scope.salir = function() {
             $location.path('/');
         };
         $scope.search = function() {
             getSeguimiento();
         };
         $scope.fecha = function() {
             getSeguimiento();
         };
         $scope.seleccionarVehículo = function() {
             var modalInstance = $uibModal.open(
                 {
                     ariaLabelledBy: 'Busqueda de Transportista',
                     templateUrl: 'modal-proveedor.html',
                     controller: 'focaModalProveedorCtrl',
                     size: 'lg',
                     resolve: {
                         transportista: function() {
                             return true;
                         }
                     }
                 }
             );
             modalInstance.result.then(function(transportista) {
                 $scope.selectVehiculo(transportista.COD);
             });
         };
         $scope.selectVehiculo = function(idTransportista) {
             var query = '/vehiculo/transportista/' + idTransportista;
             var columnas = {
                 nombre: ['Código', 'tractor', 'Semi', 'Capacidad'],
                 propiedad: ['codigo', 'tractor', 'semi', 'capacidadTotalCisternas']
             };
             var titulo = 'Búsqueda de vehiculos';
             focaModalService.modal(columnas, query, titulo).then(
                 function(vehiculo) {
                     var existe = $filter('filter')($scope.vehiculos, {id: vehiculo.id});
                     if(existe.length) {
                         focaModalService.alert('El vehiculo ya ha sido cargado');
                         return;
                     }
                     if(!vehiculo.cisternas.length) {
                         focaModalService.alert('El vehiculo no tiene cisternas');
                         return;
                     }
                     $scope.vehiculos.push(vehiculo);
                 }, function() {
                     // funcion ejecutada cuando se cancela el modal
                 });
         };
         $scope.seleccionarFechaReparto = function() {
             focaModalService.modalFecha('Fecha de reparto').then(function(fecha) {
                 $scope.$broadcast('addCabecera',{
                     label: 'Fecha:',
                     valor: fecha.toLocaleDateString()
                 });
                 $scope.fechaReparto = fecha;
                 focaLogisticaPedidoRutaService.setFechaReparto(fecha);
                 focaLogisticaPedidoRutaService.getUnidadesByFecha(fecha).then(function(res) {
                     $scope.vehiculos = res.data;
                 });
             });
         };
         function getSeguimiento() {
             var desde = new Date('1900/01/01');
             var hasta = new Date('2099/01/01');
             if($scope.fechaDesde) {
                 var fechaDesde = $scope.fechaDesde;
                 desde = new Date(new Date(fechaDesde.setHours(0)).setMinutes(0));
                 desde = new Date(desde);
             }
             if($scope.fechaHasta) {
                 var fechaHasta = $scope.fechaHasta;
                 hasta = new Date(new Date(fechaHasta.setHours(0)).setMinutes(0));
                 hasta = hasta.setDate(hasta.getDate() + 1);
                 hasta = new Date(hasta);
             }
             var datos = {
                 actividad: $scope.actividad,
                 idUsuario: $scope.idVendedor,
                 fechaDesde: desde,
                 fechaHasta: hasta,
                 asignacion: $scope.filtroEstado ? true : ($scope.filtroEstado !== undefined ?
                     false : undefined)
             };
             $scope.datosBuscados = {
                 actividad: $scope.actividad,
                 individual: $scope.idVendedor ? true : false
             };
             focaLogisticaPedidoRutaService.obtenerActividad(datos).then(function(datos) {
                 if(JSON.stringify(datos.data) !== JSON.stringify($scope.marcadores)) {
                     $scope.marcadores = datos.data;
                 }
             });
         }
         function eliminarVehiculo(vehiculo) {
             focaLogisticaPedidoRutaService.getRemitos(vehiculo.id).then(function(res) {
                 if(!focaLogisticaPedidoRutaService.obtenerRemitosDeCarga(res.data).length) {
                     $scope.vehiculos.splice($scope.vehiculos.indexOf(vehiculo), 1);
                 }else {
                     focaModalService.alert('No ha sido posible eliminar el vehiculo porque ' +
                         'tiene remitos asociados').then(function() {
-                            $scope.hacerHojaRuta(vehiculo);
+                            $scope.hacerHojaRuta(vehiculo, true);
                         });
                 }
             });
         }
         function eligioFecha() {
             if(!$scope.fechaReparto) {
                 focaModalService.alert('Primero seleccione fecha de reparto');
                 return false;
             }
             return true;
         }
         function vehiculoEnUso(vehiculo) {
             var idUsuario = focaLogisticaPedidoRutaService.idUsuario;
             for(var i = 0; i < vehiculo.cisternas.length; i++) {
                 for(var j = 0; j < vehiculo.cisternas[i].cisternasCarga.length; j++) {
                     var cisternaCarga = vehiculo.cisternas[i].cisternasCarga[j];
                     if(cisternaCarga.fechaReparto.substring(0, 10) === $scope.fechaReparto
                         .toISOString().substring(0, 10) && cisternaCarga.idUsuarioProceso &&
                         cisternaCarga.idUsuarioProceso !== idUsuario)
                     {
                         focaModalService.alert('El vehículo está siendo usado por otro usuario');
                         return true;
                     }
                 }
             }
             return false;
         }
         // TODO: descomentar en produccion
         // $interval(function() {
         //     getSeguimiento();
         // }, 5000);
     }

src/js/controllerCerrarVehiculo.js

Diff comments View file @ 88a160b

 angular.module('focaLogisticaPedidoRuta')
     .controller('focaModalCerrarVehiculo', [
         '$scope',
         '$uibModalInstance',
         '$uibModal',
         'focaLogisticaPedidoRutaService',
         'idVehiculo',
         'focaModalService',
         '$filter',
         'fechaReparto',
+        'cerrar',
         function($scope, $uibModalInstance, $uibModal, focaLogisticaPedidoRutaService,
-            idVehiculo, focaModalService, $filter, fechaReparto) {
+            idVehiculo, focaModalService, $filter, fechaReparto, cerrar) {
+        $scope.cerrar = cerrar;
         $scope.vehiculo = {};
         $scope.remitos = [];
         $scope.now = fechaReparto;
         focaLogisticaPedidoRutaService.obtenerVehiculoById(idVehiculo).then(function(res) {
             $scope.vehiculo = res.data;
         });
         focaLogisticaPedidoRutaService.getRemitos(idVehiculo).then(function(res) {
             $scope.remitos = focaLogisticaPedidoRutaService.obtenerRemitosDeCarga(res.data);
         });
         focaLogisticaPedidoRutaService.numeroHojaRuta().then(function(res) {
             $scope.sucursal = res.data.sucursal;
             $scope.numero = res.data.numeroHojaRuta;
         });
         $scope.cancelar = function() {
             $uibModalInstance.close();
         };
         $scope.aceptar = function() {
             var idsRemito = [];
             $scope.remitos.forEach(function(remito) {
                 idsRemito.push(remito.id);
             });
             var cierreDistribuicion = {
                 idsRemito: idsRemito,
                 fechaReparto: focaLogisticaPedidoRutaService.fecha
             };
             focaLogisticaPedidoRutaService.cerrarDistribuicion(cierreDistribuicion)
                 .then(function() {
                     focaModalService.alert('Vehículo cerrado con éxito');
                 }
             );
         };
         $scope.seleccionarChofer = function() {
             var modalInstance = $uibModal.open(
                 {
                     ariaLabelledBy: 'Busqueda de Chofer',
                     templateUrl: 'modal-chofer.html',
                     controller: 'focaModalChoferController',
                     size: 'lg'
                 }
             );
             modalInstance.result.then(
                 function(chofer) {
                     $scope.chofer = chofer;
                 }, function() {
                     // funcion ejecutada cuando se cancela el modal
                 }
             );
         };
         $scope.eliminarRemitos = function() {
             var remitosDel = $filter('filter')($scope.remitos, {checked: true});
             focaModalService.alert('¿Seguro que desea desasociar estos remitos del vehículo?')
                 .then(function() {
                     eliminarRemitos(remitosDel);
                 }
             );
         };
         $scope.minimoUnoChecked = function() {
             var remitosChequeados = $filter('filter')($scope.remitos, {checked: true});
             return !remitosChequeados.length;
         };
         function eliminarRemitos(remitosDel) {
             var nuevosRemitos = $filter('filter')($scope.remitos, {checked: !true});
             focaLogisticaPedidoRutaService.desasociarRemitos(remitosDel, $scope.vehiculo.id,
                 nuevosRemitos ? true : false).then(function() {
-                    focaModalService.alert('Remitos desasociados con éxito');
                     $scope.remitos = nuevosRemitos;
                 });
         }
     }]);

src/views/foca-logistica-pedido-ruta.html

Diff comments View file @ 88a160b

1	<div class="foca-logistica-pedido-ruta" id="scope">	1	<div class="foca-logistica-pedido-ruta" id="scope">
2	<div class="row">	2	<div class="row">
3	<foca-cabecera-facturador	3	<foca-cabecera-facturador
4	titulo="titulo"	4	titulo="titulo"
5	fecha="now"	5	fecha="now"
6	class="mb-0 col-lg-12"	6	class="mb-0 col-lg-12"
7	></foca-cabecera-facturador>	7	></foca-cabecera-facturador>
8	</div>	8	</div>
9	<div class="row px-5 py-2 botonera-secundaria position-relative">	9	<div class="row px-5 py-2 botonera-secundaria position-relative">
10	<div class="col-10">	10	<div class="col-10">
11	<foca-botonera-facturador botones="botonera" max="6" class="row"></foca-botonera-facturador>	11	<foca-botonera-facturador botones="botonera" max="6" class="row"></foca-botonera-facturador>
12	</div>	12	</div>
13	<div class="col-2 pl-0 position-absolute right-0">	13	<div class="col-2 pl-0 position-absolute right-0">
14	<strong>Filtros: </strong>	14	<strong>Filtros: </strong>
15	<br>	15	<br>
16	<span>Fecha Desde</span>	16	<span>Fecha Desde</span>
17	<input	17	<input
18	type="text"	18	type="text"
19	readonly	19	readonly
20	ng-model="fechaDesde"	20	ng-model="fechaDesde"
21	class="form-control form-control-sm"	21	class="form-control form-control-sm"
22	uib-datepicker-popup="dd/MM/yyyy"	22	uib-datepicker-popup="dd/MM/yyyy"
23	show-button-bar="false"	23	show-button-bar="false"
24	is-open="fechaDesdeOpen"	24	is-open="fechaDesdeOpen"
25	on-open-focus="false"	25	on-open-focus="false"
26	ng-focus="fechaDesdeOpen = true"	26	ng-focus="fechaDesdeOpen = true"
27	ng-change="search()"	27	ng-change="search()"
28	/>	28	/>
29	<span>Fecha Hasta</span>	29	<span>Fecha Hasta</span>
30	<input	30	<input
31	type="text"	31	type="text"
32	readonly	32	readonly
33	ng-model="fechaHasta"	33	ng-model="fechaHasta"
34	class="form-control form-control-sm"	34	class="form-control form-control-sm"
35	uib-datepicker-popup="dd/MM/yyyy"	35	uib-datepicker-popup="dd/MM/yyyy"
36	show-button-bar="false"	36	show-button-bar="false"
37	is-open="fechaHastaOpen"	37	is-open="fechaHastaOpen"
38	on-open-focus="false"	38	on-open-focus="false"
39	ng-focus="fechaHastaOpen = true"	39	ng-focus="fechaHastaOpen = true"
40	ng-change="search()"	40	ng-change="search()"
41	/>	41	/>
42	<div class="custom-control custom-radio">	42	<div class="custom-control custom-radio">
43	<input	43	<input
44	type="radio"	44	type="radio"
45	class="custom-control-input"	45	class="custom-control-input"
46	id="idTodos"	46	id="idTodos"
47	name="filtro"	47	name="filtro"
48	ng-model="filtroEstado"	48	ng-model="filtroEstado"
49	ng-change="search()"	49	ng-change="search()"
50	checked>	50	checked>
51	<label class="custom-control-label pb-3" for="idTodos"></label>	51	<label class="custom-control-label pb-3" for="idTodos"></label>
52	<img src="img/marker-icon-grey.png">	52	<img src="img/marker-icon-grey.png">
53	<strong>Todos</strong>	53	<strong>Todos</strong>
54	</div>	54	</div>
55	<div class="custom-control custom-radio">	55	<div class="custom-control custom-radio">
56	<input	56	<input
57	type="radio"	57	type="radio"
58	class="custom-control-input"	58	class="custom-control-input"
59	id="idSinAsignar"	59	id="idSinAsignar"
60	name="filtro"	60	name="filtro"
61	ng-model="filtroEstado"	61	ng-model="filtroEstado"
62	ng-change="search()"	62	ng-change="search()"
63	ng-value="false">	63	ng-value="false">
64	<label class="custom-control-label pb-3" for="idSinAsignar"></label>	64	<label class="custom-control-label pb-3" for="idSinAsignar"></label>
65	<img src="img/marker-icon-green.png">	65	<img src="img/marker-icon-green.png">
66	<strong>Sin asignar</strong>	66	<strong>Sin asignar</strong>
67	</div>	67	</div>
68	<div class="custom-control custom-radio">	68	<div class="custom-control custom-radio">
69	<input	69	<input
70	type="radio"	70	type="radio"
71	class="custom-control-input"	71	class="custom-control-input"
72	id="idAsignado"	72	id="idAsignado"
73	name="filtro"	73	name="filtro"
74	ng-model="filtroEstado"	74	ng-model="filtroEstado"
75	ng-change="search()"	75	ng-change="search()"
76	ng-value="true">	76	ng-value="true">
77	<label class="custom-control-label pb-3" for="idAsignado"></label>	77	<label class="custom-control-label pb-3" for="idAsignado"></label>
78	<img src="img/marker-icon-red.png">	78	<img src="img/marker-icon-red.png">
79	<strong>Asignado</strong>	79	<strong>Asignado</strong>
80	</div>	80	</div>
81	</div>	81	</div>
82	</div>	82	</div>
83	<div class="row px-5">	83	<div class="row px-5">
84	<div class="col-10">	84	<div class="col-10">
85	<foca-logistica	85	<foca-logistica
86	latitud="-32.89214159952345"	86	latitud="-32.89214159952345"
87	longitud="-68.84572999101856"	87	longitud="-68.84572999101856"
88	zoom="14"	88	zoom="14"
89	marcadores="marcadores"	89	marcadores="marcadores"
90	parametros= "datosBuscados"	90	parametros= "datosBuscados"
91	/>	91	/>
92	</div>	92	</div>
93	<div class="row">	93	<div class="row">
94	<div	94	<div
95	class="container col-auto"	95	class="container col-auto"
96	ng-repeat="vehiculo in vehiculos"	96	ng-repeat="vehiculo in vehiculos"
97	ng-click="mostrarDetalleVehiculo(vehiculo)"	97	ng-click="mostrarDetalleVehiculo(vehiculo)"
98	>	98	>
99	<div>	99	<div>
100	<div class="col-md-3 col-sm-6">	100	<div class="col-md-3 col-sm-6">
101	<div class="progress-circle" ng-class="{'arrastrando': arrastrando}">	101	<div class="progress-circle" ng-class="{'arrastrando': arrastrando}">
102	<span class="progress-left">	102	<span class="progress-left">
103	<span class="progress-bar"></span>	103	<span class="progress-bar"></span>
104	</span>	104	</span>
105	<span class="progress-right">	105	<span class="progress-right">
106	<span class="progress-bar"></span>	106	<span class="progress-bar"></span>
107	</span>	107	</span>
108	<div class="progress-value">{{vehiculo.codigo}}</div>	108	<div class="progress-value">{{vehiculo.codigo}}</div>
109	</div>	109	</div>
110	</div>	110	</div>
111	<div class="row ml-2">	111	<div class="row ml-2">
112	<div class="col-3 position-absolute">	112	<div class="col-3 position-absolute">
113	<img	113	<img
114	src="img/hojaRutaVolante.png"	114	src="img/hojaRutaVolante.png"
115	width="100%">	115	width="100%">
116	</div>	116	</div>
117	<div class="col-3"	117	<div class="col-3"
118	uib-tooltip="Cerrar distribuición"	118	uib-tooltip="Cerrar distribuición"
119	ng-click="hacerHojaRuta(vehiculo)"></div>	119	ng-click="hacerHojaRuta(vehiculo, false)"></div>
120	<div class="col-3">	120	<div class="col-3">
121	<i	121	<i
122	class="fa fa-eye fa-2x"	122	class="fa fa-eye fa-2x"
123	uib-tooltip="Ver cisternas"	123	uib-tooltip="Ver cisternas"
124	ng-click="cargar(vehiculo.id, -1)">	124	ng-click="cargar(vehiculo.id, -1)">
125	</i>	125	</i>
126	</div>	126	</div>
127	<div class="col-3 ml-2">	127	<div class="col-3 ml-2">
128	<i	128	<i
129	class="fa fa-trash fa-2x"	129	class="fa fa-trash fa-2x"
130	uib-tooltip="Eliminar vehiculo"	130	uib-tooltip="Eliminar vehiculo"
131	ng-click="quitarVehiculo(vehiculo)"></i>	131	ng-click="quitarVehiculo(vehiculo)"></i>
132	</div>	132	</div>
133	</div>	133	</div>
134	<div	134	<div
135	class="ml-1 border border-dark text-center"	135	class="ml-1 border border-dark text-center"
136	ng-show="arrastrando"	136	ng-show="arrastrando"
137	id="{{vehiculo.id}}"	137	id="{{vehiculo.id}}"
138	ondrop="drop(event)"	138	ondrop="drop(event)"
139	ondragover="allowDrop(event)"	139	ondragover="allowDrop(event)"
140	>Soltar acá</div>	140	>Soltar acá</div>
141	</div>	141	</div>
142	</div>	142	</div>
143	</div>	143	</div>
144	</div>	144	</div>
145	</div>	145	</div>
146		146

src/views/foca-modal-cerrar-vehiculo.html

Diff comments View file @ 88a160b

 <div class="modal-header">
     <h4>Cerrar distribución vehículo</h4>
     <div class="row">
         <div class="col-6 row">
             <label class="col-3 mt-2">Fecha:</label>
             <input
                 type="text"
                 readonly
                 ng-model="now"
                 uib-datepicker-popup="dd/MM/yyyy"
                 show-button-bar="false"
                 is-open="datepickerOpen"
                 on-open-focus="false"
                 class="form-control col-8"/>
         </div>
     </div>
 </div>
 <div class="modal-body">
     <form class="row" name="formHojaRuta">
         <div class="col-2">
             <label>Transportista</label>
         </div>
         <div class="col-4">
             <input
             class="form-control"
             readonly
             ng-value="vehiculo.transportista.COD + ' ' + vehiculo.transportista.NOM"
             >
         </div>
         <div class="col-2 form-group">
             <label>Unidad</label>
         </div>
         <div class="col-4">
             <input
                 class="form-control"
                 readonly
-                ng-model="vehiculo.tractor"
+                ng-model="vehiculo.codigo"
             >
         </div>
     </form>
     <strong>Remitos:</strong>
     <table class="table">
         <thead>
             <tr>
                 <th>Remito Nº</th>
                 <th>Cliente</th>
                 <th>Domicilio de entrega</th>
-                <th>Eliminar</th>
+                <th ng-if="cerrar">Eliminar</th>
             </tr>
         </thead>
         <tbody>
             <tr ng-show="!remitos.length">
                 <td colspan="3">
                     No se han encontrado remitos.
                 </td>
             </tr>
             <tr ng-repeat="remito in remitos">
                 <td ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></td>
                 <td ng-bind="remito.nombreCliente"></td>
                 <td ng-bind="remito.domicilioStamp"></td>
-                <td>
+                <td ng-if="cerrar">
                     <div class="custom-control custom-checkbox">
                         <input
                             type="checkbox"
                             ng-model="remito.checked"
                             class="custom-control-input"
                             id="{{remito.id}}">
                         <label class="custom-control-label" for="{{remito.id}}"></label>
                     </div>
                 </td>
             </tr>
         </tbody>
     </table>
 </div>
 <div class="modal-footer py-1">
     <button
-        class="btn btn-sm btn-danger"
-        type="button"
-        ng-click="eliminarRemitos()"
-        ng-disabled="minimoUnoChecked()">Eliminar</button>
-    <button
         class="btn btn-sm btn-secondary"
         ladda="cargando"
         type="button"
-        ng-click="cancelar()">Cancelar</button>
+        ng-click="cancelar()"
+    >Cancelar</button>
+    <button
+        class="btn btn-sm btn-danger"
+        type="button"
+        ng-click="eliminarRemitos()"
+        ng-disabled="minimoUnoChecked()"
+        ng-if="cerrar"
+    >Eliminar</button>
     <button
         class="btn btn-sm btn-primary"
         ladda="cargando"
         type="button"
         ng-disabled="!formHojaRuta.$valid || !remitos.length"