Primera version

Jose Pinto
1 parent dd8fff467f
Showing 8 changed files with 270 additions and 0 deletions Show diff stats
.gitignore
.jshintrc
gulpfile.js
package.json
src/etc/develop.js.ejemplo
src/js/app.js
src/js/controller.js
src/views/modal-grafico-cisternas.html
@@ -0,0 +1,5 @@
+/node_modules
+/dist
+/tmp
+package-lock\.json
+src/etc/develop\.js
@@ -0,0 +1,64 @@
+{
+    /*
+     * ENVIRONMENTS
+     * =================
+     */
+
+    // Define globals exposed by modern browsers.
+    "browser": true,
+
+    // Define globals exposed by jQuery.
+    "jquery": true,
+
+    // Define globals exposed by Node.js.
+    "node": true,
+
+    // Allow ES6.
+    "esversion": 6,
+
+    /*
+     * ENFORCING OPTIONS
+     * =================
+     */
+
+    // Force all variable names to use either camelCase style or UPPER_CASE
+    // with underscores.
+    "camelcase": true,
+
+    // Prohibit use of == and != in favor of === and !==.
+    "eqeqeq": true,
+
+    // Enforce tab width of 2 spaces.
+    "indent": 4,
+
+    // Prohibit use of a variable before it is defined.
+    "latedef": false,
+
+    // Enforce line length to 100 characters
+    "maxlen": 100,
+
+    // Require capitalized names for constructor functions.
+    "newcap": true,
+
+    // Enforce use of single quotation marks for strings.
+    "quotmark": "single",
+
+    // Enforce placing 'use strict' at the top function scope
+    "strict": false,
+
+    // Prohibit use of explicitly undeclared variables.
+    "undef": true,
+
+    // Warn when variables are defined but never used.
+    "unused": true,
+
+    // Para que funcione en angular
+    "predef": ["angular", "alert", "spyOn", "expect", "it", "inject", "beforeEach", "describe"],
+    /*
+     * RELAXING OPTIONS
+     * =================
+     */
+
+    // Suppress warnings about == null comparisons.
+    "eqnull": true
+}
@@ -0,0 +1,82 @@
+const templateCache = require('gulp-angular-templatecache');
+const concat        = require('gulp-concat');
+const htmlmin       = require('gulp-htmlmin');
+const rename        = require('gulp-rename');
+const uglify        = require('gulp-uglify');
+const gulp          = require('gulp');
+const pump          = require('pump');
+const jshint        = require('gulp-jshint');
+const replace       = require('gulp-replace');
+const connect       = require('gulp-connect');
+const clean         = require('gulp-clean');
+
+var paths = {
+    srcJS:    'src/js/*.js',
+    srcViews: 'src/views/*.html',
+    tmp:      'tmp',
+    dist:     'dist/'
+};
+
+gulp.task('templates', function() {
+    return pump(
+        [
+            gulp.src(paths.srcViews),
+            replace('views/', ''),
+            htmlmin(),
+            templateCache('views.js', {
+                module: 'focaModalGraficoCisternas',
+                root: ''
+            }),
+            gulp.dest(paths.tmp)
+        ]
+    );
+});
+
+gulp.task('uglify', ['templates'], function() {
+    return pump(
+        [
+            gulp.src([
+                paths.srcJS,
+                'tmp/views.js'
+            ]),
+            concat('foca-modal-grafico-cisternas.js'),
+            replace('src/views/', ''),
+            replace("['ui.bootstrap', 'chart.js']", '[]'),
+            gulp.dest(paths.tmp),
+            rename('foca-modal-grafico-cisternas.min.js'),
+            uglify(),
+            gulp.dest(paths.dist)
+        ]
+    );
+});
+
+gulp.task('pre-commit', function() {
+    return pump(
+        [
+            gulp.src(paths.srcJS),
+            jshint('.jshintrc'),
+            jshint.reporter('default'),
+            jshint.reporter('fail')
+        ]
+    );
+
+    gulp.start('uglify');
+});
+ 
+gulp.task('webserver', function() {
+    pump [
+        connect.server({port: 3000})
+    ]
+});
+
+gulp.task('clean-post-install', function() {
+    return gulp.src(['src', 'tmp', '.jshintrc','readme.md', '.gitignore', 'gulpfile.js',
+                     'index.html'], {read: false})
+    .pipe(clean());
+});
+
+gulp.task('default', ['webserver']);
+
+gulp.task('watch', function() {
+    gulp.watch([paths.srcJS, paths.srcViews], ['uglify'])
+});
@@ -0,0 +1,61 @@
+{
+    "name": "foca-modal-grafico-cisternas",
+    "version": "0.0.1",
+    "description": "Modal para ver grafico de cisternas por vehículo",
+    "main": "index.js",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1",
+        "gulp-pre-commit": "gulp pre-commit",
+        "compile": "gulp uglify",
+        "postinstall": "npm run compile && gulp clean-post-install",
+        "install-dev": "npm i --ignore-scripts"
+    },
+    "pre-commit": [
+        "gulp-pre-commit"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "http://git.focasoftware.com/npm/foca-modal-grafico-cisternas.git"
+    },
+    "author": "Foca Software",
+    "license": "ISC",
+    "peerDependencies": {
+        "angular": "^1.7.4",
+        "bootstrap": "^4.1.3",
+        "font-awesome": "^4.7.0",
+        "ui-bootstrap4": "^3.0.4",
+        "gulp": "^3.9.1",
+        "gulp-angular-templatecache": "^2.2.1",
+        "gulp-concat": "^2.6.1",
+        "gulp-connect": "^5.6.1",
+        "gulp-htmlmin": "^5.0.1",
+        "gulp-rename": "^1.4.0",
+        "gulp-replace": "^1.0.0",
+        "gulp-uglify": "^3.0.1",
+        "jquery": "^3.3.1",
+        "pump": "^3.0.0"
+    },
+    "devDependencies": {
+        "angular": "^1.7.5",
+        "angular-ladda": "^0.4.3",
+        "bootstrap": "^4.1.3",
+        "font-awesome": "^4.7.0",
+        "gulp": "^3.9.1",
+        "gulp-angular-templatecache": "^2.2.5",
+        "gulp-clean": "^0.4.0",
+        "gulp-concat": "^2.6.1",
+        "gulp-connect": "^5.6.1",
+        "gulp-htmlmin": "^5.0.1",
+        "gulp-jshint": "^2.1.0",
+        "gulp-rename": "^1.4.0",
+        "gulp-replace": "^1.0.0",
+        "gulp-uglify": "^3.0.1",
+        "jasmine-core": "^3.3.0",
+        "jquery": "^3.3.1",
+        "jshint": "^2.9.6",
+        "ladda": "^1.0.6",
+        "pre-commit": "^1.2.2",
+        "pump": "^3.0.0",
+        "ui-bootstrap4": "^3.0.5"
+    }
+}
@@ -0,0 +1,4 @@
+angular.module('focaModalGraficoCisternas')
+    .constant("API_ENDPOINT", {
+        'URL': '//127.0.0.1:9000'
+    });
@@ -0,0 +1,4 @@
+angular.module('focaModalGraficoCisternas', [
+    'ui.bootstrap',
+    'chart.js'
+]);
@@ -0,0 +1,38 @@
+angular.module('focaModalGraficoCisternas')
+    .controller('focaModalGraficoCisternasController', [
+        '$scope',
+        '$uibModalInstance',
+        'filters',
+        function($scope, $uibModalInstance, filters) {
+            $scope.labels = [];
+            $scope.series = ['Disponible', 'Cargado'];
+            $scope.colores = ['#949fb1', '#e09125']
+            $scope.data = [[],[]];
+            $scope.options = {
+                scales: {
+                    xAxes: [{
+                        stacked: true,
+                    }],
+                    yAxes: [{
+                        stacked: true
+                    }]
+                },
+                legend: {
+                    display: true,
+                    labels: {
+                        fontColor: 'rgb(255, 99, 132)'
+                    }
+                }
+            };
+
+            $scope.cerrar = function() {
+                $uibModalInstance.dismiss('cancel');
+            };
+
+            filters.cisternas.forEach(function(cisterna) {
+                $scope.labels.push(cisterna.codigo);
+                $scope.data[0].push(cisterna.capacidad - cisterna.estado.cantidad);
+                $scope.data[1].push(cisterna.estado.cantidad);
+            });
+        }]
+    );
@@ -0,0 +1,12 @@
+<div class="modal-header">
+    <h5 class="modal-title my-1">Cisternas</h5>
+</div>
+<div class="modal-body" id="modal-body">
+    <canvas id="bar" class="chart chart-bar"
+            chart-data="data" chart-labels="labels" chart-series="series"
+            chart-options="options" chart-colors="colores">
+    </canvas>
+</div>
+<div class="modal-footer">
+    <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cerrar()">Cerrar</button>
+</div>
...	...	@@ -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,82 @@
	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	+ replace('views/', ''),
	25	+ htmlmin(),
	26	+ templateCache('views.js', {
	27	+ module: 'focaModalGraficoCisternas',
	28	+ root: ''
	29	+ }),
	30	+ gulp.dest(paths.tmp)
	31	+ ]
	32	+ );
	33	+});
	34	+
	35	+gulp.task('uglify', ['templates'], function() {
	36	+ return pump(
	37	+ [
	38	+ gulp.src([
	39	+ paths.srcJS,
	40	+ 'tmp/views.js'
	41	+ ]),
	42	+ concat('foca-modal-grafico-cisternas.js'),
	43	+ replace('src/views/', ''),
	44	+ replace("['ui.bootstrap', 'chart.js']", '[]'),
	45	+ gulp.dest(paths.tmp),
	46	+ rename('foca-modal-grafico-cisternas.min.js'),
	47	+ uglify(),
	48	+ gulp.dest(paths.dist)
	49	+ ]
	50	+ );
	51	+});
	52	+
	53	+gulp.task('pre-commit', function() {
	54	+ return pump(
	55	+ [
	56	+ gulp.src(paths.srcJS),
	57	+ jshint('.jshintrc'),
	58	+ jshint.reporter('default'),
	59	+ jshint.reporter('fail')
	60	+ ]
	61	+ );
	62	+
	63	+ gulp.start('uglify');
	64	+});
	65	+
	66	+gulp.task('webserver', function() {
	67	+ pump [
	68	+ connect.server({port: 3000})
	69	+ ]
	70	+});
	71	+
	72	+gulp.task('clean-post-install', function() {
	73	+ return gulp.src(['src', 'tmp', '.jshintrc','readme.md', '.gitignore', 'gulpfile.js',
	74	+ 'index.html'], {read: false})
	75	+ .pipe(clean());
	76	+});
	77	+
	78	+gulp.task('default', ['webserver']);
	79	+
	80	+gulp.task('watch', function() {
	81	+ gulp.watch([paths.srcJS, paths.srcViews], ['uglify'])
	82	+});
