From 54c91c3d9e5080259ef69bbfa95cdbcc81faa488 Mon Sep 17 00:00:00 2001
From: nelo <nelo@verdnatura.es>
Date: Fri, 7 Oct 2016 12:10:24 +0200
Subject: [PATCH 1/8] Arreglo merge

---
 @salix/app/src/routes.js | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/@salix/app/src/routes.js b/@salix/app/src/routes.js
index fd5750bd7..2fc5204f1 100644
--- a/@salix/app/src/routes.js
+++ b/@salix/app/src/routes.js
@@ -1,14 +1,5 @@
 import * as core from '@salix/core';
 import * as spliting from './spliting';
-<<<<<<< HEAD
-
-function config($stateProvider, $urlRouterProvider) {
-    function loader($ocLazyLoad, $q) {
-        return $q(resolve => {
-            spliting.crud(() => {
-                resolve($ocLazyLoad.load({name: 'crud'}));
-=======
-import * as routes from './fake';
 
 core.module.config(function ($stateProvider, $urlRouterProvider) {
     core.splitingRegister.registerGraph(routes.graphRoutes.graphDependendies);
@@ -20,7 +11,7 @@ core.module.config(function ($stateProvider, $urlRouterProvider) {
                     var array = dependencies.map((item) => { return { name: item } });
                     resolve($ocLazyLoad.load(array));
                 });                                  
->>>>>>> 0bfbc5e0642bb669d8568ea1ce1782fde1702aa6
+
             });
         });
     }

From 301588e0ed7dce7f383b4eccaeae65544ca8597e Mon Sep 17 00:00:00 2001
From: nelo <nelo@verdnatura.es>
Date: Fri, 7 Oct 2016 12:51:31 +0200
Subject: [PATCH 2/8] Prueba concepto rutas

---
 @salix/app/src/fake.js             | 26 +----------------------
 @salix/app/src/routes.js           | 34 +++++++++++++++++-------------
 @salix/app/src/spliting.js         | 14 +++++++++++-
 @salix/crud/src/customer/routes.js |  8 +++++++
 @salix/crud/src/spliting.js        |  0
 5 files changed, 41 insertions(+), 41 deletions(-)
 create mode 100644 @salix/crud/src/customer/routes.js
 create mode 100644 @salix/crud/src/spliting.js

diff --git a/@salix/app/src/fake.js b/@salix/app/src/fake.js
index 39683e7cc..06d01245e 100644
--- a/@salix/app/src/fake.js
+++ b/@salix/app/src/fake.js
@@ -4,31 +4,7 @@ export const graphRoutes = {
             url: '/index',
             state: 'index',
             template: '<customer-index></customer-index>',
-            module: 'compras',
-            description: '',
-            image: '',
-        },
-        {
-            url: '/add',
-            state: 'add',
-            template: '<customer-add></customer-add>',
-            module: 'compras',
-            description: '',
-            image: '',
-        },
-        {
-            url: '/edit',
-            state: 'edit',
-            template: '<customer-edit></customer-edit>',
-            module: 'compras',
-            description: '',
-            image: '',
-        },
-        {
-            url: '/delete',
-            state: 'delete',
-            template: '<customer-delete></customer-delete>',
-            module: 'compras',
+            module: 'crud',
             description: '',
             image: '',
         }
diff --git a/@salix/app/src/routes.js b/@salix/app/src/routes.js
index 2fc5204f1..326f77c7a 100644
--- a/@salix/app/src/routes.js
+++ b/@salix/app/src/routes.js
@@ -1,22 +1,24 @@
 import * as core from '@salix/core';
 import * as spliting from './spliting';
+import * as routes from './fake';
 
-core.module.config(function ($stateProvider, $urlRouterProvider) {
+function loader(route) {
+  
+    return function ($ocLazyLoad, $q) {
+        return $q((resolve) => {
+            core.splitingRegister.execute(route.module).then(function (dependencies) {
+                var array = dependencies.map((item) => { return { name: item } });
+                resolve($ocLazyLoad.load(array));
+            });
+
+        });
+    };
+
+}
+
+function config($stateProvider, $urlRouterProvider) {
     core.splitingRegister.registerGraph(routes.graphRoutes.graphDependendies);
 
-    function loader(route) {
-        return function loader($ocLazyLoad, $q) {
-            return $q((resolve) => {
-                core.splitingRegister.execute(route.module).then(function(dependencies){
-                    var array = dependencies.map((item) => { return { name: item } });
-                    resolve($ocLazyLoad.load(array));
-                });                                  
-
-            });
-        });
-    }
-
-    $urlRouterProvider.otherwise("/");
 
     routes.graphRoutes.routes.forEach(function (route) {
         $stateProvider.state(route.state, {
@@ -27,5 +29,7 @@ core.module.config(function ($stateProvider, $urlRouterProvider) {
             }
         })
     });
-});
 
+}
+
+core.module.config(config);
diff --git a/@salix/app/src/spliting.js b/@salix/app/src/spliting.js
index fb7680727..139d4dec5 100644
--- a/@salix/app/src/spliting.js
+++ b/@salix/app/src/spliting.js
@@ -25,4 +25,16 @@ export const pagos = () => {
   }, "salix.pagos");
 };
 
-core.splitingRegister.register('pagos', pagos);
\ No newline at end of file
+core.splitingRegister.register('pagos', pagos);
+
+
+export const crud = () => {
+  return new Promise(resolve => {
+    require.ensure([], () => {
+      require('@salix/crud');
+      resolve('crud');
+    }, "salix.crud");
+  });
+};
+
+core.splitingRegister.register('crud', crud);
\ No newline at end of file
diff --git a/@salix/crud/src/customer/routes.js b/@salix/crud/src/customer/routes.js
new file mode 100644
index 000000000..d5158a39b
--- /dev/null
+++ b/@salix/crud/src/customer/routes.js
@@ -0,0 +1,8 @@
+{
+    url: '/index',
+    state: 'index',
+    template: '<customer-index></customer-index>',
+    module: 'crud',
+    description: '',
+    image: '',
+}
diff --git a/@salix/crud/src/spliting.js b/@salix/crud/src/spliting.js
new file mode 100644
index 000000000..e69de29bb

From d9bfd1b579d138ad76170dd853be3542f9bf1748 Mon Sep 17 00:00:00 2001
From: Juan Ferrer Toribio <juan.ferrer.toribio@gmail.com>
Date: Mon, 10 Oct 2016 11:15:05 +0200
Subject: [PATCH 3/8] Concatenar rutas con Gulp

---
 @salix/crud/src/provider/routes.js |  8 ++++++++
 gulpfile.js                        | 11 +++++++++--
 package.json                       | 10 +++++++---
 3 files changed, 24 insertions(+), 5 deletions(-)
 create mode 100644 @salix/crud/src/provider/routes.js

diff --git a/@salix/crud/src/provider/routes.js b/@salix/crud/src/provider/routes.js
new file mode 100644
index 000000000..f585a8c74
--- /dev/null
+++ b/@salix/crud/src/provider/routes.js
@@ -0,0 +1,8 @@
+[{
+	url: '/provider',
+	state: 'provider',
+	template: '<provider-index></provider-index>',
+	module: 'crud',
+	description: '',
+	image: '',
+}]
diff --git a/gulpfile.js b/gulpfile.js
index e17bbfd1e..d2286aca0 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -1,12 +1,19 @@
 
 var gulp = require ('gulp');
 var concat = require ('gulp-concat');
+var insert = require ('gulp-insert');
 var babel = require ('gulp-babel');
+var wrap = require("gulp-wrap");
+
+var template = '"<%=file.path%>": <%=contents%>';
 
 gulp.task ('default', function ()
 {
-	var js = gulp.src ('./@salix/crud/**/routes.js')
-		.pipe (concat ('salix.routes.js'))
+	var js = gulp.src ('./@salix/**/routes.js')
+		.pipe (wrap (template))
+		.pipe (concat ('salix.routes.js', {newLine: ','}))
+		.pipe (insert.prepend ('var routes = {'))
+		.pipe (insert.append ('};'))
 		.pipe (babel ({presets: ['es2015']}))
 		.pipe (gulp.dest ('./build/private'));
 });
diff --git a/package.json b/package.json
index 499ebbcf8..88395183b 100644
--- a/package.json
+++ b/package.json
@@ -19,16 +19,18 @@
     "babel-core": "*",
     "babel-loader": "*",
     "babel-preset-es2015": "*",
+    "cors": "^2.8.1",
     "css-loader": "^0.25.0",
     "eslint": "^3.7.1",
     "eslint-config-angular": "^0.5.0",
     "eslint-config-google": "^0.6.0",
     "eslint-plugin-angular": "^1.4.1",
     "gulp": "^3.9.1",
-    "pre-commit": "^1.1.3",
-    "cors": "^2.8.1",
     "gulp-babel": "^6.1.2",
     "gulp-concat": "^2.6.0",
+    "gulp-insert": "^0.5.0",
+    "gulp-wrap": "^0.13.0",
+    "pre-commit": "^1.1.3",
     "raw-loader": "*",
     "style-loader": "^0.13.1",
     "webpack": "*",
@@ -41,5 +43,7 @@
     "gulp": "gulp",
     "express": "node server.js"
   },
