Marcelo Puebla / foca-crear-hoja-ruta

Download as
Browse Code »

Commit 6132649b3227ab89a9ddc2cb431314524b661fe6

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

paso modal a el mismo módulo

Showing 2 changed files with 155 additions and 0 deletions   Show diff stats
src/js/controllerDatosHojaRuta.js
Diff comments   View file @ 6132649
File was created 1 angular.module('focaCrearHojaRuta')
2 .controller('focaModalDatosHojaRutaCtrl',
3 [
4 '$filter',
5 '$scope',
6 '$uibModalInstance',
7 'focaModalService',
8 'parametrosDatos',
9 function($filter, $scope, $uibModalInstance, focaModalService, parametrosDatos) {
10 $scope.datosHojaRuta = parametrosDatos.datosHojaRuta;
11 $scope.focused = 0;
12
13 $scope.aceptar = function(key) {
14 if(key === 13) {
15 if(!$scope.formDatosHojaRuta.$valid) {
16 focaModalService.alert('Formulario inválido');
17 return;
18 }
19 $uibModalInstance.close($scope.datosHojaRuta);
20 }
21 };
22
23 $scope.next = function(key) {
24 if(key === 13) $scope.focused++;
25 };
26
27 $scope.cancel = function() {
28 $uibModalInstance.dismiss('cancel');
29 };
30 }
31 ]
32 );
33
src/views/foca-modal-datos-hoja-ruta.html
Diff comments   View file @ 6132649
File was created 1 <div class="modal-header">
2 <h3 class="modal-title">Datos de la hoja de ruta</h3>
3 </div>
4 <div class="modal-body" id="modal-body">
5 <form name="formDatosHojaRuta">
6 <div class="row">
7 <div class="col-4">
8 <label class="form-control-sm">Kilómetros iniciales del vehículo:</label>
9 </div>
10 <div class="col-2 px-0">
11 <input
12 foca-tipo-input
13 foca-focus="focused === 0"
14 ng-focus="focused = 0"
15 teclado-virtual
16 class="form-control form-control-sm"
17 placeholder="Kilómetros iniciales"
18 ng-model="datosHojaRuta.kmInicialVehiculo"
19 ng-required="true"
20 ng-keypress="next($event.keyCode)"
21 />
22 </div>
23 <div class="col-4">
24 <label class="form-control-sm">Aforador inicial del vehículo:</label>
25 </div>
26 <div class="col-2 pl-0">
27 <input
28 foca-tipo-input
29 teclado-virtual
30 foca-focus="focused === 1"
31 ng-focus="focused = 1"
32 class="form-control form-control-sm"
33 placeholder="Aforador inicial"
34 ng-model="datosHojaRuta.aforadorInicialVehiculo"
35 ng-required="true"
36 ng-keypress="next($event.keyCode)"/>
37 </div>
38 <div class="col-4 pr-0">
39 <label class="form-control-sm">Cantidad de descarga por gravedad:</label>
40 </div>
41 <div class="col-2 px-0">
42 <input
43 foca-tipo-input
44 teclado-virtual
45 foca-focus="focused === 2"
46 ng-focus="focused = 2"
47 class="form-control form-control-sm"
48 placeholder="Cantidad de descarga por gravedad"
49 ng-model="datosHojaRuta.cantidadDescargaPorGravedad"
50 ng-required="true"
51 ng-keypress="next($event.keyCode)"/>
52 </div>
53 <div class="col-4">
54 <label class="form-control-sm">Litros cargados para movilidad:</label>
55 </div>
56 <div class="col-2 pl-0">
57 <input
58 foca-tipo-input
59 teclado-virtual
60 foca-focus="focused === 3"
61 ng-focus="focused = 3"
62 class="form-control form-control-sm"
63 placeholder="Litros de combustible carga el camión para su movilidad"
64 ng-model="datosHojaRuta.litrosDescargadosPorGravedad"
65 ng-required="true"
66 ng-keypress="next($event.keyCode)"/>
67 </div>
68 <div class="col-2">
69 <label class="form-control-sm">Precinto uno:</label>
70 </div>
71 <div class="col-2 px-0">
72 <input
73 type="text"
74 teclado-virtual
75 foca-focus="focused === 4"
76 ng-focus="focused = 4"
77 class="form-control form-control-sm"
78 placeholder="Precinto boca uno"
79 ng-model="datosHojaRuta.precintoBocaUno"
80 ng-required="true"
81 ng-keypress="next($event.keyCode)"/>
82 </div>
83 <div class="col-2">
84 <label class="form-control-sm">Precinto dos:</label>
85 </div>
86 <div class="col-2 px-0">
87 <input
88 type="text"
89 teclado-virtual
90 foca-focus="focused === 5"
91 ng-focus="focused = 5"
92 class="form-control form-control-sm"
93 placeholder="Precinto boca dos"
94 ng-model="datosHojaRuta.precintoBocaDos"
95 ng-required="true"
96 ng-keypress="next($event.keyCode)"/>
97 </div>
98 <div class="col-2">
99 <label class="form-control-sm">Precinto tres:</label>
100 </div>
101 <div class="col-2 pl-0">
102 <input
103 type="text"
104 teclado-virtual
105 foca-focus="focused === 6"
106 ng-focus="focused = 6"
107 class="form-control form-control-sm"
108 placeholder="Precinto boca tres"
109 ng-model="datosHojaRuta.precintoBocaTres"
110 ng-required="true"
111 ng-keypress="aceptar($event.keyCode)"/>
112 </div>
113 </form>
114 </div>
115 <div class="modal-footer">
116 <button
117 class="btn btn-primary"
118 type="button"
119 ng-click="aceptar(13)"
120 ng-disabled="!formDatosHojaRuta.$valid"
121 >Aceptar</button>
122 <button class="btn btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
123 </div>
124