Nicolás Guarnieri / 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
File was created 1 /node_modules
2 /dist
3 /tmp
4 package-lock\.json
5 src/etc/develop\.js
6
File was created 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 }
65
File was created 1 # foca-modal-detalle-hoja-ruta
2
3 Modal con lista de detalles de hoja de ruta
File was created 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 });
80
File was created 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>
73
File was created 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 }
43
src/etc/develop.js.ejemplo
Diff comments   View file @ bd9c953
File was created 1 angular.module('focaModalDetalleHojaRuta')
2 .constant("API_ENDPOINT", {
3 'URL': '//127.0.0.1:9000'
4 });
5
File was created 1 angular.module('focaModalDetalleHojaRuta', ['ui.bootstrap', 'focaDirectivas']);
2
src/js/controller.js
Diff comments   View file @ bd9c953
File was created 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 );
42
File was created 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 ]);
13
src/views/modal-detalle-hoja-ruta.html
Diff comments   View file @ bd9c953
File was created 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>
104