-  "pre-commit": [ "lint" ]
+  "pre-commit": [
+    "lint"
+  ]
 }

From 9f7be0dbbe5e482ef8f3c18784f4f1f3def81a0f Mon Sep 17 00:00:00 2001
From: Juan Ferrer Toribio <juan.ferrer.toribio@gmail.com>
Date: Tue, 18 Oct 2016 10:36:16 +0200
Subject: [PATCH 4/8] Errores al generar rutas solucionados

---
 @salix/app/dependencies.js                    | 4 ++++
 @salix/app/src/app.js                         | 2 +-
 @salix/app/src/{routes.js => configroutes.js} | 0
 @salix/crud/src/customer/routes.js            | 4 ++--
 gulpfile.js                                   | 4 ++--
 5 files changed, 9 insertions(+), 5 deletions(-)
 create mode 100644 @salix/app/dependencies.js
 rename @salix/app/src/{routes.js => configroutes.js} (100%)

diff --git a/@salix/app/dependencies.js b/@salix/app/dependencies.js
new file mode 100644
index 000000000..65b9c87bf
--- /dev/null
+++ b/@salix/app/dependencies.js
@@ -0,0 +1,4 @@
+{
+    compras: ["crud"],
+    crud: []
+}
diff --git a/@salix/app/src/app.js b/@salix/app/src/app.js
index b3ac02fdd..833374e39 100644
--- a/@salix/app/src/app.js
+++ b/@salix/app/src/app.js
@@ -1,5 +1,5 @@
 import {bootstrap} from './bootstrap';
 import * as spliting from './spliting';
-import * as routes from './routes';
+import * as routes from './configroutes';
 
 bootstrap();
diff --git a/@salix/app/src/routes.js b/@salix/app/src/configroutes.js
similarity index 100%
rename from @salix/app/src/routes.js
rename to @salix/app/src/configroutes.js
diff --git a/@salix/crud/src/customer/routes.js b/@salix/crud/src/customer/routes.js
index d5158a39b..d68ceeac3 100644
--- a/@salix/crud/src/customer/routes.js
+++ b/@salix/crud/src/customer/routes.js
@@ -1,8 +1,8 @@
-{
+[{
     url: '/index',
     state: 'index',
     template: '<customer-index></customer-index>',
     module: 'crud',
     description: '',
     image: '',
-}
+}]
diff --git a/gulpfile.js b/gulpfile.js
index d2286aca0..901302888 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -5,7 +5,7 @@ var insert = require ('gulp-insert');
 var babel = require ('gulp-babel');
 var wrap = require("gulp-wrap");
 
