routetest, for pull

code/moya-angular/package.json

@@ -29,6 +29,11 @@
     "ts-helpers": "^1.1.1",
     "ts-helpers": "^1.1.1",
     "zone.js": "^0.7.2"
     "zone.js": "^0.7.2"
   },
   },
+  "scripts" : {
+    "prekissa" : "echo \"pre kissa\" ",
+    "postkissa" : "echo \"post kissa\" ",
+    "kissa": "node test.js"
+  },
   "devDependencies": {
   "devDependencies": {
     "@angular/compiler-cli": "^2.3.1",
     "@angular/compiler-cli": "^2.3.1",
     "@types/jasmine": "2.5.38",
     "@types/jasmine": "2.5.38",

code/moya-angular/src/app/app.component.html

-<h1>
-  VIPLIST
-</h1>
-
-<moya-viplist>Loading viplist</moya-viplist>
-
+<h1>Moya</h1>
 
 
+<router-outlet></router-outlet>

code/moya-angular/src/app/app.module.ts

@@ -8,17 +8,29 @@ import { ViplistComponent } from './viplist/viplist.component';
 import {AlertModule} from "ng2-bootstrap";
 import {AlertModule} from "ng2-bootstrap";
 import {MoyaRestModule} from "./moya-rest/moya-rest.module";
 import {MoyaRestModule} from "./moya-rest/moya-rest.module";
 
 
+import { RouterModule, Routes } from '@angular/router';
+import {TestComponent} from "./test/test.component";
+
+
+const appRoutes: Routes = [
+  { path: 'viplist', component: ViplistComponent },
+  { path: 'test', component: TestComponent }
+];
+
+
 @NgModule({
 @NgModule({
   declarations: [
   declarations: [
     AppComponent,
     AppComponent,
-    ViplistComponent
+    ViplistComponent,
+    TestComponent
   ],
   ],
   imports: [
   imports: [
     BrowserModule,
     BrowserModule,
     FormsModule,
     FormsModule,
     HttpModule,
     HttpModule,
     AlertModule.forRoot(),
     AlertModule.forRoot(),
-    MoyaRestModule.forRoot()
+    MoyaRestModule.forRoot(),
+    RouterModule.forRoot(appRoutes)
   ],
   ],
   providers: [],
   providers: [],
   bootstrap: [AppComponent]
   bootstrap: [AppComponent]

code/moya-angular/src/app/viplist/viplist.component.html

@@ -17,6 +17,7 @@
       <td>
       <td>
         <div>
         <div>
           <div *ngFor="let p of vip.products">
           <div *ngFor="let p of vip.products">
+
             <div style="display: inline-block;">{{p.name}}</div>
             <div style="display: inline-block;">{{p.name}}</div>
             <div style="display: inline-block;">{{p.quantity}}</div>
             <div style="display: inline-block;">{{p.quantity}}</div>
           </div>
           </div>

code/moya-web/WebContent/angular.xhtml

@@ -6,7 +6,8 @@
 <h:body>
 <h:body>
 	<ui:composition template="#{sessionHandler.template}">
 	<ui:composition template="#{sessionHandler.template}">
 		<ui:define name="headerdata">
 		<ui:define name="headerdata">
-			<base href="/MoyaWeb/resources/angular-dist/"></base>
+			<!-- base href="/MoyaWeb/resources/angular-dist/"></base-->
+			<base href="/MoyaWeb/angular.jsf#/#/"></base>
 		</ui:define>
 		</ui:define>
 		<ui:define name="content">
 		<ui:define name="content">