Eric Fernandez / foca-modal-detalle-hoja-ruta

Download as
Browse Code »

Commit bd9c953097f8f5229462dda894cbfc404766d62b

Authored by Pablo Marco del Pont
0 parents
Exists in master

Primera versión estable.

Showing 11 changed files with 426 additions and 0 deletions   Show diff stats
... ... @@ -0,0 +1,5 @@
  1 +/node_modules
  2 +/dist
  3 +/tmp
  4 +package-lock\.json
  5 +src/etc/develop\.js
... ... @@ -0,0 +1,64 @@
  1 +{
  2 + /*
  3 + * ENVIRONMENTS
  4 + * =================
  5 + */
  6 +
  7 + // Define globals exposed by modern browsers.
  8 + "browser": true,
  9 +
  10 + // Define globals exposed by jQuery.
  11 + "jquery": true,
  12 +
  13 + // Define globals exposed by Node.js.
  14 + "node": true,
  15 +
  16 + // Allow ES6.
  17 + "esversion": 6,
  18 +
  19 + /*
  20 + * ENFORCING OPTIONS
  21 + * =================
  22 + */
  23 +
  24 + // Force all variable names to use either camelCase style or UPPER_CASE
  25 + // with underscores.
  26 + "camelcase": true,
  27 +
  28 + // Prohibit use of == and != in favor of === and !==.
  29 + "eqeqeq": true,
  30 +
  31 + // Enforce tab width of 2 spaces.
  32 + "indent": 4,
  33 +
  34 + // Prohibit use of a variable before it is defined.
  35 + "latedef": false,
  36 +
  37 + // Enforce line length to 100 characters
  38 + "maxlen": 100,
  39 +
  40 + // Require capitalized names for constructor functions.
  41 + "newcap": true,
  42 +
  43 + // Enforce use of single quotation marks for strings.
  44 + "quotmark": "single",
  45 +
  46 + // Enforce placing 'use strict' at the top function scope
  47 + "strict": false,
  48 +
  49 + // Prohibit use of explicitly undeclared variables.
  50 + "undef": true,
  51 +
  52 + // Warn when variables are defined but never used.
  53 + "unused": true,
  54 +
  55 + // Para que funcione en angular
  56 + "predef": ["angular", "alert", "spyOn", "expect", "it", "inject", "beforeEach", "describe"],
  57 + /*
  58 + * RELAXING OPTIONS
  59 + * =================
  60 + */
  61 +
  62 + // Suppress warnings about == null comparisons.
  63 + "eqnull": true
  64 +}
... ... @@ -0,0 +1,3 @@
  1 +# foca-modal-detalle-hoja-ruta
  2 +
  3 +Modal con lista de detalles de hoja de ruta
0 4 \ No newline at end of file
... ... @@ -0,0 +1,79 @@
  1 +const templateCache = require('gulp-angular-templatecache');
  2 +const concat = require('gulp-concat');
  3 +const htmlmin = require('gulp-htmlmin');
  4 +const rename = require('gulp-rename');
  5 +const uglify = require('gulp-uglify');
  6 +const gulp = require('gulp');
  7 +const pump = require('pump');
  8 +const jshint = require('gulp-jshint');
  9 +const replace = require('gulp-replace');
  10 +const connect = require('gulp-connect');
  11 +const clean = require('gulp-clean');
  12 +
  13 +var paths = {
  14 + srcJS: 'src/js/*.js',
  15 + srcViews: 'src/views/*.html',
  16 + tmp: 'tmp',
  17 + dist: 'dist/'
  18 +};
  19 +
  20 +gulp.task('templates', function() {
  21 + return pump(
  22 + [
  23 + gulp.src(paths.srcViews),
  24 + htmlmin(),
  25 + templateCache('views.js', {
  26 + module: 'focaModalDetalleHojaRuta',
  27 + root: ''
  28 + }),
  29 + gulp.dest(paths.tmp)
  30 + ]
  31 + );
  32 +});
  33 +
  34 +gulp.task('uglify', ['templates'], function() {
  35 + return pump(
  36 + [
  37 + gulp.src([
  38 + paths.srcJS,
  39 + 'tmp/views.js'
  40 + ]),
  41 + concat('foca-modal-detalle-hoja-ruta.js'),
  42 + replace('src/views/', ''),
  43 + replace("['ui.bootstrap', 'focaDirectivas']", '[]'),
  44 + gulp.dest(paths.tmp),
  45 + rename('foca-modal-detalle-hoja-ruta.min.js'),
  46 + uglify(),
  47 + gulp.dest(paths.dist)
  48 + ]
  49 + );
  50 +});
  51 +
  52 +gulp.task('pre-commit', function() {
  53 + return pump(
  54 + [
  55 + gulp.src(paths.srcJS),
  56 + jshint('.jshintrc'),
  57 + jshint.reporter('default'),
  58 + jshint.reporter('fail')
  59 + ]
  60 + );
  61 +});
  62 +
  63 +gulp.task('webserver', function() {
  64 + pump [
  65 + connect.server({port: 3000})
  66 + ]
  67 +});
  68 +
  69 +gulp.task('clean-post-install', function(){
  70 + return gulp.src(['src', 'tmp', '.jshintrc','readme.md', '.gitignore', 'gulpfile.js',
  71 + 'index.html'], {read: false})
  72 + .pipe(clean());
  73 +});
  74 +
  75 +gulp.task('default', ['webserver']);
  76 +
  77 +gulp.task('watch', function() {
  78 + gulp.watch([paths.srcJS, paths.srcViews], ['uglify']);
  79 +});