...	...	@@ -0,0 +1,61 @@
	1	+{
	2	+ "name": "foca-modal-grafico-cisternas",
	3	+ "version": "0.0.1",
	4	+ "description": "Modal para ver grafico de cisternas por vehículo",
	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 i --ignore-scripts"
	12	+ },
	13	+ "pre-commit": [
	14	+ "gulp-pre-commit"
	15	+ ],
	16	+ "repository": {
	17	+ "type": "git",
	18	+ "url": "http://git.focasoftware.com/npm/foca-modal-grafico-cisternas.git"
	19	+ },
	20	+ "author": "Foca Software",
	21	+ "license": "ISC",
	22	+ "peerDependencies": {
	23	+ "angular": "^1.7.4",
	24	+ "bootstrap": "^4.1.3",
	25	+ "font-awesome": "^4.7.0",
	26	+ "ui-bootstrap4": "^3.0.4",
	27	+ "gulp": "^3.9.1",
	28	+ "gulp-angular-templatecache": "^2.2.1",
	29	+ "gulp-concat": "^2.6.1",
	30	+ "gulp-connect": "^5.6.1",
	31	+ "gulp-htmlmin": "^5.0.1",
	32	+ "gulp-rename": "^1.4.0",
	33	+ "gulp-replace": "^1.0.0",
	34	+ "gulp-uglify": "^3.0.1",
	35	+ "jquery": "^3.3.1",
	36	+ "pump": "^3.0.0"
	37	+ },
	38	+ "devDependencies": {
	39	+ "angular": "^1.7.5",
	40	+ "angular-ladda": "^0.4.3",
	41	+ "bootstrap": "^4.1.3",
	42	+ "font-awesome": "^4.7.0",
	43	+ "gulp": "^3.9.1",
	44	+ "gulp-angular-templatecache": "^2.2.5",
	45	+ "gulp-clean": "^0.4.0",
	46	+ "gulp-concat": "^2.6.1",
	47	+ "gulp-connect": "^5.6.1",
	48	+ "gulp-htmlmin": "^5.0.1",
	49	+ "gulp-jshint": "^2.1.0",
	50	+ "gulp-rename": "^1.4.0",
	51	+ "gulp-replace": "^1.0.0",
	52	+ "gulp-uglify": "^3.0.1",
	53	+ "jasmine-core": "^3.3.0",
	54	+ "jquery": "^3.3.1",
	55	+ "jshint": "^2.9.6",
	56	+ "ladda": "^1.0.6",
	57	+ "pre-commit": "^1.2.2",
	58	+ "pump": "^3.0.0",
	59	+ "ui-bootstrap4": "^3.0.5"
	60	+ }
	61	+}
