Navegación entre rutas

parte del inject

@salix/app/src/configroutes.js

@@ -34,4 +34,5 @@ function config($stateProvider, $urlRouterProvider) {
     }
 }
 
+config.$inject = ['$stateProvider', '$urlRouterProvider'];
 core.module.config(config);

@salix/core/src/interpolate.js

@@ -197,4 +197,6 @@ export class Interpolate
     }
 }
 
-module.provider(NAME, () => new Interpolate());
+var interpolate = new Interpolate();
+interpolate.$get.$inject = ['$parse', '$exceptionHandler', '$sce'];
+module.provider(NAME, () => interpolate);

@salix/core/src/resolveDefaultComponents.js

@@ -32,4 +32,6 @@ export class ResolveDefaultComponent {
     }
 }
 
-_module.provider(NAME,() => new ResolveDefaultComponent());
+var resolve = new ResolveDefaultComponent();
+resolve.$get.$inject = ['$injector', 'vnInterpolate'];
+_module.provider(NAME,() => resolve);

@salix/core/src/routesLoader.js

@@ -25,5 +25,7 @@ export class RoutesLoader
 	}
 }
 
-_module.provider (NAME, () => new RoutesLoader ())
+var routes = new RoutesLoader ();
+routes.$get.$inject = ['$http'];
+_module.provider (NAME, () => routes)
 

@salix/crud/src/client/addresses/index.js

@@ -27,4 +27,5 @@ export const COMPONENT = {
 			});
 	},
 };
+COMPONENT.controller.$inject = ['$http'];
 module.component(NAME, COMPONENT);

@salix/crud/src/client/basic-data/index.js

@@ -13,4 +13,5 @@ export const COMPONENT = {
         };
     }
 };
+COMPONENT.controller.$inject = ['$http'];
 module.component(NAME, COMPONENT);

@salix/crud/src/client/card/card.js

@@ -6,10 +6,16 @@ const _NAME = 'clientClient';
 export const NAME = "vnClientCard";
 export const COMPONENT = {
     template: template,
-    controller: function() {
+    controller: function($http, $stateParams) {
         let clientRoutes = routes['src/client/routes.js'].routes;
-
+        this.client = [];
         this.items = [];
+
+        $http.get(`/client/api/Clients/${$stateParams.id}`).then(
+            (json) => {this.client = json.data;},
+            (json) => console.error (json.data.error.message)
+        );
+
         clientRoutes.forEach ((i) => {
             if (i.description)
                 this.items.push ({
@@ -26,5 +32,5 @@ export const COMPONENT = {
         };
     }
 };
-
+COMPONENT.controller.$inject = ['$http', '$stateParams'];
 module.component(NAME, COMPONENT);

@salix/crud/src/client/client.js

@@ -16,3 +16,5 @@ export {NAME as CLIENT_NOTES,
 	COMPONENT as CLIENT_NOTES_COMPONENT} from './notes/index';
 export {NAME as CLIENT_SEARCH_PANEL,
 	COMPONENT as CLIENT_SEARCH_PANEL_COMPONENT} from './search-panel/search-panel';
+export {NAME as CLIENT_ITEM,
+	COMPONENT as CLIENT_ITEM_COMPONENT} from './index/item-client';

@salix/crud/src/client/fiscal-data/index.js

@@ -13,5 +13,6 @@ export const COMPONENT = {
         };
     }
 };
+COMPONENT.controller.$inject = ['$http'];
 module.component(NAME, COMPONENT);
 

@salix/crud/src/client/index/index.html

@@ -1,4 +1,3 @@
-<form ng-submit="$ctrl.submit()">
 <vn-vertical class="full-height">
     <vn-topbar></vn-topbar>
     <vn-horizontal>
@@ -6,6 +5,12 @@
         <vn-searchbar vn-four id="searchbar"></vn-searchbar>
         <vn-search-panel ></vn-search-panel>
         <vn-four></vn-four>    
-    </vn-horizontal> 
+    </vn-horizontal>
-</vn-vertical>
+    <vn-horizontal>
-</form>
+        <vn-three></vn-three>
+        <vn-vertical>
+            <vn-item-client  ng-repeat="client in $ctrl.clients" client = "client" vn-six></vn-item-client>
+        </vn-vertical>
+        <vn-three></vn-three>  
+    </vn-horizontal>  
+</vn-vertical>

@salix/crud/src/client/index/index.js

@@ -5,9 +5,16 @@ export const NAME = "vnClientIndex";
 export const COMPONENT = {
     template: template,
     controller: function($http) {
+        this.clients = [];
+        
+        $http.get('/client/api/Clients').then(
+            (json) => {this.clients = json.data; },
+            (json) => console.error (json.data.error.message)
+        );
+        
+
         this.submit = function() {
             var query = {where: this.model, fields: {id: true}};
-            console.log(query);
             $http.get(`/client/api/Clients/findOne?filter=${JSON.stringify(query)}`).then(
                 function(response) {
                     console.log(response);
@@ -19,5 +26,5 @@ export const COMPONENT = {
         };
     }
 };
-//COMPONENT.controller.$inject = ['$http'];
+COMPONENT.controller.$inject = ['$http'];
 module.component(NAME, COMPONENT);

@salix/crud/src/client/index/item-client.html

@@ -0,0 +1,12 @@
+<vn-auto style="border-radius: .5em;" >
+    <vn-horizontal style="align-items: center;">
+        <vn-auto>
+            <div><b>{{$ctrl.client.alias}}</b></div>
+            <div>{{$ctrl.client.name}}</div>
+            <div>{{$ctrl.client.phone}}, {{$ctrl.client.contact}}</div>
+        </vn-auto>
+        <vn-empty>
+           <a ui-sref="clientCard.basicData({ id: {{$ctrl.client.id}} })"><vn-icon-button icon="edit" ></vn-icon-button></a>
+        </vn-empty>
+    </vn-horizontal>
+</vn-auto>

@salix/crud/src/client/index/item-client.js

@@ -0,0 +1,11 @@
+import template from './item-client.html';
+import {module} from '../../module';
+
+export const NAME = 'vnItemClient';
+export const COMPONENT = {
+    template: template,
+    bindings: {
+        client: '<'
+    }
+};
+module.component(NAME, COMPONENT);

@salix/login/src/login/login.js

@@ -78,6 +78,7 @@ export const COMPONENT =
 	controllerAs: 'login'
 };
 
+COMPONENT.controller.$inject = ['$http'];
 module.component('vnLogin', COMPONENT);
 module.config(['$httpProvider', function($httpProvider) {
 		$httpProvider.defaults.useXDomain = true;

@salix/webpack.config.js

@@ -48,6 +48,7 @@ var config = {
             'node_modules'
         ]
     },
+    plugins: [],
     devtool: 'source-map'
 };