Eric Fernandez / foca-modal-grafico-cisternas

Download as
Browse Code »

Commit dd09e18d7d112959fd55deae2c5263aba9c8ad38

Authored by Jose Pinto
1 parent dd8fff467f
Exists in master

Primera version

Showing 8 changed files with 270 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 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 });
83
File was created 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 }
62
src/etc/develop.js.ejemplo
Diff comments   View file @ dd09e18
File was created 1 angular.module('focaModalGraficoCisternas')
2 .constant("API_ENDPOINT", {
3 'URL': '//127.0.0.1:9000'
4 });
5
File was created 1 angular.module('focaModalGraficoCisternas', [
2 'ui.bootstrap',
3 'chart.js'
4 ]);
5
src/js/controller.js
Diff comments   View file @ dd09e18
File was created 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 );
39
src/views/modal-grafico-cisternas.html
Diff comments   View file @ dd09e18
File was created 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>
13