Nicolás Guarnieri / foca-crear-hoja-ruta

Download as
Browse Code »

Commit 6132649b3227ab89a9ddc2cb431314524b661fe6

Authored by Eric Fernandez
1 parent 91668b083a
Exists in master

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
... ... @@ -0,0 +1,32 @@
  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 + );
src/views/foca-modal-datos-hoja-ruta.html
Diff comments   View file @ 6132649
... ... @@ -0,0 +1,123 @@
  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>