Marcelo Puebla / foca-abm-vehiculo

Download as
Browse Code »

Commit 608a057800deb086b117a066cf6c74a3085c6cee

Authored by Eric Fernandez
1 parent fd7984733c
Exists in master and in 1 other branch develop

refactor vehiculos

Showing 5 changed files with 34 additions and 10 deletions   Show diff stats
src/js/controller.js
Diff comments   View file @ 608a057
1 angular.module('focaAbmVehiculo') 1 angular.module('focaAbmVehiculo')
2 .controller('focaAbmVehiculosController', [ 2 .controller('focaAbmVehiculosController', [
3 '$scope', 'focaAbmVehiculoService', '$location', 'focaModalService', '$uibModal', 3 '$scope', 'focaAbmVehiculoService', '$location', 'focaModalService', '$uibModal',
4 function($scope, focaAbmVehiculoService, $location, focaModalService, $uibModal) { 4 function($scope, focaAbmVehiculoService, $location, focaModalService, $uibModal) {
5 $scope.buscar = function(idTransportista) { 5 $scope.buscar = function(idTransportista) {
6 focaAbmVehiculoService 6 focaAbmVehiculoService
7 .getVehiculosPorTransportista(idTransportista) 7 .getVehiculosPorTransportista(idTransportista)
8 .then(function(datos) { 8 .then(function(datos) {
9 $scope.vehiculos = datos.data; 9 $scope.vehiculos = datos.data;
10 }); 10 });
11 }; 11 };
12 $scope.editar = function(id) { 12 $scope.editar = function(id) {
13 $location.path('/vehiculo/' + id); 13 $location.path('/vehiculo/' + id + '/' + $scope.idTransportista);
14 }; 14 };
15 $scope.solicitarConfirmacion = function(vehiculo) { 15 $scope.solicitarConfirmacion = function(vehiculo) {
16 focaModalService.confirm('¿Está seguro que desea borrar el vehiculo ' + 16 focaModalService.confirm('¿Está seguro que desea borrar el vehiculo ' +
17 vehiculo.id + ' ' + vehiculo.tractor + ' ?').then( 17 vehiculo.id + ' ' + vehiculo.tractor + ' ?').then(
18 function(data) { 18 function(data) {
19 if(data) { 19 if(data) {
20 focaAbmVehiculoService.deleteVehiculo(vehiculo.id); 20 focaAbmVehiculoService.deleteVehiculo(vehiculo.id);
21 $scope.vehiculos.splice($scope.vehiculos.indexOf(vehiculo), 1); 21 $scope.vehiculos.splice($scope.vehiculos.indexOf(vehiculo), 1);
22 } 22 }
23 } 23 }
24 ); 24 );
25 }; 25 };
26 $scope.seleccionarTransportista = function() { 26 $scope.seleccionarTransportista = function() {
27 var modalInstance = $uibModal.open( 27 var modalInstance = $uibModal.open(
28 { 28 {
29 ariaLabelledBy: 'Busqueda de Transportista', 29 ariaLabelledBy: 'Busqueda de Transportista',
30 templateUrl: 'modal-proveedor.html', 30 templateUrl: 'modal-proveedor.html',
31 controller: 'focaModalProveedorCtrl', 31 controller: 'focaModalProveedorCtrl',
32 size: 'lg', 32 size: 'lg',
33 resolve: { 33 resolve: {
34 transportista: function() { 34 transportista: function() {
35 return true; 35 return true;
36 } 36 }
37 } 37 }
38 } 38 }
39 ); 39 );
40 modalInstance.result.then( 40 modalInstance.result.then(
41 function(transprotista) { 41 function(transprotista) {
42 $scope.buscar(transprotista.COD); 42 $scope.idTransportista = transprotista.COD;
43 $scope.filtros = transprotista.NOM.trim(); 43 $scope.filtros = transprotista.NOM.trim();
44 $scope.buscar(transprotista.COD);
44 }, function() { 45 }, function() {
45 46
46 } 47 }
47 ); 48 );
48 }; 49 };
49 } 50 }
50 ]) 51 ])
51 .controller('focaAbmVehiculoController', [ 52 .controller('focaAbmVehiculoController', [
52 '$scope', 'focaAbmVehiculoService', '$routeParams', '$location', '$uibModal', 53 '$scope', 'focaAbmVehiculoService', '$routeParams', '$location', '$uibModal',
53 'focaModalService', 54 'focaModalService',
54 function($scope, focaAbmVehiculoService, $routeParams, $location, $uibModal, 55 function($scope, focaAbmVehiculoService, $routeParams, $location, $uibModal,
55 focaModalService) { 56 focaModalService) {
56 $scope.nuevo = $routeParams.idVehiculo == 0 ? true : false; 57 $scope.nuevo = $routeParams.idVehiculo == 0 ? true : false;
58 if($scope.nuevo) {
59 focaAbmVehiculoService
60 .getTransportistaPorId($routeParams.idTransportista)
61 .then(function(res) {
62 console.log(res.data);
63 $scope.vehiculo.transportista = res.data;
64 })
65 }
57 $scope.vehiculo = {}; 66 $scope.vehiculo = {};
58 focaAbmVehiculoService.getVehiculo($routeParams.idVehiculo).then(function(res) { 67 focaAbmVehiculoService.getVehiculo($routeParams.idVehiculo).then(function(res) {
59 if(res.data) $scope.vehiculo = res.data; 68 if(res.data) $scope.vehiculo = res.data;
60 }); 69 });
61 focaAbmVehiculoService.getCisternadoPorVehiculo($routeParams.idVehiculo) 70 focaAbmVehiculoService.getCisternadoPorVehiculo($routeParams.idVehiculo)
62 .then(function(res) { 71 .then(function(res) {
63 $scope.cisternas = res.data; 72 $scope.cisternas = res.data;
64 }); 73 });
65 $scope.cancelar = function() { 74 $scope.cancelar = function() {
66 $location.path('/vehiculo'); 75 $location.path('/vehiculo');
67 }; 76 };
68 $scope.editar = function(id) { 77 $scope.editar = function(id) {
69 $location.path('/vehiculo/' + $routeParams.idVehiculo + '/cisterna/' + id); 78 $location.path('/vehiculo/' + $routeParams.idVehiculo + '/cisterna/' + id);
70 }; 79 };
71 $scope.guardar = function() { 80 $scope.guardar = function() {
72 if(!$scope.vehiculo.transportista){ 81 if(!$scope.vehiculo.transportista){
73 focaModalService.alert('Elija Transportista'); 82 focaModalService.alert('Elija Transportista');
74 return; 83 return;
75 } 84 }
76 delete $scope.vehiculo.transportista; 85 delete $scope.vehiculo.transportista;
77 focaAbmVehiculoService.guerdarVehiculo($scope.vehiculo).then(function(res) { 86 focaAbmVehiculoService.guerdarVehiculo($scope.vehiculo).then(function(res) {
78 $location.path('/vehiculo/' + res.data.id); 87 $location.path('/vehiculo/' + res.data.id);
79 }); 88 });
80 }; 89 };
81 $scope.solicitarConfirmacionCisterna = function(cisterna) { 90 $scope.solicitarConfirmacionCisterna = function(cisterna) {
82 focaModalService.confirm('¿Está seguro que desea borrar la cisterna ' + 91 focaModalService.confirm('¿Está seguro que desea borrar la cisterna ' +
83 cisterna.id + ' ' + cisterna.codigo + ' ?').then( 92 cisterna.id + ' ' + cisterna.codigo + ' ?').then(
84 function(data) { 93 function(data) {
85 if(data) { 94 if(data) {
86 focaAbmVehiculoService.deleteCisterna(cisterna.id); 95 focaAbmVehiculoService.deleteCisterna(cisterna.id);
87 $scope.cisternas.splice($scope.cisternas.indexOf(cisterna), 1); 96 $scope.cisternas.splice($scope.cisternas.indexOf(cisterna), 1);
88 } 97 }
89 } 98 }
90 ); 99 );
91 }; 100 };
92 $scope.seleccionarTransportista = function() { 101 $scope.seleccionarTransportista = function() {
93 var modalInstance = $uibModal.open( 102 var modalInstance = $uibModal.open(
94 { 103 {
95 ariaLabelledBy: 'Busqueda de Transportista', 104 ariaLabelledBy: 'Busqueda de Transportista',
96 templateUrl: 'modal-proveedor.html', 105 templateUrl: 'modal-proveedor.html',
97 controller: 'focaModalProveedorCtrl', 106 controller: 'focaModalProveedorCtrl',
98 size: 'lg', 107 size: 'lg',
99 resolve: { 108 resolve: {
100 transportista: function() { 109 transportista: function() {
101 return true; 110 return true;
102 } 111 }
103 } 112 }
104 } 113 }
105 ); 114 );
106 modalInstance.result.then( 115 modalInstance.result.then(
107 function(transprotista) { 116 function(transprotista) {
108 $scope.vehiculo.idTransportista = transprotista.COD; 117 $scope.vehiculo.idTransportista = transprotista.COD;
109 $scope.vehiculo.transportista = transprotista; 118 $scope.vehiculo.transportista = transprotista;
110 }, function() { 119 }, function() {
111 120
112 } 121 }
113 ); 122 );
114 }; 123 };
115 } 124 }
116 ]); 125 ]);
117 126
1 angular.module('focaAbmVehiculo') 1 angular.module('focaAbmVehiculo')
2 .config([ 2 .config([
3 '$routeProvider', 3 '$routeProvider',
4 function($routeProvider) { 4 function($routeProvider) {
5 $routeProvider.when('/vehiculo', { 5 $routeProvider.when('/vehiculo', {
6 controller: 'focaAbmVehiculosController', 6 controller: 'focaAbmVehiculosController',
7 templateUrl: 'src/views/foca-abm-vehiculos-listado.html' 7 templateUrl: 'src/views/foca-abm-vehiculos-listado.html'
8 }); 8 });
9 } 9 }
10 ]) 10 ])
11 .config([ 11 .config([
12 '$routeProvider', 12 '$routeProvider',
13 function($routeProvider) { 13 function($routeProvider) {
14 $routeProvider.when('/vehiculo/:idVehiculo', { 14 $routeProvider.when('/vehiculo/:idVehiculo/:idTransportista', {
15 controller: 'focaAbmVehiculoController', 15 controller: 'focaAbmVehiculoController',
16 templateUrl: 'src/views/foca-abm-vehiculos-item.html' 16 templateUrl: 'src/views/foca-abm-vehiculos-item.html'
17 }); 17 });
18 } 18 }
19 ]) 19 ])
20 .config([ 20 .config([
21 '$routeProvider', 21 '$routeProvider',
22 function($routeProvider) { 22 function($routeProvider) {
23 $routeProvider.when('/vehiculo/:idVehiculo/cisterna/:id', { 23 $routeProvider.when('/vehiculo/:idVehiculo/cisterna/:id', {
24 controller: 'focaAbmVehiculoCisternaController', 24 controller: 'focaAbmVehiculoCisternaController',
25 templateUrl: 'src/views/foca-abm-cisterna-item.html' 25 templateUrl: 'src/views/foca-abm-cisterna-item.html'
26 }); 26 });
27 } 27 }
28 ]); 28 ]);
29 29
1 angular.module('focaAbmVehiculo') 1 angular.module('focaAbmVehiculo')
2 .factory('focaAbmVehiculoService', ['$http', 'API_ENDPOINT', function($http, API_ENDPOINT) { 2 .factory('focaAbmVehiculoService', ['$http', 'API_ENDPOINT', function($http, API_ENDPOINT) {
3 return { 3 return {
4 getVehiculos: function() { 4 getVehiculos: function() {
5 return $http.get(API_ENDPOINT.URL + '/vehiculo'); 5 return $http.get(API_ENDPOINT.URL + '/vehiculo');
6 }, 6 },
7 getVehiculo: function(id) { 7 getVehiculo: function(id) {
8 return $http.get(API_ENDPOINT.URL + '/vehiculo/' + id); 8 return $http.get(API_ENDPOINT.URL + '/vehiculo/' + id);
9 }, 9 },
10 getTransportistas: function() { 10 getTransportistas: function() {
11 return $http.get(API_ENDPOINT.URL + '/transportista'); 11 return $http.get(API_ENDPOINT.URL + '/transportista');
12 }, 12 },
13 guerdarVehiculo: function(vehiculo) { 13 guerdarVehiculo: function(vehiculo) {
14 return $http.post(API_ENDPOINT.URL + '/vehiculo', {vehiculo: vehiculo}); 14 return $http.post(API_ENDPOINT.URL + '/vehiculo', {vehiculo: vehiculo});
15 }, 15 },
16 deleteVehiculo: function(id) { 16 deleteVehiculo: function(id) {
17 return $http.delete(API_ENDPOINT.URL + '/vehiculo/' + id); 17 return $http.delete(API_ENDPOINT.URL + '/vehiculo/' + id);
18 }, 18 },
19 getCisternadoPorVehiculo: function(idVehiculo) { 19 getCisternadoPorVehiculo: function(idVehiculo) {
20 return $http.get(API_ENDPOINT.URL + '/cisterna/listar/vehiculo/' + idVehiculo); 20 return $http.get(API_ENDPOINT.URL + '/cisterna/listar/vehiculo/' + idVehiculo);
21 }, 21 },
22 getCisterna: function(id) { 22 getCisterna: function(id) {
23 return $http.get(API_ENDPOINT.URL + '/cisterna/' + id); 23 return $http.get(API_ENDPOINT.URL + '/cisterna/' + id);
24 }, 24 },
25 guardarCisterna: function(cisterna) { 25 guardarCisterna: function(cisterna) {
26 return $http.post(API_ENDPOINT.URL + '/cisterna/guardar', {cisterna: cisterna}); 26 return $http.post(API_ENDPOINT.URL + '/cisterna/guardar', {cisterna: cisterna});
27 }, 27 },
28 deleteCisterna: function(id) { 28 deleteCisterna: function(id) {
29 return $http.delete(API_ENDPOINT.URL + '/cisterna/borrar/' + id); 29 return $http.delete(API_ENDPOINT.URL + '/cisterna/borrar/' + id);
30 }, 30 },
31 getVehiculosPorTransportista: function(id) { 31 getVehiculosPorTransportista: function(id) {
32 return $http.get(API_ENDPOINT.URL + '/vehiculo/transportista/' + id); 32 return $http.get(API_ENDPOINT.URL + '/vehiculo/transportista/' + id);
33 },
34 getTransportistaPorId: function(id) {
35 return $http.get(API_ENDPOINT.URL + '/transportista/' + id);
33 } 36 }
34 }; 37 };
35 }]); 38 }]);
36 39
src/views/foca-abm-vehiculos-item.html
Diff comments   View file @ 608a057
1 <h4>Vehiculo</h4> 1 <h4>Vehiculo</h4>
2 <form name="formVehiculo"> 2 <form name="formVehiculo">
3 <input type="hidden" name="id" ng-model="sector.id" /> 3 <input type="hidden" name="id" ng-model="sector.id" />
4 <div class="form-group row"> 4 <div class="form-group row">
5 <label class="offset-sm-1 col-sm-2 col-form-label">Transportista</label> 5 <label class="offset-sm-1 col-sm-2 col-form-label">Transportista</label>
6 <div class="col-sm-4 input-group"> 6 <div class="col-sm-4 input-group">
7 <input 7 <input
8 class="form-control" 8 class="form-control"
9 type="text" 9 type="text"
10 ng-model="vehiculo.transportista.NOM" 10 ng-model="vehiculo.transportista.NOM"
11 readonly 11 readonly
12 /> 12 />
13 <div class="input-group-append"> 13 <!-- <div class="input-group-append">
14 <button 14 <button
15 class="btn btn-outline-secondary form-control" 15 class="btn btn-outline-secondary form-control"
16 type="button" 16 type="button"
17 ng-click="seleccionarTransportista()"> 17 ng-click="seleccionarTransportista()">
18 <i class="fa fa-search" aria-hidden="true"></i> 18 <i class="fa fa-search" aria-hidden="true"></i>
19 </button> 19 </button>
20 </div> 20 </div> -->
21 </div> 21 </div>
22 </div> 22 </div>
23 <div class="form-group row"> 23 <div class="form-group row">
24 <label class="offset-sm-1 col-sm-2 col-form-label">Código</label> 24 <label class="offset-sm-1 col-sm-2 col-form-label">Código</label>
25 <div class="col-sm-4"> 25 <div class="col-sm-4">
26 <input 26 <input
27 class="form-control" 27 class="form-control"
28 type="text" 28 type="text"
29 teclado-virtual 29 teclado-virtual
30 ng-model="vehiculo.codigo" 30 ng-model="vehiculo.codigo"
31 /> 31 />
32 </div> 32 </div>
33 </div> 33 </div>
34 <div class="form-group row"> 34 <div class="form-group row">
35 <label class="offset-sm-1 col-sm-2 col-form-label">Tractor</label> 35 <label class="offset-sm-1 col-sm-2 col-form-label">Dominio tractor</label>
36 <div class="col-sm-4"> 36 <div class="col-sm-4">
37 <input 37 <input
38 class="form-control" 38 class="form-control"
39 type="text" 39 type="text"
40 teclado-virtual 40 teclado-virtual
41 ng-model="vehiculo.tractor" 41 ng-model="vehiculo.tractor"
42 ng-required="true" 42 ng-required="true"
43 /> 43 />
44 </div> 44 </div>
45 </div> 45 </div>
46 <div class="form-group row"> 46 <div class="form-group row">
47 <label class="offset-sm-1 col-sm-2 col-form-label">Semi</label> 47 <label class="offset-sm-1 col-sm-2 col-form-label">Dominio semi</label>
48 <div class="col-sm-4"> 48 <div class="col-sm-4">
49 <input 49 <input
50 class="form-control" 50 class="form-control"
51 type="text" 51 type="text"
52 teclado-virtual 52 teclado-virtual
53 ng-model="vehiculo.semi" 53 ng-model="vehiculo.semi"
54 ng-required="true" 54 ng-required="true"
55 /> 55 />
56 </div> 56 </div>
57 </div> 57 </div>
58 <div class="form-group row"> 58 <div class="form-group row">
59 <label class="offset-sm-1 col-sm-2 col-form-label">Capacidad</label> 59 <label class="offset-sm-1 col-sm-2 col-form-label">Capacidad</label>
60 <div class="col-sm-4"> 60 <div class="col-sm-4">
61 <input 61 <input
62 class="form-control" 62 class="form-control"
63 type="text" 63 type="text"
64 teclado-virtual 64 teclado-virtual
65 ng-model="vehiculo.capacidad" 65 ng-model="vehiculo.capacidad"
66 ng-required="true" 66 ng-required="true"
67 /> 67 />
68 </div> 68 </div>
69 </div> 69 </div>
70 <div class="form-group row"> 70 <div class="form-group row">
71 <div class="col-sm-7 text-right"> 71 <div class="col-sm-7 text-right">
72 <button 72 <button
73 class="btn btn-primary" 73 class="btn btn-primary"
74 ng-click="guardar()" 74 ng-click="guardar()"
75 ng-disabled="!formVehiculo.$valid" 75 ng-disabled="!formVehiculo.$valid"
76 >Guardar</button> 76 >Guardar</button>
77 <button class="btn btn-default" ng-click="cancelar()">Cancelar</button> 77 <button class="btn btn-default" ng-click="cancelar()">Cancelar</button>
78 </div> 78 </div>
79 </div> 79 </div>
80 </form> 80 </form>
81 <div class="col-12" ng-show="!nuevo"> 81 <div class="col-12" ng-show="!nuevo">
82 <h4>Cisternas</h4> 82 <h4>Cisternas</h4>
83 <table class="table table-sm table-striped table-dark"> 83 <table class="table table-sm table-striped table-dark">
84 <thead> 84 <thead>
85 <tr> 85 <tr>
86 <th>Código</th> 86 <th>Código</th>
87 <th>Unidad de Medida</th> 87 <th>Unidad de Medida</th>
88 <th>Capacidad</th> 88 <th>Capacidad</th>
89 <th>Carga</th> 89 <th>Carga</th>
90 <th class="text-center"> 90 <th class="text-center">
91 <button class="btn btn-default boton-accion" ng-click="editar(0)"> 91 <button class="btn btn-default boton-accion" ng-click="editar(0)">
92 <i class="fa fa-plus"></i> 92 <i class="fa fa-plus"></i>
93 </button> 93 </button>
94 </th> 94 </th>
95 </tr> 95 </tr>
96 </thead> 96 </thead>
97 <tbody> 97 <tbody>
98 <tr ng-repeat="cisterna in cisternas | filter:filtros"> 98 <tr ng-repeat="cisterna in cisternas | filter:filtros">
99 <td ng-bind="cisterna.id"></td> 99 <td ng-bind="cisterna.id"></td>
100 <td ng-bind="cisterna.unidadMedida.NOM"></td> 100 <td ng-bind="cisterna.unidadMedida.NOM"></td>
101 <td ng-bind="cisterna.capacidad"></td> 101 <td ng-bind="cisterna.capacidad"></td>
102 <td ng-bind="cisterna.cisternaCarga.cantidad || 0"></td> 102 <td ng-bind="cisterna.cisternaCarga.cantidad || 0"></td>
103 <td class="text-center"> 103 <td class="text-center">
104 <button 104 <button
105 class="btn btn-default boton-accion" 105 class="btn btn-default boton-accion"
106 ng-click="editar(cisterna.id)" 106 ng-click="editar(cisterna.id)"
107 > 107 >
108 <i class="fa fa-pencil"></i> 108 <i class="fa fa-pencil"></i>
109 </button> 109 </button>
110 <button 110 <button
111 class="btn btn-default boton-accion" 111 class="btn btn-default boton-accion"
112 ng-click="solicitarConfirmacionCisterna(cisterna)" 112 ng-click="solicitarConfirmacionCisterna(cisterna)"
113 > 113 >
114 <i class="fa fa-trash"></i> 114 <i class="fa fa-trash"></i>
115 </button> 115 </button>
116 </td> 116 </td>
117 </tr> 117 </tr>
118 </body> 118 </body>
119 </table> 119 </table>
120 </div> 120 </div>
121 121
src/views/foca-abm-vehiculos-listado.html
Diff comments   View file @ 608a057
1 <div class="col-12"> 1 <div class="col-12">
2 <h4>Vehiculos</h4> 2 <h4>Vehiculos</h4>
3 <div class="col-4 form-group input-group"> 3 <div class="col-4 form-group input-group">
4 <input 4 <input
5 class="form-control form-control-sm" 5 class="form-control form-control-sm"
6 ng-model="filtros" 6 ng-model="filtros"
7 placeholder="Transportista" 7 placeholder="Transportista"
8 /> 8 />
9 <div class="input-group-append"> 9 <div class="input-group-append">
10 <button 10 <button
11 class="btn btn-outline-secondary form-control-sm" 11 class="btn btn-outline-secondary form-control-sm"
12 ng-click="seleccionarTransportista()" 12 ng-click="seleccionarTransportista()"
13 ><i class="fa fa-search" aria-hidden="true"></i></button> 13 ><i class="fa fa-search" aria-hidden="true"></i></button>
14 </div> 14 </div>
15 </div> 15 </div>
16 <!-- <div class="col-6 form-group"> 16 <!-- <div class="col-6 form-group">
17 <input 17 <input
18 type="text" 18 type="text"
19 teclado-virtual 19 teclado-virtual
20 class="form-control form-control-sm" 20 class="form-control form-control-sm"
21 placeholder="Búsqueda" 21 placeholder="Búsqueda"
22 ng-model="filtros" 22 ng-model="filtros"
23 /> 23 />
24 </div> --> 24 </div> -->
25 <table class="table table-sm table-striped table-dark"> 25 <table class="table table-sm table-striped table-dark">
26 <thead> 26 <thead>
27 <tr> 27 <tr>
28 <th>Código</th> 28 <th>Código</th>
29 <th>Tractor</th> 29 <th>Tractor</th>
30 <th>Semi</th>
30 <th>Capacidad</th> 31 <th>Capacidad</th>
32 <th>Cisternado</th>
31 <th class="text-center"> 33 <th class="text-center">
32 <button class="btn btn-default boton-accion" ng-click="editar(0)"> 34 <button
33 <i class="fa fa-plus"></i> 35 ng-disabled="!idTransportista"
36 class="btn btn-default boton-accion"
37 ng-click="editar(0)"
38 ><i class="fa fa-plus"></i>
34 </button> 39 </button>
35 </th> 40 </th>
36 </tr> 41 </tr>
37 </thead> 42 </thead>
38 <tbody> 43 <tbody>
39 <tr ng-repeat="vehiculo in vehiculos | filter:filtros"> 44 <tr ng-repeat="vehiculo in vehiculos | filter:filtros">
40 <td ng-bind="vehiculo.id"></td> 45 <td ng-bind="vehiculo.id"></td>
41 <td ng-bind="vehiculo.tractor"></td> 46 <td ng-bind="vehiculo.tractor"></td>
47 <td ng-bind="vehiculo.semi"></td>
42 <td ng-bind="vehiculo.capacidad"></td> 48 <td ng-bind="vehiculo.capacidad"></td>
49 <td ng-bind="vehiculo.cisternado"></td>
43 <td class="text-center"> 50 <td class="text-center">
44 <button 51 <button
45 class="btn btn-default boton-accion" 52 class="btn btn-default boton-accion"
46 ng-click="editar(vehiculo.id)" 53 ng-click="editar(vehiculo.id)"
47 > 54 >
48 <i class="fa fa-pencil"></i> 55 <i class="fa fa-pencil"></i>
49 </button> 56 </button>
50 <button 57 <button
51 class="btn btn-default boton-accion" 58 class="btn btn-default boton-accion"
52 ng-click="solicitarConfirmacion(vehiculo)" 59 ng-click="solicitarConfirmacion(vehiculo)"
53 > 60 >
54 <i class="fa fa-trash"></i> 61 <i class="fa fa-trash"></i>
55 </button> 62 </button>
56 </td> 63 </td>
57 </tr> 64 </tr>
58 </body> 65 </body>
59 </table> 66 </table>
67 <a href="#!/" title="Salir"
68 class="btn btn-secondary btn-block float-right col-md-2"
69 >
70 Salir
71 </a>
60 </div> 72 </div>
61 73