diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..44f11df
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,5 @@
+/node_modules
+/dist
+/tmp
+package-lock\.json
+src/etc/develop\.js
diff --git a/.jshintrc b/.jshintrc
new file mode 100644
index 0000000..d8cbb07
--- /dev/null
+++ b/.jshintrc
@@ -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
+}
diff --git a/gulpfile.js b/gulpfile.js
new file mode 100644
index 0000000..4427d89
--- /dev/null
+++ b/gulpfile.js
@@ -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'])
+});
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..bb9f9aa
--- /dev/null
+++ b/package.json
@@ -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"
+ }
+}
diff --git a/src/etc/develop.js.ejemplo b/src/etc/develop.js.ejemplo
new file mode 100644
index 0000000..3eb9615
--- /dev/null
+++ b/src/etc/develop.js.ejemplo
@@ -0,0 +1,4 @@
+angular.module('focaModalGraficoCisternas')
+ .constant("API_ENDPOINT", {
+ 'URL': '//127.0.0.1:9000'
+ });
diff --git a/src/js/app.js b/src/js/app.js
new file mode 100644
index 0000000..3a6c044
--- /dev/null
+++ b/src/js/app.js
@@ -0,0 +1,4 @@
+angular.module('focaModalGraficoCisternas', [
+ 'ui.bootstrap',
+ 'chart.js'
+]);
diff --git a/src/js/controller.js b/src/js/controller.js
new file mode 100644
index 0000000..27df7e5
--- /dev/null
+++ b/src/js/controller.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);
+ });
+ }]
+ );
diff --git a/src/views/modal-grafico-cisternas.html b/src/views/modal-grafico-cisternas.html
new file mode 100644
index 0000000..7445aea
--- /dev/null
+++ b/src/views/modal-grafico-cisternas.html
@@ -0,0 +1,12 @@
+
+
+
+
+