... ... @@ -0,0 +1,72 @@
  1 +<html ng-app="focaModalDetalleHojaRuta">
  2 + <head>
  3 + <meta charset="UTF-8"/>
  4 + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  5 +
  6 + <!--CSS-->
  7 + <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
  8 + <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
  9 +
  10 + <!--VENDOR JS-->
  11 + <script src="node_modules/jquery/dist/jquery.min.js"></script>
  12 + <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
  13 + <script src="node_modules/angular/angular.min.js"></script>
  14 + <script src="node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script>
  15 + <script src="node_modules/foca-directivas/dist/foca-directivas.min.js"></script>
  16 +
  17 + <!-- BUILD -->
  18 + <script src="src/js/app.js"></script>
  19 + <script src="src/js/controller.js"></script>
  20 + <script src="src/js/service.js"></script>
  21 +
  22 + <!-- /BUILD -->
  23 +
  24 + <!-- CONFIG PARA DEVELOP -->
  25 + <script src="src/etc/develop.js"></script>
  26 + <script type="text/javascript">
  27 + angular.module('focaModalDetalleHojaRuta')
  28 + .controller('controller', [
  29 + '$scope',
  30 + '$uibModal',
  31 + '$timeout',
  32 + function($scope, $uibModal, $timeout) {
  33 + openModal();
  34 +
  35 + function openModal() {
  36 + var modalInstance = $uibModal.open(
  37 + {
  38 + ariaLabelledBy: 'Detalle de hoja de ruta',
  39 + templateUrl: 'src/views/modal-detalle-hoja-ruta.html',
  40 + controller: 'focaModalDetalleHojaRutaController',
  41 + size: 'lg',
  42 + resolve: {
  43 + parametrosDetalleHojaRuta: function(){
  44 + return {
  45 + remito: '00001-00000001',
  46 + cliente: 'Rubén Gomez',
  47 + domicilio: 'Patricias Mendocinas 5050',
  48 + producto: 'Super',
  49 + litros: 20
  50 + };
  51 + }
  52 + }
  53 + }
  54 + );
  55 +
  56 + modalInstance.result.then(
  57 + function (selectedItem) {
  58 + console.info(selectedItem);
  59 + $timeout(openModal, 500);
  60 + }, function () {
  61 + console.info('modal-component dismissed at: ' + new Date());
  62 + $timeout(openModal, 500);
  63 + }
  64 + );
  65 + }
  66 + }
  67 + ]);
  68 + </script>
  69 + </head>
  70 + <body ng-controller="controller">
  71 + </body>
  72 +</html>