...	...	@@ -0,0 +1,4 @@
	1	+angular.module('focaModalGraficoCisternas')
	2	+ .constant("API_ENDPOINT", {
	3	+ 'URL': '//127.0.0.1:9000'
	4	+ });
...	...	@@ -0,0 +1,4 @@
	1	+angular.module('focaModalGraficoCisternas', [
	2	+ 'ui.bootstrap',
	3	+ 'chart.js'
	4	+]);
...	...	@@ -0,0 +1,38 @@
	1	+angular.module('focaModalGraficoCisternas')
	2	+ .controller('focaModalGraficoCisternasController', [
	3	+ '$scope',
	4	+ '$uibModalInstance',
	5	+ 'filters',
	6	+ function($scope, $uibModalInstance, filters) {
	7	+ $scope.labels = [];
	8	+ $scope.series = ['Disponible', 'Cargado'];
	9	+ $scope.colores = ['#949fb1', '#e09125']
	10	+ $scope.data = [[],[]];
	11	+ $scope.options = {
	12	+ scales: {
	13	+ xAxes: [{
	14	+ stacked: true,
	15	+ }],
	16	+ yAxes: [{
	17	+ stacked: true
	18	+ }]
	19	+ },
	20	+ legend: {
	21	+ display: true,
	22	+ labels: {
	23	+ fontColor: 'rgb(255, 99, 132)'
	24	+ }
	25	+ }
	26	+ };
	27	+
	28	+ $scope.cerrar = function() {
	29	+ $uibModalInstance.dismiss('cancel');
	30	+ };
	31	+
	32	+ filters.cisternas.forEach(function(cisterna) {
	33	+ $scope.labels.push(cisterna.codigo);
	34	+ $scope.data[0].push(cisterna.capacidad - cisterna.estado.cantidad);
	35	+ $scope.data[1].push(cisterna.estado.cantidad);
	36	+ });
	37	+ }]
	38	+ );
...	...	@@ -0,0 +1,12 @@
	1	+<div class="modal-header">
	2	+ <h5 class="modal-title my-1">Cisternas</h5>
	3	+</div>
	4	+<div class="modal-body" id="modal-body">
	5	+ <canvas id="bar" class="chart chart-bar"
	6	+ chart-data="data" chart-labels="labels" chart-series="series"
	7	+ chart-options="options" chart-colors="colores">
	8	+ </canvas>
	9	+</div>
	10	+<div class="modal-footer">
	11	+ <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cerrar()">Cerrar</button>
	12	+</div>