-var template = '"<%=file.path%>": <%=contents%>';
+var template = '\n"<%=file.path%>": <%=contents%>';
 
 gulp.task ('default', function ()
 {
@@ -13,7 +13,7 @@ gulp.task ('default', function ()
 		.pipe (wrap (template))
 		.pipe (concat ('salix.routes.js', {newLine: ','}))
 		.pipe (insert.prepend ('var routes = {'))
-		.pipe (insert.append ('};'))
+		.pipe (insert.append ('\n};'))
 		.pipe (babel ({presets: ['es2015']}))
 		.pipe (gulp.dest ('./build/private'));
 });

From 8905d685f794bd3cb84cae6a59974561bb61c921 Mon Sep 17 00:00:00 2001
From: Juan Ferrer Toribio <juan.ferrer.toribio@gmail.com>
Date: Fri, 21 Oct 2016 08:38:58 +0200
Subject: [PATCH 5/8] Rutas y splitings generados automaticamente

---
 .gitignore                                    |  1 +
 @salix/app/dependencies.js                    |  4 --
 @salix/app/src/configroutes.js                | 13 ++--
 @salix/app/src/fake.js                        | 17 -----
 @salix/app/src/spliting.js                    | 40 -----------
 @salix/app/src/spliting/deps.json             |  5 ++
 @salix/app/src/spliting/import.tpl.js         |  1 +
 @salix/app/src/spliting/require.tpl.js        | 11 +++
 @salix/buys/index.js                          |  2 +
 .../src/compras.js => buys/src/buys.js}       |  0
 @salix/compras/index.js                       |  2 -
 @salix/compras/src/spliting.js                | 12 ----
 @salix/crud/src/crud.js                       |  6 +-
 @salix/crud/src/spliting.js                   |  0
 @salix/pagos/index.js                         |  6 --
 @salix/ventas/index.js                        |  4 --
 gulpfile.js                                   | 68 ++++++++++++++++---
 index.html                                    |  4 ++
 package.json                                  |  1 +
 19 files changed, 93 insertions(+), 104 deletions(-)
 delete mode 100644 @salix/app/dependencies.js
 delete mode 100644 @salix/app/src/fake.js
 delete mode 100644 @salix/app/src/spliting.js
 create mode 100644 @salix/app/src/spliting/deps.json
 create mode 100644 @salix/app/src/spliting/import.tpl.js
 create mode 100644 @salix/app/src/spliting/require.tpl.js
 create mode 100644 @salix/buys/index.js
 rename @salix/{compras/src/compras.js => buys/src/buys.js} (100%)
 delete mode 100644 @salix/compras/index.js
 delete mode 100644 @salix/compras/src/spliting.js
 delete mode 100644 @salix/crud/src/spliting.js
 delete mode 100644 @salix/pagos/index.js
 delete mode 100644 @salix/ventas/index.js

diff --git a/.gitignore b/.gitignore
index dd87e2d73..b5f56d603 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 node_modules
 build
+spliting.js
diff --git a/@salix/app/dependencies.js b/@salix/app/dependencies.js
deleted file mode 100644
index 65b9c87bf..000000000
--- a/@salix/app/dependencies.js
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-    compras: ["crud"],
-    crud: []
-}
diff --git a/@salix/app/src/configroutes.js b/@salix/app/src/configroutes.js
index 326f77c7a..54ca22fb5 100644
--- a/@salix/app/src/configroutes.js
+++ b/@salix/app/src/configroutes.js
@@ -1,26 +1,24 @@
 import * as core from '@salix/core';
 import * as spliting from './spliting';
