demo for testing livesync

vakrilov · vakrilov · commit f6c70366115c · 2016-06-28T14:10:38.000+03:00
diff --git a/ng-sample/app/examples/livesync-test/first/first.component.css b/ng-sample/app/examples/livesync-test/first/first.component.css
@@ -0,0 +1,14 @@
+.title {
+    font-size: 30;
+    margin: 16;
+    color: darkblue;
+}
+
+button {
+    horizontal-align: center;
+    margin: 10;
+}
+
+stack-layout {
+    background-color: lightgreen;
+}
diff --git a/ng-sample/app/examples/livesync-test/first/first.component.ts b/ng-sample/app/examples/livesync-test/first/first.component.ts
@@ -0,0 +1,12 @@
+import { Component } from "@angular/core";
+import { ROUTER_DIRECTIVES } from '@angular/router';
+import { NS_ROUTER_DIRECTIVES} from "nativescript-angular/router"
+
+@Component({
+    selector: "first",
+    directives: [ROUTER_DIRECTIVES, NS_ROUTER_DIRECTIVES],
+    styleUrls: ["examples/livesync-test/first/first.component.css"],
+    templateUrl: "examples/livesync-test/first/first.component.xml"
+})
+export class FirstComponent {
+}
diff --git a/ng-sample/app/examples/livesync-test/first/first.component.xml b/ng-sample/app/examples/livesync-test/first/first.component.xml
@@ -0,0 +1,4 @@
+<StackLayout>
+    <Label text="First Page" class="title"></Label>
+    <Button text="Go to second" nsRouterLink="second"></Button>
+</StackLayout>
diff --git a/ng-sample/app/examples/livesync-test/livesync-test-app.ts b/ng-sample/app/examples/livesync-test/livesync-test-app.ts
@@ -0,0 +1,22 @@
+import { Component } from "@angular/core";
+import { RouterConfig } from '@angular/router';
+import { NS_ROUTER_DIRECTIVES, nsProvideRouter} from "nativescript-angular/router"
+
+import {FirstComponent} from "./first/first.component";
+import {SecondComponent} from "./second/second.component";
+
+@Component({
+    selector: 'livesync-app-test',
+    directives: [NS_ROUTER_DIRECTIVES],
+    template: `<page-router-outlet></page-router-outlet>`
+})
+export class LivesyncApp { }
+
+const routes: RouterConfig = [
+    { path: "", component: FirstComponent },
+    { path: "second", component: SecondComponent },
+];
+
+export const LivesyncTestRouterProviders = [
+    nsProvideRouter(routes, { enableTracing: false })
+];
diff --git a/ng-sample/app/examples/livesync-test/second/second.component.css b/ng-sample/app/examples/livesync-test/second/second.component.css
@@ -0,0 +1,14 @@
+.title {
+    font-size: 30;
+    margin: 16;
+    color: darkgreen;
+}
+
+button {
+    horizontal-align: center;
+    margin: 10;
+}
+
+stack-layout {
+    background-color: lightblue;
+}
diff --git a/ng-sample/app/examples/livesync-test/second/second.component.ts b/ng-sample/app/examples/livesync-test/second/second.component.ts
@@ -0,0 +1,12 @@
+import { Component } from "@angular/core";
+import { ROUTER_DIRECTIVES } from '@angular/router';
+import { NS_ROUTER_DIRECTIVES} from "nativescript-angular/router"
+
+@Component({
+    selector: "second",
+    directives: [ROUTER_DIRECTIVES, NS_ROUTER_DIRECTIVES],
+    styleUrls: ["examples/livesync-test/second/second.component.css"],
+    templateUrl: "examples/livesync-test/second/second.component.xml"
+})
+export class SecondComponent {
+}
diff --git a/ng-sample/app/examples/livesync-test/second/second.component.xml b/ng-sample/app/examples/livesync-test/second/second.component.xml
@@ -0,0 +1,4 @@
+<StackLayout>
+    <Label text="Second Page" class="title"></Label>
+    <Button text="Go to first" nsRouterLink=""></Button>
+</StackLayout>