... ... @@ -0,0 +1,42 @@
  1 +{
  2 + "name": "foca-modal-detalle-hoja-ruta",
  3 + "version": "0.0.1",
  4 + "description": "Modal de búsqueda de detalles de hoja de ruta",
  5 + "main": "index.js",
  6 + "scripts": {
  7 + "test": "echo \"Error: no test specified\" && exit 1",
  8 + "gulp-pre-commit": "gulp pre-commit",
  9 + "compile": "gulp uglify",
  10 + "postinstall": "npm run compile && gulp clean-post-install",
  11 + "install-dev": "npm install -D angular font-awesome pump jquery bootstrap ui-bootstrap4 jshint gulp gulp-uglify gulp-concat gulp-htmlmin gulp-rename gulp-uglify gulp-jshint gulp-replace gulp-connect gulp-clean gulp-angular-templatecache git+https://debo.suite.repo/modulos-npm/foca-directivas.git"
  12 + },
  13 + "pre-commit": [
  14 + "gulp-pre-commit"
  15 + ],
  16 + "repository": {
  17 + "type": "git",
  18 + "url": "https://debo.suite.repo/modulos-npm/foca-modal-detalle-hoja-ruta.git"
  19 + },
  20 + "author": "Foca Software",
  21 + "license": "ISC",
  22 + "devDependencies": {
  23 + "angular": "1.7.5",
  24 + "bootstrap": "4.1.3",
  25 + "foca-directivas": "git+https://debo.suite.repo/modulos-npm/foca-directivas.git",
  26 + "font-awesome": "4.7.0",
  27 + "gulp": "^3.9.1",
  28 + "gulp-angular-templatecache": "^2.2.2",
  29 + "gulp-clean": "^0.4.0",
  30 + "gulp-concat": "^2.6.1",
  31 + "gulp-connect": "^5.6.1",
  32 + "gulp-htmlmin": "^5.0.1",
  33 + "gulp-jshint": "^2.1.0",
  34 + "gulp-rename": "^1.4.0",
  35 + "gulp-replace": "^1.0.0",
  36 + "gulp-uglify": "^3.0.1",
  37 + "jquery": "3.3.1",
  38 + "jshint": "^2.9.6",
  39 + "pump": "^3.0.0",
  40 + "ui-bootstrap4": "3.0.5"
  41 + }
  42 +}
src/etc/develop.js.ejemplo
Diff comments   View file @ bd9c953
... ... @@ -0,0 +1,4 @@
  1 +angular.module('focaModalDetalleHojaRuta')
  2 + .constant("API_ENDPOINT", {
  3 + 'URL': '//127.0.0.1:9000'
  4 + });
... ... @@ -0,0 +1 @@
  1 +angular.module('focaModalDetalleHojaRuta', ['ui.bootstrap', 'focaDirectivas']);
src/js/controller.js
Diff comments   View file @ bd9c953
... ... @@ -0,0 +1,41 @@
  1 +angular.module('focaModalDetalleHojaRuta')
  2 + .controller('focaModalDetalleHojaRutaController',
  3 + [
  4 + '$filter',
  5 + '$scope',
  6 + '$uibModalInstance',
  7 + 'parametrosDetalleHojaRuta',
  8 + function($filter, $scope, $uibModalInstance, parametrosDetalleHojaRuta) {
  9 + $scope.paso = 0;
  10 + $scope.parametrosDetalleHojaRuta = parametrosDetalleHojaRuta;
  11 + $scope.aceptar = function() {
  12 + var parametrosDetalleHojaRuta = {
  13 + remito: $scope.parametrosDetalleHojaRuta.remito,
  14 + cliente: $scope.parametrosDetalleHojaRuta.cliente,
  15 + domicilio: $scope.parametrosDetalleHojaRuta.domicilio,
  16 + producto: $scope.parametrosDetalleHojaRuta.producto,
  17 + litros: $scope.parametrosDetalleHojaRuta.litros,
  18 + litrosDescargados: $scope.parametrosDetalleHojaRuta.litrosDescargados,
  19 + numeroRecibo: $scope.parametrosDetalleHojaRuta.numeroRecibo
  20 + };
  21 + $uibModalInstance.close(parametrosDetalleHojaRuta);
  22 + };
  23 +
  24 + $scope.cancel = function() {
  25 + $uibModalInstance.dismiss('cancel');
  26 + };
  27 +
  28 + $scope.validar = function() {
  29 + return $scope.formDetalleHojaRuta.$pristine ||
  30 + !$scope.parametrosDetalleHojaRuta.litrosDescargados ||
  31 + $scope.parametrosDetalleHojaRuta.litrosDescargados < 1 ||
  32 + !$scope.parametrosDetalleHojaRuta.numeroRecibo ||
  33 + $scope.parametrosDetalleHojaRuta.numeroRecibo < 1;
  34 + };
  35 +
  36 + $scope.irPaso = function(paso) {
  37 + $scope.paso = paso;
  38 + };
  39 + }
  40 + ]
  41 + );
... ... @@ -0,0 +1,12 @@
  1 +angular.module('focaModalDetalleHojaRuta')
  2 + .service('focaModalDetalleHojaRutaService', [
  3 + '$http',
  4 + 'API_ENDPOINT',
  5 + function($http, API_ENDPOINT) {
  6 + return {
  7 + getDetallesHojaRuta: function() {
  8 + return $http.get(API_ENDPOINT.URL + '/transportista');
  9 + }
  10 + };
  11 + }
  12 + ]);