-import * as routes from './fake';
+import * as deps from './spliting/deps.json';
 
 function loader(route) {
-  
     return function ($ocLazyLoad, $q) {
         return $q((resolve) => {
             core.splitingRegister.execute(route.module).then(function (dependencies) {
                 var array = dependencies.map((item) => { return { name: item } });
                 resolve($ocLazyLoad.load(array));
             });
-
         });
     };
-
 }
 
 function config($stateProvider, $urlRouterProvider) {
-    core.splitingRegister.registerGraph(routes.graphRoutes.graphDependendies);
+    core.splitingRegister.registerGraph(deps);
 
-
-    routes.graphRoutes.routes.forEach(function (route) {
+	for (var file in routes)
+    routes[file].forEach(function (route) {
+    	console.debug (route);
         $stateProvider.state(route.state, {
             url: route.url,
             template: route.template,
@@ -29,7 +27,6 @@ function config($stateProvider, $urlRouterProvider) {
             }
         })
     });
-
 }
 
 core.module.config(config);
diff --git a/@salix/app/src/fake.js b/@salix/app/src/fake.js
deleted file mode 100644
index 06d01245e..000000000
--- a/@salix/app/src/fake.js
+++ /dev/null
@@ -1,17 +0,0 @@
-export const graphRoutes = {
-    routes: [
-        {
-            url: '/index',
-            state: 'index',
-            template: '<customer-index></customer-index>',
-            module: 'crud',
-            description: '',
-            image: '',
-        }
-    ],
-
-    graphDependendies: {
-        compras: ["crud"],
-        crud: []
-    }
-};
\ No newline at end of file
diff --git a/@salix/app/src/spliting.js b/@salix/app/src/spliting.js
deleted file mode 100644
index 139d4dec5..000000000
--- a/@salix/app/src/spliting.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import * as core from '@salix/core';
-
-export const compras = () => {
-  return new Promise(resolve => {
-    require.ensure([], () => {
-      require('@salix/compras');
-      resolve('compras');
-    }, "salix.compras");
-  });
-};
-
-core.splitingRegister.register('compras', compras);
-
-export const ventas = () => {
-  require.ensure([], () => {
-    require('@salix/ventas')
-  }, "salix.ventas");
-};
-
-core.splitingRegister.register('ventas', ventas);
-
-export const pagos = () => {
-  require.ensure([], () => {
-    require('@salix/pagos')
-  }, "salix.pagos");
-};
-
-core.splitingRegister.register('pagos', pagos);
-
-
-export const crud = () => {
-  return new Promise(resolve => {
-    require.ensure([], () => {
-      require('@salix/crud');
-      resolve('crud');
-    }, "salix.crud");
-  });
-};
-
-core.splitingRegister.register('crud', crud);
\ No newline at end of file
diff --git a/@salix/app/src/spliting/deps.json b/@salix/app/src/spliting/deps.json
new file mode 100644
index 000000000..33c88e890
--- /dev/null
+++ b/@salix/app/src/spliting/deps.json
@@ -0,0 +1,5 @@
+{
+	"app": ["buys", "crud"],
+    "buys": ["crud"],
+    "crud": []
+}
diff --git a/@salix/app/src/spliting/import.tpl.js b/@salix/app/src/spliting/import.tpl.js
new file mode 100644
index 000000000..9c17e355d
--- /dev/null
+++ b/@salix/app/src/spliting/import.tpl.js
@@ -0,0 +1 @@
+import * as core from '@salix/core';
diff --git a/@salix/app/src/spliting/require.tpl.js b/@salix/app/src/spliting/require.tpl.js
new file mode 100644
index 000000000..345fc1685
--- /dev/null
+++ b/@salix/app/src/spliting/require.tpl.js
@@ -0,0 +1,11 @@
+
+export const $module = () => {
+  return new Promise(resolve => {
+    require.ensure([], () => {
+      require('@salix/$module');
+      resolve('$module');
+    }, "salix.$module");
+  });
+};
+
+core.splitingRegister.register('$module', $module);
diff --git a/@salix/buys/index.js b/@salix/buys/index.js
new file mode 100644
index 000000000..af578bfcd
--- /dev/null
+++ b/@salix/buys/index.js
@@ -0,0 +1,2 @@
+export * from './src/buys';
+
diff --git a/@salix/compras/src/compras.js b/@salix/buys/src/buys.js
similarity index 100%
rename from @salix/compras/src/compras.js
rename to @salix/buys/src/buys.js
diff --git a/@salix/compras/index.js b/@salix/compras/index.js
deleted file mode 100644
index deb604b56..000000000
--- a/@salix/compras/index.js
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './src/compras';
-
diff --git a/@salix/compras/src/spliting.js b/@salix/compras/src/spliting.js
deleted file mode 100644
index d55880521..000000000
--- a/@salix/compras/src/spliting.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import * as core from '@salix/core';
-
-export const crud = () => {
-  return new Promise(resolve => {
-    require.ensure([], () => {
-      require('@salix/crud');
-      resolve('crud');
-    }, "salix.crud");
-  });
-};
-
-core.splitingRegister.register('crud', crud);
\ No newline at end of file
diff --git a/@salix/crud/src/crud.js b/@salix/crud/src/crud.js
index 90229cbb4..b8e3ce4aa 100644
--- a/@salix/crud/src/crud.js
+++ b/@salix/crud/src/crud.js
@@ -1,8 +1,8 @@
 export * from './module';
 
 export {NAME as CUSTOMER_INDEX,
-    COMPONENT as CUSTOMER_INDEX_COMPONENT} from './customer/index';
+	COMPONENT as CUSTOMER_INDEX_COMPONENT} from './customer/index';
 export {NAME as CUSTOMER_ADD,
-    COMPONENT as CUSTOMER_ADD_COMPONENT} from './customer/index/add';
+	COMPONENT as CUSTOMER_ADD_COMPONENT} from './customer/index/add';
 export {NAME as CUSTOMER_LIST,
-     COMPONENT as CUSTOMER_LIST_COMPONENT} from './customer/index/list';
+	COMPONENT as CUSTOMER_LIST_COMPONENT} from './customer/index/list';
diff --git a/@salix/crud/src/spliting.js b/@salix/crud/src/spliting.js
deleted file mode 100644
index e69de29bb..000000000
diff --git a/@salix/pagos/index.js b/@salix/pagos/index.js
deleted file mode 100644
index 83329dc8a..000000000
--- a/@salix/pagos/index.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import * as core from '@salix/core'
-import * as vendors from '@salix/vendor'
-import * as crud from '@salix/crud'
-import * as ventas from '@salix/ventas'
-import * as compras from '@salix/compras'
-console.log('pagos')
\ No newline at end of file
diff --git a/@salix/ventas/index.js b/@salix/ventas/index.js
deleted file mode 100644
index 3e815f50d..000000000
--- a/@salix/ventas/index.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import * as core from '@salix/core'
-import * as vendors from '@salix/vendor'
-import * as crud from '@salix/crud'
-console.log('ventas');
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
index 901302888..bcd4d2443 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -1,20 +1,72 @@
 
 var gulp = require ('gulp');
+var wrap = require('gulp-wrap');
 var concat = require ('gulp-concat');
-var insert = require ('gulp-insert');
 var babel = require ('gulp-babel');
-var wrap = require("gulp-wrap");
+var fs = require ('fs');
 
-var template = '\n"<%=file.path%>": <%=contents%>';
+// Routes
 
