Commit 6736a9a55323703f45b2ccf4f3c600ca67c9f61f

Authored by Jose Pinto
1 parent ca13fa1e85
Exists in master

errores tipeo

1 angular.module('focaAbmChofer', ['ngRoute', 'focaModal', 'ui.bootstrap']);
1 angular.module('focaAbmChofer', ['ngRoute', 'focaModal', 'ui.bootstrap']);
src/js/controller.js
1 angular.module('focaAbmChofer') 1 angular.module('focaAbmChofer')
2 .controller('focaAbmChoferesController', [ 2 .controller('focaAbmChoferesController', [
3 '$scope', 'focaAbmChoferService', '$location', 'focaModalService', 3 '$scope', 'focaAbmChoferService', '$location', 'focaModalService',
4 function($scope, focaAbmChoferService, $location, focaModalService) { 4 function($scope, focaAbmChoferService, $location, focaModalService) {
5 5
6 $scope.filters = ''; 6 $scope.filters = '';
7 $scope.choferes = []; 7 $scope.choferes = [];
8 $scope.choferesFiltrados = []; 8 $scope.choferesFiltrados = [];
9 9
10 focaAbmChoferService.getChoferes().then(function(datos) { 10 focaAbmChoferService.getChoferes().then(function(datos) {
11 $scope.choferes = datos.data; 11 $scope.choferes = datos.data;
12 $scope.choferesFiltrados = $scope.choferes; 12 $scope.choferesFiltrados = $scope.choferes;
13 }); 13 });
14 14
15 15
16 16
17 $scope.editar = function(id) { 17 $scope.editar = function(id) {
18 $location.path('/chofer/' + id); 18 $location.path('/chofer/' + id);
19 }; 19 };
20 20
21 $scope.solicitarConfirmacion = function(chofer) { 21 $scope.solicitarConfirmacion = function(chofer) {
22 focaModalService.confirm('¿Está seguro que desea borrar el chofer '+ 22 focaModalService.confirm('¿Está seguro que desea borrar el chofer ' +
23 chofer.nombre + ' ?').then( function(confirmed) { 23 chofer.nombre + ' ?').then(function(confirmed) {
24 if(confirmed){ 24 if(confirmed) {
25 focaAbmChoferService.deleteChofer(chofer.id); 25 focaAbmChoferService.deleteChofer(chofer.id);
26 $scope.choferes.splice($scope.choferes.indexOf(chofer), 1); 26 $scope.choferes.splice($scope.choferes.indexOf(chofer), 1);
27 } 27 }
28 }); 28 });
29 }; 29 };
30 30
31 31
32 } 32 }
33 ]) 33 ])
34 .controller('focaAbmChoferController', [ 34 .controller('focaAbmChoferController', [
35 '$scope', 'focaAbmChoferService', '$routeParams', '$location', 35 '$scope', 'focaAbmChoferService', '$routeParams', '$location',
36 function($scope, focaAbmChoferService, $routeParams, $location) { 36 function($scope, focaAbmChoferService, $routeParams, $location) {
37 37
38 $scope.chofer = {}; 38 $scope.chofer = {};
39 $scope.transportistas = []; 39 $scope.transportistas = [];
40 40
41 focaAbmChoferService.getChofer($routeParams.id).then(function(res) { 41 focaAbmChoferService.getChofer($routeParams.id).then(function(res) {
42 if (res.data) $scope.chofer = res.data; 42 if(res.data) $scope.chofer = res.data;
43 }); 43 });
44 44
45 focaAbmChoferService.getTransportistas().then(function(res) { 45 focaAbmChoferService.getTransportistas().then(function(res) {
46 $scope.transportistas = res.data; 46 $scope.transportistas = res.data;
47 }); 47 });
48 48
49 $scope.cancelar = function() { 49 $scope.cancelar = function() {
50 $location.path('/chofer'); 50 $location.path('/chofer');
51 }; 51 };
52 52
53 $scope.guardar = function() { 53 $scope.guardar = function() {
54 $scope.chofer.idTransportista = $scope.chofer.transportista.COD; 54 $scope.chofer.idTransportista = $scope.chofer.transportista.COD;
55 delete $scope.chofer.transportista; 55 delete $scope.chofer.transportista;
56 focaAbmChoferService.guardarChofer($scope.chofer).then(function() { 56 focaAbmChoferService.guardarChofer($scope.chofer).then(function() {
57 $location.path('/chofer'); 57 $location.path('/chofer');
58 }); 58 });
59 }; 59 };
60 60
61 } 61 }
62 ]);
62 ]);
1 angular.module('focaAbmChofer') 1 angular.module('focaAbmChofer')
2 .config([ 2 .config([
3 '$routeProvider', 3 '$routeProvider',
4 function($routeProvider) { 4 function($routeProvider) {
5 $routeProvider.when('/chofer', { 5 $routeProvider.when('/chofer', {
6 controller: 'focaAbmChoferesController', 6 controller: 'focaAbmChoferesController',
7 templateUrl: 'src/views/foca-abm-choferes-listado.html' 7 templateUrl: 'src/views/foca-abm-choferes-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('/chofer/:id', { 14 $routeProvider.when('/chofer/:id', {
15 controller: 'focaAbmChoferController', 15 controller: 'focaAbmChoferController',
16 templateUrl: 'src/views/foca-abm-choferes-item.html' 16 templateUrl: 'src/views/foca-abm-choferes-item.html'
17 }); 17 });
18 } 18 }
19 ]);
19 ]);
src/views/foca-abm-choferes-item.html
1 <h4 class="pt-4">Chofer</h4> 1 <h4 class="pt-4">Chofer</h4>
2 <form name="formChofer"> 2 <form name="formChofer">
3 <input type="hidden" name="id" ng-model="chofer.id" /> 3 <input type="hidden" name="id" ng-model="chofer.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"> 6 <div class="col-sm-4">
7 <select class="form-control" ng-model="chofer.transportista" 7 <select class="form-control" ng-model="chofer.transportista"
8 ng-options="transportista as transportista.NOM for transportista in transportistas" 8 ng-options="transportista as transportista.NOM for transportista in transportistas"
9 > 9 >
10 </select> 10 </select>
11 </div> 11 </div>
12 </div> 12 </div>
13 <div class="form-group row"> 13 <div class="form-group row">
14 <label class="offset-sm-1 col-sm-2 col-form-label">Nombre</label> 14 <label class="offset-sm-1 col-sm-2 col-form-label">Nombre</label>
15 <div class="col-sm-4"> 15 <div class="col-sm-4">
16 <input 16 <input
17 class="form-control" 17 class="form-control"
18 type="text" 18 type="text"
19 teclado-virtual 19 teclado-virtual
20 ng-model="chofer.nombre" 20 ng-model="chofer.nombre"
21 ng-required="true" 21 ng-required="true"
22 /> 22 />
23 </div> 23 </div>
24 </div> 24 </div>
25 <div class="form-group row"> 25 <div class="form-group row">
26 <label class="offset-sm-1 col-sm-2 col-form-label">DNI</label> 26 <label class="offset-sm-1 col-sm-2 col-form-label">DNI</label>
27 <div class="col-sm-4"> 27 <div class="col-sm-4">
28 <input 28 <input
29 class="form-control" 29 class="form-control"
30 type="text" 30 type="text"
31 teclado-virtual 31 teclado-virtual
32 ng-model="chofer.dni" 32 ng-model="chofer.dni"
33 ng-required="true" 33 ng-required="true"
34 /> 34 />
35 </div> 35 </div>
36 </div> 36 </div>
37 <div class="form-group row"> 37 <div class="form-group row">
38 <label class="offset-sm-1 col-sm-2 col-form-label">Teléfono</label> 38 <label class="offset-sm-1 col-sm-2 col-form-label">Teléfono</label>
39 <div class="col-sm-4"> 39 <div class="col-sm-4">
40 <input 40 <input
41 class="form-control" 41 class="form-control"
42 type="text" 42 type="text"
43 teclado-virtual 43 teclado-virtual
44 ng-model="chofer.telefono" 44 ng-model="chofer.telefono"
45 ng-required="true" 45 ng-required="true"
46 /> 46 />
47 </div> 47 </div>
48 </div> 48 </div>
49 <div class="form-group row"> 49 <div class="form-group row">
50 <div class="col-sm-7 text-right"> 50 <div class="col-sm-7 text-right">
51 <button 51 <button
52 class="btn btn-primary" 52 class="btn btn-primary"
53 ng-click="guardar()" 53 ng-click="guardar()"
54 ng-disabled="!formChofer.$valid" 54 ng-disabled="!formChofer.$valid"
55 >Guardar</button> 55 >Guardar</button>
56 <button class="btn btn-default" ng-click="cancelar()">Cancelar</button> 56 <button class="btn btn-default" ng-click="cancelar()">Cancelar</button>
57 </div> 57 </div>
58 </div> 58 </div>
59 </form>
59 </form>
src/views/foca-abm-choferes-listado.html
1 <div class="col-12 pt-4"> 1 <div class="col-12 pt-4">
2 <h4>Choferes</h4> 2 <h4>Choferes</h4>
3 <div class="form-group"> 3 <div class="form-group">
4 <input 4 <input
5 type="text" 5 type="text"
6 class="form-control form-control-sm" 6 class="form-control form-control-sm"
7 placeholder="Búsqueda" 7 placeholder="Búsqueda"
8 ng-model="filtros" 8 ng-model="filtros"
9 teclado-virtual 9 teclado-virtual
10 /> 10 />
11 </div> 11 </div>
12 <table class="table table-sm table-striped table-dark"> 12 <table class="table table-sm table-striped table-dark">
13 <thead> 13 <thead>
14 <tr> 14 <tr>
15 <th>Código</th> 15 <th>Código</th>
16 <th>Nombre</th> 16 <th>Nombre</th>
17 <th>DNI</th> 17 <th>DNI</th>
18 <th>Teléfono</th> 18 <th>Teléfono</th>
19 <th>Transportista</th> 19 <th>Transportista</th>
20 <th class="text-center"> 20 <th class="text-center">
21 <button class="btn btn-default boton-accion" ng-click="editar(0)"> 21 <button class="btn btn-default boton-accion" ng-click="editar(0)">
22 <i class="fa fa-plus"></i> 22 <i class="fa fa-plus"></i>
23 </button> 23 </button>
24 </th> 24 </th>
25 </tr> 25 </tr>
26 </thead> 26 </thead>
27 <tbody> 27 <tbody>
28 <tr ng-repeat="chofer in choferesFiltrados | filter:filtros"> 28 <tr ng-repeat="chofer in choferesFiltrados | filter:filtros">
29 <td ng-bind="chofer.id"></td> 29 <td ng-bind="chofer.id"></td>
30 <td ng-bind="chofer.nombre"></td> 30 <td ng-bind="chofer.nombre"></td>
31 <td ng-bind="chofer.dni"></td> 31 <td ng-bind="chofer.dni"></td>
32 <td ng-bind="chofer.telefono"></td> 32 <td ng-bind="chofer.telefono"></td>
33 <td ng-bind="chofer.transportista.NOM || 'No tiene'"></td> 33 <td ng-bind="chofer.transportista.NOM || 'No tiene'"></td>
34 <td class="text-center"> 34 <td class="text-center">
35 <button 35 <button
36 class="btn btn-default boton-accion" 36 class="btn btn-default boton-accion"
37 ng-click="editar(chofer.id)" 37 ng-click="editar(chofer.id)"
38 > 38 >
39 <i class="fa fa-pencil"></i> 39 <i class="fa fa-pencil"></i>
40 </button> 40 </button>
41 <button 41 <button
42 class="btn btn-default boton-accion" 42 class="btn btn-default boton-accion"
43 ng-click="solicitarConfirmacion(chofer)" 43 ng-click="solicitarConfirmacion(chofer)"
44 > 44 >
45 <i class="fa fa-trash"></i> 45 <i class="fa fa-trash"></i>
46 </button> 46 </button>
47 </td> 47 </td>
48 </tr> 48 </tr>
49 </body> 49 </body>
50 </table> 50 </table>
51 <a href="#!/" title="Salir" 51 <a href="#!/" title="Salir"
52 class="btn btn-secondary btn-block float-right col-md-2" 52 class="btn btn-secondary btn-block float-right col-md-2"
53 > 53 >
54 Salir 54 Salir
55 </a> 55 </a>
56 </div>
56 </div>