src/views/modal-detalle-hoja-ruta.html
Diff comments   View file @ bd9c953
... ... @@ -0,0 +1,103 @@
  1 +<div class="modal-header py-1">
  2 + <h5 class="modal-title">Detalle de hoja de ruta</h5>
  3 +</div>
  4 +<div class="modal-body" id="modal-body">
  5 + <form name="formDetalleHojaRuta">
  6 + <div class="form-group row">
  7 + <div class="col-12">
  8 + <div class="form-group row">
  9 + <label for="costo" class="col-sm-3 col-form-label col-form-label-sm">Remito</label>
  10 + <div class="col-sm-3">
  11 + <input
  12 + type="text"
  13 + class="form-control form-control-sm"
  14 + ng-model="parametrosDetalleHojaRuta.remito"
  15 + readonly disabled
  16 + />
  17 + </div>
  18 + <label for="costo" class="col-sm-3 col-form-label col-form-label-sm">Cliente</label>
  19 + <div class="col-sm-3">
  20 + <input
  21 + type="text"
  22 + class="form-control form-control-sm"
  23 + ng-model="parametrosDetalleHojaRuta.cliente"
  24 + readonly disabled
  25 + />
  26 + </div>
  27 + </div>
  28 + <div class="form-group row">
  29 + <label for="costo" class="col-sm-3 col-form-label col-form-label-sm">Domicilio</label>
  30 + <div class="col-sm-3">
  31 + <input
  32 + type="text"
  33 + class="form-control form-control-sm"
  34 + ng-model="parametrosDetalleHojaRuta.domicilio"
  35 + readonly disabled
  36 + />
  37 + </div>
  38 + <label for="costo" class="col-sm-3 col-form-label col-form-label-sm">Producto</label>
  39 + <div class="col-sm-3">
  40 + <input
  41 + type="text"
  42 + class="form-control form-control-sm"
  43 + ng-model="parametrosDetalleHojaRuta.producto"
  44 + readonly disabled
  45 + />
  46 + </div>
  47 + </div>
  48 + <div class="form-group row">
  49 + <label for="costo" class="col-sm-3 col-form-label col-form-label-sm">Litros</label>
  50 + <div class="col-sm-3">
  51 + <input
  52 + type="text"
  53 + class="form-control form-control-sm"
  54 + ng-model="parametrosDetalleHojaRuta.litros"
  55 + readonly disabled
  56 + />
  57 + </div>
  58 + </div>
  59 + <div class="form-group row">
  60 + <label for="costo" class="col-sm-3 col-form-label col-form-label-sm">Litros descargados</label>
  61 + <div class="col-sm-3">
  62 + <input
  63 + type="number"
  64 + min="0"
  65 + step="0.01"
  66 + class="form-control form-control-sm"
  67 + id="litrosDescargados"
  68 + name="litrosDescargados"
  69 + placeholder="Litros descargados"
  70 + ng-model="parametrosDetalleHojaRuta.litrosDescargados"
  71 + foca-focus="paso === 0"
  72 + ng-keypress="$event.keyCode === 13 && irPaso(1)"
  73 + />
  74 + </div>
  75 + <label for="costo" class="col-sm-3 col-form-label col-form-label-sm">Nº recibo</label>
  76 + <div class="col-sm-3">
  77 + <input
  78 + type="number"
  79 + min="0"
  80 + step="0.01"
  81 + class="form-control form-control-sm"
  82 + id="numeroRecibo"
  83 + name="numeroRecibo"
  84 + placeholder="Nº Recibo"
  85 + ng-model="parametrosDetalleHojaRuta.numeroRecibo"
  86 + foca-focus="paso === 1"
  87 + ng-keypress="$event.keyCode == 13 && validar() && aceptar()"
  88 + />
  89 + </div>
  90 + </div>
  91 + </div>
  92 + </div>
  93 + </form>
  94 +</div>
  95 +<div class="modal-footer py-2">
  96 + <button
  97 + class="btn btn-secondary btn-sm"
  98 + type="button"
  99 + ng-click="aceptar()"
  100 + ng-disabled="validar()"
  101 + >Aceptar</button>
  102 + <button class="btn btn-secondary btn-sm" type="button" ng-click="cancel()">Cancelar</button>
  103 +</div>