-gulp.task ('default', function ()
+var fileTpl = '\n"<%=file.path%>": <%=contents%>';
+var globalTpl = 'var routes = {<%=contents%>\n}';
+
+gulp.task ('routes', function ()
 {
-	var js = gulp.src ('./@salix/**/routes.js')
-		.pipe (wrap (template))
+	return gulp.src ('./@salix/**/routes.js')
+		.pipe (wrap (fileTpl))
 		.pipe (concat ('salix.routes.js', {newLine: ','}))
-		.pipe (insert.prepend ('var routes = {'))
-		.pipe (insert.append ('\n};'))
+		.pipe (wrap (globalTpl))
 		.pipe (babel ({presets: ['es2015']}))
 		.pipe (gulp.dest ('./build/private'));
 });
 
+// Spliting
+
+var baseDir = './@salix/app/src/spliting';
+var depsFile = baseDir +'/deps.json';
+
+function splitingFunc ()
+{
+	try {
+		var jsonDeps = fs.readFileSync (depsFile);
+		var modules = JSON.parse (jsonDeps);
+	}
+	catch (e)
+	{
+		console.error (e);
+		return;
+	}
+	
+	var importTpl = fs.readFileSync (baseDir +'/import.tpl.js', 'utf8');
+	var requireTpl = fs.readFileSync (baseDir +'/require.tpl.js', 'utf8');
+
+	for (var modName in modules)
+	{
+		var deps = modules[modName];
+		var splitFile = './@salix/'+ modName +'/src/spliting.js';
+		
+		try {
+			fs.unlinkSync (splitFile);
+		}
+		catch (e) {}
+		
+		fs.appendFileSync (splitFile, importTpl);
+		
+		var i = deps.length;
+		while (i--)
+			fs.appendFileSync (splitFile,
+				requireTpl.replace (/\$module/g, deps[i]));
+	}
+}
+
+gulp.task ('spliting', function ()
+{
+	splitingFunc ();
+	//gulp.watch (depsFile, splitingFunc);
+});
+
+// Default
+
+gulp.task ('default', ['routes', 'spliting']);
+
+
diff --git a/index.html b/index.html
index e093cae62..0059fda9a 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,10 @@
 		<a ui-sref="edit">edit</a>
 		<a ui-sref="delete">delete</a>
 	</div>
+	<script
+		type="text/javascript"
+		src="build/private/salix.routes.js">
+	</script>
 	<script
 		type="text/javascript"
 		src="build/public/salix.app.js"
diff --git a/package.json b/package.json
index 88395183b..70a8d1767 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "gulp-concat": "^2.6.0",
     "gulp-insert": "^0.5.0",
     "gulp-wrap": "^0.13.0",
+    "json-loader": "^0.5.4",
     "pre-commit": "^1.1.3",
     "raw-loader": "*",
     "style-loader": "^0.13.1",

From 11102f0d5da0729f0568bdd52f39b3e497c6cbfc Mon Sep 17 00:00:00 2001
From: Juan Ferrer Toribio <juan.ferrer.toribio@gmail.com>
Date: Fri, 21 Oct 2016 08:42:03 +0200
Subject: [PATCH 6/8] Debugs eliminados

---
 @salix/app/src/configroutes.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/@salix/app/src/configroutes.js b/@salix/app/src/configroutes.js
index 54ca22fb5..9f132c40b 100644
--- a/@salix/app/src/configroutes.js
+++ b/@salix/app/src/configroutes.js
@@ -18,7 +18,6 @@ function config($stateProvider, $urlRouterProvider) {
 
 	for (var file in routes)
     routes[file].forEach(function (route) {
-    	console.debug (route);
         $stateProvider.state(route.state, {
             url: route.url,
             template: route.template,

From 8d147f0c5faed13d665ae6676ae893a5fe3674a8 Mon Sep 17 00:00:00 2001
From: Juan Ferrer Toribio <juan.ferrer.toribio@gmail.com>
Date: Thu, 3 Nov 2016 15:36:33 +0100
Subject: [PATCH 7/8] Componente login

---
 @salix/core/src/check/check.mt.html         |  7 ++++---
 @salix/core/src/check/check.mt.js           |  5 +++--
 @salix/core/src/core.js                     | 12 ++++++++++++
 @salix/core/src/textfield/textfield.mt.html |  6 +++---
 @salix/core/src/textfield/textfield.mt.js   |  5 +++--
 @salix/core/src/util.js                     |  3 ++-
 index.html                                  |  1 +
 package.json                                |  2 ++
 webpack.config.js                           |  9 ++++++---
 9 files changed, 36 insertions(+), 14 deletions(-)

diff --git a/@salix/core/src/check/check.mt.html b/@salix/core/src/check/check.mt.html
index 13d98afe2..a4616186e 100644
--- a/@salix/core/src/check/check.mt.html
+++ b/@salix/core/src/check/check.mt.html
@@ -1,3 +1,4 @@
-<input type="checkbox" class="*[className]*" *[enabled]* >
- <span class="mdl-checkbox__label"> *[text]*</span>  
-
+<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="*[name]*">
+	<input type="checkbox" name="*[name]*" id="*[name]*" class="*[className]*" *[enabled]*>
+	<span class="mdl-checkbox__label">*[label]*</span>
+</label>
diff --git a/@salix/core/src/check/check.mt.js b/@salix/core/src/check/check.mt.js
index 5c043ad4b..cacd3c541 100644
--- a/@salix/core/src/check/check.mt.js
+++ b/@salix/core/src/check/check.mt.js
@@ -5,7 +5,7 @@ import template from './check.mt.html';
 
 const _NAME = 'check';
 const DEFAULT_TEXT = 'check';
-const DEFAULT_CLASS = 'mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect';
+const DEFAULT_CLASS = 'mdl-checkbox__input';
 
 export const NAME = util.getFactoryName(_NAME + constant.MATERIAL_DESIGN_FRAMEWORK);
 
@@ -13,8 +13,9 @@ export function factory() {
     return {
         template: template,
         default: {
-            text: DEFAULT_TEXT,
+            label: DEFAULT_TEXT,
             enabled: 'true',
+            id: 'checkboxId',
             className: DEFAULT_CLASS
         }
     }
diff --git a/@salix/core/src/core.js b/@salix/core/src/core.js
index f0e8af9e1..ad8aad0b9 100644
--- a/@salix/core/src/core.js
+++ b/@salix/core/src/core.js
@@ -25,3 +25,15 @@ export {NAME as TEXTFIELDBT,factory as textfieldbt} from './textfield/textfield.
 export {NAME as LABEL,directive as LabelDirective} from './label/label'
 export {NAME as LABELMT,factory as labelmt} from './label/label.mt'
 export {NAME as LABELBT,factory as labelbt} from './label/label.bt'
+
+export {NAME as PASSWORD,directive as PasswordDirective} from './password/password'
+export {NAME as PASSWORDMT,factory as passwordmt} from './password/password.mt'
+export {NAME as SUBMIT,directive as SubmitDirective} from './submit/submit'
+export {NAME as SUBMITMT,factory as submitmt} from './submit/submit.mt'
+export {NAME as SNACKBAR,directive as SnackbarDirective} from './snackbar/snackbar'
+export {NAME as SNACKBARMT,factory as snackbarmt} from './snackbar/snackbar.mt'
+export {NAME as SPINNER,directive as SpinnerDirective} from './spinner/spinner'
+export {NAME as SPINNERMT,factory as spinnermt} from './spinner/spinner.mt'
+
+export {NAME as LOGIN, COMPONENT as LOGIN_COMPONENT} from './login/login';
+
diff --git a/@salix/core/src/textfield/textfield.mt.html b/@salix/core/src/textfield/textfield.mt.html
index 03c055503..156daaa2e 100644
--- a/@salix/core/src/textfield/textfield.mt.html
+++ b/@salix/core/src/textfield/textfield.mt.html
@@ -1,4 +1,4 @@
 <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
-    <input class="*[className]*" type="*[type]*" *[enabled]*>
-    <label class="mdl-textfield__label">*[text]*</label>
-  </div>
\ No newline at end of file
+	<input class="*[className]*" type="*[type]*" name="*[name]*" *[enabled]*>
+	<label class="mdl-textfield__label">*[label]*</label>
+</div>
diff --git a/@salix/core/src/textfield/textfield.mt.js b/@salix/core/src/textfield/textfield.mt.js
index 7caf83369..a632c0336 100644
--- a/@salix/core/src/textfield/textfield.mt.js
+++ b/@salix/core/src/textfield/textfield.mt.js
@@ -4,7 +4,7 @@ import * as constant from '../constants';
 import template from './textfield.mt.html';
 
 const _NAME = 'textfield';
-const DEFAULT_TEXT = 'text';
+const DEFAULT_LABEL = 'text';
 const DEFAULT_CLASS = 'mdl-textfield__input';
 const DEFAULT_TYPE = 'text';
 
@@ -14,7 +14,8 @@ export function factory() {
     return {
         template: template,
         default: {
-            text: DEFAULT_TEXT,
+            label: DEFAULT_LABEL,
+            name: 'textfield',
             enabled: 'enabled',
             className: DEFAULT_CLASS,
             type: DEFAULT_TYPE
diff --git a/@salix/core/src/util.js b/@salix/core/src/util.js
index f6d0c9ea3..5206d3768 100644
--- a/@salix/core/src/util.js
+++ b/@salix/core/src/util.js
@@ -35,6 +35,7 @@ export function getProviderName(name){
 export function getTemplateName(componentName,frameworkName){
     return componentName + '.' + frameworkName + '.' + '.html'
 }
+
 export function getVendorDependencies(vendors){
     let dependencies = [];
     Object.keys(vendors).forEach((vendor)=>{
@@ -44,4 +45,4 @@ export function getVendorDependencies(vendors){
         }
     });
     return dependencies;
-}
\ No newline at end of file
+}
diff --git a/index.html b/index.html
index 0059fda9a..d085b0f40 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,7 @@
 <!doctype html>
 <html>
 <head>
+	<meta charset="UTF-8">
     <title>Salix</title>    
 </head>
 <body>
diff --git a/package.json b/package.json
index 70a8d1767..03a28fec7 100644
--- a/package.json
+++ b/package.json
@@ -31,8 +31,10 @@
     "gulp-insert": "^0.5.0",
     "gulp-wrap": "^0.13.0",
     "json-loader": "^0.5.4",
+    "node-sass": "^3.11.0",
     "pre-commit": "^1.1.3",
     "raw-loader": "*",
+    "sass-loader": "^4.0.2",
     "style-loader": "^0.13.1",
     "webpack": "*",
     "webpack-dev-server": "*"
diff --git a/webpack.config.js b/webpack.config.js
index 695c71384..e4c838a32 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -22,15 +22,18 @@ module.exports =
                 query: {
                     presets: ['es2015']
                 }
-            }, {
+            },{
                 test: /\.html$/,
                 loader: 'raw'
-            }, {
+            },{
                 test: /\.json$/,
                 loader: 'json'
-            }, {
+            },{
                 test: /\.css$/,
                 loader: 'style!css'
+            },{
+                test: /\.scss$/,
+                loader: 'style!css!sass'
             }
         ]
     },

From afd7877d7d85741f0bf48a7224933e5120955dc8 Mon Sep 17 00:00:00 2001
From: Juan Ferrer Toribio <juan.ferrer.toribio@gmail.com>
Date: Thu, 3 Nov 2016 15:37:18 +0100
Subject: [PATCH 8/8] Componente login

---
 @salix/core/src/login/login.html          | 25 +++++++
 @salix/core/src/login/login.js            | 88 +++++++++++++++++++++++
 @salix/core/src/login/login.scss          | 47 ++++++++++++
 @salix/core/src/password/password.js      | 18 +++++
 @salix/core/src/password/password.mt.html |  4 ++
 @salix/core/src/password/password.mt.js   | 18 +++++
 @salix/core/src/snackbar/snackbar.js      | 18 +++++
 @salix/core/src/snackbar/snackbar.mt.html |  4 ++
 @salix/core/src/snackbar/snackbar.mt.js   | 16 +++++
 @salix/core/src/spinner/spinner.js        | 18 +++++
 @salix/core/src/spinner/spinner.mt.html   |  2 +
 @salix/core/src/spinner/spinner.mt.js     | 15 ++++
 @salix/core/src/submit/submit.js          | 18 +++++
 @salix/core/src/submit/submit.mt.html     |  2 +
 @salix/core/src/submit/submit.mt.js       | 17 +++++
 login.html                                | 19 +++++
 16 files changed, 329 insertions(+)
 create mode 100755 @salix/core/src/login/login.html
 create mode 100644 @salix/core/src/login/login.js
 create mode 100644 @salix/core/src/login/login.scss
 create mode 100644 @salix/core/src/password/password.js
 create mode 100644 @salix/core/src/password/password.mt.html
 create mode 100644 @salix/core/src/password/password.mt.js
 create mode 100644 @salix/core/src/snackbar/snackbar.js
 create mode 100644 @salix/core/src/snackbar/snackbar.mt.html
 create mode 100644 @salix/core/src/snackbar/snackbar.mt.js
 create mode 100644 @salix/core/src/spinner/spinner.js
 create mode 100644 @salix/core/src/spinner/spinner.mt.html
 create mode 100644 @salix/core/src/spinner/spinner.mt.js
 create mode 100644 @salix/core/src/submit/submit.js
 create mode 100644 @salix/core/src/submit/submit.mt.html
 create mode 100644 @salix/core/src/submit/submit.mt.js
 create mode 100644 login.html

diff --git a/@salix/core/src/login/login.html b/@salix/core/src/login/login.html
new file mode 100755
index 000000000..8670c2a32
--- /dev/null
+++ b/@salix/core/src/login/login.html
@@ -0,0 +1,25 @@
+<div class="vn-login">
+	<div class="box-wrapper">
+	<div class="box">
+	<form id="form" action="http://localhost:3000/login">
+		<div class="header">
+			<img src="image/banner.svg" alt=""/>
+		</div>
+		<div class="form-group">
+			<vn-textfield label="E-Mail" name="email"></vn-textfield>
+		</div>
+		<div class="form-group">
+			<vn-password label="Password" name="password"></vn-password>
+		</div>
+		<div>
+			<vn-check label="Do not close session" name="remember"></vn-check>
+		</div>
+		<div class="footer">
+			<vn-submit></vn-submit>
+			<vn-spinner id="spinner"></vn-spinner>
+		</div>
+	</form>
+	</div>
+	</div>
+	<vn-snackbar id="snackbar"/></vn-snackbar>
+</div>
diff --git a/@salix/core/src/login/login.js b/@salix/core/src/login/login.js
new file mode 100644
index 000000000..2cb9cc09f
--- /dev/null
+++ b/@salix/core/src/login/login.js
@@ -0,0 +1,88 @@
+import {module} from '../module';
+import template from './login.html';
+import style from './login.scss';
+
+export const COMPONENT = {
+    template: template,
+    controller: function () {
+		function $ (id) {
+			return document.getElementById (id);
+		}
+		
+		var self = this;
+		$('form').onsubmit = function () {
+			self._onSubmit ();
+			return false;
+		};
+
+		this._onSubmit = function () {
+			var params = '';
+			var elements = $('form').elements;
+
+			for (var i = 0; i < elements.length; i++)
+			if (elements[i].name) {			
+				if (params.length > 1)
+					params += '&';
+
+				params += elements[i].name +'='+
+					encodeURIComponent (elements[i].value);
+			}
+
+			var request = new XMLHttpRequest ();
+			request.open ('post', form.action, true);
+			request.setRequestHeader ('Content-Type',
+				'application/x-www-form-urlencoded');
+			request.onreadystatechange =
+				this._onLoginResponse.bind (this, request);
+			request.send (params);
+
+			$('spinner').firstChild.MaterialSpinner.start ();
+		};
+		this._onLoginResponse = function (request) {
+			$('spinner').firstChild.MaterialSpinner.stop ();
+
+			if (request.readyState !== 4)
+				return;
+
+			var data = null;
+
+			try {
+				var data = JSON.parse (request.responseText);
+				console.debug (data);
+			}
+			catch (e) {}
+
+			if (request.status == 200 && data)
+			{
+				sessionStorage.setItem ('token', data.accessToken);
+				window.location = 'index.html';
+			}
+			else
+			{
+				sessionStorage.setItem ('token', '');
+
+				var message;
+
+				switch (request.status)
+				{
+					case 401:
+						message = 'Invalid credentials';
+						break;
+					case 0:
+						message = 'Can\'t contact with server';
+						break;
+					default:
+						message = 'Something went wrong';
+				}
+			
+				var snackbar = $('snackbar');
+				snackbar.firstChild.MaterialSnackbar.showSnackbar ({
+					message: message
+				});
+			}
+		}
+	}
+};
+
+module.component('vnLogin', COMPONENT);
+
diff --git a/@salix/core/src/login/login.scss b/@salix/core/src/login/login.scss
new file mode 100644
index 000000000..679d3d58c
--- /dev/null
+++ b/@salix/core/src/login/login.scss
@@ -0,0 +1,47 @@
+
+.vn-login
+{
+	position: absolute;
+	height: 100%;
+	width: 100%;
+	margin: 0;
+	padding: 0;
+	color: #333;
+	font-size: 1.1em;
+	font-weight: normal;
+	background-color: #EEE;
+
+	.box-wrapper
+	{
+		position: relative;
+		max-width: 20em;
+		margin: auto;
+		height: inherit;
+	}
+	.box
+	{
+		box-sizing: border-box;
+		position: absolute;
+		top: 50%;
+		width: 100%;
+		height: 18em;
+		margin-top: -9em;
+		padding: 1em;
+		background-color: white;
+		box-shadow: 0 0 .3em 0 rgba(1,1,1,.4);
+		border-radius: .1em;
+	}
+	.footer
+	{
+		margin-top: 1em;
+		margin-left: 3em;
+		text-align: center;
+	}
+	input[type=submit]
+	{
+		display: inline;
+	}
+}
+
+@media (max-height: 50em){}
+
diff --git a/@salix/core/src/password/password.js b/@salix/core/src/password/password.js
new file mode 100644
index 000000000..86b909e92
--- /dev/null
+++ b/@salix/core/src/password/password.js
@@ -0,0 +1,18 @@
+import {module} from '../module';
+import * as resolveFactory from '../resolveDefaultComponents';
+import * as util from '../util';
+
+const _NAME = 'password';
+export const NAME = util.getName(_NAME);
+
+directive.$inject =[resolveFactory.NAME];
+export function directive (resolve){
+    return{
+        require:'E',
+        template: function(_,attr){
+           return resolve.getTemplate(_NAME, attr);
+        }
+    }
+}
+
+module.directive(NAME,directive);
diff --git a/@salix/core/src/password/password.mt.html b/@salix/core/src/password/password.mt.html
new file mode 100644
index 000000000..4be290412
--- /dev/null
+++ b/@salix/core/src/password/password.mt.html
@@ -0,0 +1,4 @@
+<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
+	<input class="*[className]*" type="password" name="*[name]*" *[enabled]*>
+	<label class="mdl-textfield__label">*[label]*</label>
+</div>
diff --git a/@salix/core/src/password/password.mt.js b/@salix/core/src/password/password.mt.js
new file mode 100644
index 000000000..5bad39aff
--- /dev/null
+++ b/@salix/core/src/password/password.mt.js
@@ -0,0 +1,18 @@
+import {module} from '../module';
+import template from './password.mt.html';
+
+export const NAME = 'vnPasswordmtFactory';
+
+export function factory() {
+    return {
+        template: template,
+        default: {
+            label: 'Password',
+            name: 'password',
+            enabled: 'enabled',
+            className: 'mdl-textfield__input'
+        }
+    }
+}
+
+module.factory(NAME, factory);
diff --git a/@salix/core/src/snackbar/snackbar.js b/@salix/core/src/snackbar/snackbar.js
new file mode 100644
index 000000000..3209b3671
--- /dev/null
+++ b/@salix/core/src/snackbar/snackbar.js
@@ -0,0 +1,18 @@
+import {module} from '../module';
+import * as resolveFactory from '../resolveDefaultComponents';
+import * as util from '../util';
+
+const _NAME = 'snackbar';
+export const NAME = util.getName(_NAME);
+
+directive.$inject =[resolveFactory.NAME];
+export function directive (resolve){
+    return{
+        require:'E',
+        template: function(_,attr){
+           return resolve.getTemplate(_NAME, attr);
+        }
+    }
+}
+
+module.directive(NAME,directive);
diff --git a/@salix/core/src/snackbar/snackbar.mt.html b/@salix/core/src/snackbar/snackbar.mt.html
new file mode 100644
index 000000000..256f591b1
--- /dev/null
+++ b/@salix/core/src/snackbar/snackbar.mt.html
@@ -0,0 +1,4 @@
+<div class="*[className]*">
+	<div class="mdl-snackbar__text"></div>
+	<button class="mdl-snackbar__action" type="button"></button>
+</div>
diff --git a/@salix/core/src/snackbar/snackbar.mt.js b/@salix/core/src/snackbar/snackbar.mt.js
new file mode 100644
index 000000000..9c13da28e
--- /dev/null
+++ b/@salix/core/src/snackbar/snackbar.mt.js
@@ -0,0 +1,16 @@
+import {module} from '../module';
+import template from './snackbar.mt.html';
+
+export const NAME = 'vnSnackbarmtFactory';
+
+export function factory() {
+    return {
+        template: template,
+        default: {
+        	message: 'Default message',
+            className: 'mdl-js-snackbar mdl-snackbar'
+        }
+    }
+}
+
+module.factory(NAME, factory);
diff --git a/@salix/core/src/spinner/spinner.js b/@salix/core/src/spinner/spinner.js
new file mode 100644
index 000000000..b7bc987b2
--- /dev/null
+++ b/@salix/core/src/spinner/spinner.js
@@ -0,0 +1,18 @@
+import {module} from '../module';
+import * as resolveFactory from '../resolveDefaultComponents';
+import * as util from '../util';
+
+const _NAME = 'spinner';
+export const NAME = util.getName(_NAME);
+
+directive.$inject =[resolveFactory.NAME];
+export function directive (resolve){
+    return{
+        require:'E',
+        template: function(_,attr){
+           return resolve.getTemplate(_NAME, attr);
+        }
+    }
+}
+
+module.directive(NAME,directive);
diff --git a/@salix/core/src/spinner/spinner.mt.html b/@salix/core/src/spinner/spinner.mt.html
new file mode 100644
index 000000000..45dd8201f
--- /dev/null
+++ b/@salix/core/src/spinner/spinner.mt.html
@@ -0,0 +1,2 @@
+<div class="*[className]*">
+</div>
diff --git a/@salix/core/src/spinner/spinner.mt.js b/@salix/core/src/spinner/spinner.mt.js
new file mode 100644
index 000000000..a7ca37d90
--- /dev/null
+++ b/@salix/core/src/spinner/spinner.mt.js
@@ -0,0 +1,15 @@
+import {module} from '../module';
+import template from './spinner.mt.html';
+
+export const NAME = 'vnSpinnermtFactory';
+
+export function factory() {
+    return {
+        template: template,
+        default: {
+            className: 'mdl-spinner mdl-spinner--single-color mdl-js-spinner'
+        }
+    }
+}
+
+module.factory(NAME, factory);
diff --git a/@salix/core/src/submit/submit.js b/@salix/core/src/submit/submit.js
new file mode 100644
index 000000000..4f548ced9
--- /dev/null
+++ b/@salix/core/src/submit/submit.js
@@ -0,0 +1,18 @@
+import {module} from '../module';
+import * as resolveFactory from '../resolveDefaultComponents';
+import * as util from '../util';
+
+const _NAME = 'submit';
+export const NAME = util.getName(_NAME);
+
+directive.$inject =[resolveFactory.NAME];
+export function directive (resolve){
+    return{
+        require:'E',
+        template: function(_,attr){
+           return resolve.getTemplate(_NAME, attr);
+        }
+    }
+}
+
+module.directive(NAME,directive);
diff --git a/@salix/core/src/submit/submit.mt.html b/@salix/core/src/submit/submit.mt.html
new file mode 100644
index 000000000..fa4ddabb5
--- /dev/null
+++ b/@salix/core/src/submit/submit.mt.html
@@ -0,0 +1,2 @@
+<input type="submit" class="*[className]*" value="*[text]*" *[enabled]*>
+</input>
diff --git a/@salix/core/src/submit/submit.mt.js b/@salix/core/src/submit/submit.mt.js
new file mode 100644
index 000000000..33c5e5454
--- /dev/null
+++ b/@salix/core/src/submit/submit.mt.js
@@ -0,0 +1,17 @@
+import {module} from '../module';
+import template from './submit.mt.html';
+
+export const NAME = 'vnSubmitmtFactory';
+
+export function factory() {
+    return {
+        template: template,
+        default: {
+            text: 'Submit',
+            className: 'mdl-button mdl-js-button mdl-button--raised',
+            enabled: 'true'
+        }
+    }
+}
+
+module.factory(NAME, factory);
diff --git a/login.html b/login.html
new file mode 100644
index 000000000..66d138601
--- /dev/null
+++ b/login.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html>
+<head>
+	<meta charset="UTF-8">
+    <title>Salix</title>    
+</head>
+<body>
+	<vn-login id="login"></vn-login>
+	<script
+		type="text/javascript"
+		src="build/private/salix.routes.js">
+	</script>
+	<script
+		type="text/javascript"
+		src="build/public/salix.app.js"
+		selector="#login">
+	</script>
+</body>
+</html>