Update ng-sample with a RendererTest NgModule

Author: hdeshev

ng-sample/app/app.ts

@@ -6,9 +6,10 @@
 //profiling.start('application-start');
 
 // "nativescript-angular/application" import should be first in order to load some required settings (like globals and reflect-metadata)
-import { nativeScriptBootstrap, onAfterLivesync, onBeforeLivesync } from "nativescript-angular/application";
+//import { nativeScriptBootstrap, onAfterLivesync, onBeforeLivesync} from "nativescript-angular/application";
+import { NativeScriptModule, platformNativeScriptDynamic } from "nativescript-angular/platform";
+import { NgModule } from "@angular/core";
 import { Router } from "@angular/router";
-import { NS_ROUTER_PROVIDERS as NS_ROUTER_PROVIDERS_DEPRECATED } from "nativescript-angular/router-deprecated";
 import { NS_ROUTER_PROVIDERS } from "nativescript-angular/router";
 import { HTTP_PROVIDERS } from "@angular/http";
 import { rendererTraceCategory, routerTraceCategory, listViewTraceCategory } from "nativescript-angular/trace";
@@ -31,10 +32,6 @@ import {ModalTest} from "./examples/modal/modal-test";
 import {PlatfromDirectivesTest} from "./examples/platform-directives/platform-directives-test";
 import {LivesyncApp, LivesyncTestRouterProviders} from "./examples/livesync-test/livesync-test-app";
 
-// router-deprecated
-import {NavigationTest} from "./examples/router-deprecated/navigation-test";
-import {RouterOutletTest} from "./examples/router-deprecated/router-outlet-test";
-import {LoginTest} from "./examples/router-deprecated/login-test";
 
 // new router
 import { RouterOutletAppComponent, RouterOutletRouterProviders} from "./examples/router/router-outlet-test";
@@ -65,13 +62,24 @@ import { AnimationStatesTest } from "./examples/animation/animation-states-test"
 // nativeScriptBootstrap(RouterOutletAppComponent, [RouterOutletRouterProviders]);
 // nativeScriptBootstrap(PageRouterOutletAppComponent, [PageRouterOutletRouterProviders]);
 // nativeScriptBootstrap(PageRouterOutletNestedAppComponent, [PageRouterOutletNestedRouterProviders]);
-nativeScriptBootstrap(ClearHistoryAppComponent, [ClearHistoryRouterProviders]);
+// nativeScriptBootstrap(ClearHistoryAppComponent, [ClearHistoryRouterProviders]);
 // nativeScriptBootstrap(LoginAppComponent, [LoginExampleProviders]);
 
-// router-deprecated
-// nativeScriptBootstrap(NavigationTest, [NS_ROUTER_PROVIDERS_DEPRECATED]);
-// nativeScriptBootstrap(RouterOutletTest, [NS_ROUTER_PROVIDERS_DEPRECATED]);
-// nativeScriptBootstrap(LoginTest, [NS_ROUTER_PROVIDERS_DEPRECATED]);
+@NgModule({
+    bootstrap: [
+        RendererTest
+    ],
+    declarations: [
+        RendererTest
+    ],
+    imports: [
+        NativeScriptModule,
+    ],
+    providers: []
+})
+class RendererTestModule {}
+
+platformNativeScriptDynamic().bootstrapModule(RendererTestModule);
 
 // Livesync test
 // var cahcedUrl: string;

ng-sample/app/examples/action-bar/action-bar-test.ts

@@ -1,7 +1,10 @@
 import {Component} from '@angular/core';
-import {RouteConfig} from '@angular/router-deprecated';
+//TODO: port to latest router
+//import {RouteConfig} from '@angular/router-deprecated';
+//import {NS_ROUTER_DIRECTIVES, NS_ROUTER_PROVIDERS} from "nativescript-angular/router-deprecated/ns-router-deprecated";
+const NS_ROUTER_DIRECTIVES = [];
+
 import { Page} from "ui/page";
-import {NS_ROUTER_DIRECTIVES, NS_ROUTER_PROVIDERS} from "nativescript-angular/router-deprecated/ns-router-deprecated";
 import {NS_DIRECTIVES} from "nativescript-angular/directives";
 
 @Component({
@@ -84,10 +87,11 @@ class SecondComponent {
     </GridLayout>
     `
 })
-@RouteConfig([
-    { path: '/', component: FirstComponent, name: 'First' },
-    { path: '/second', component: SecondComponent, name: 'Second' },
-])
+//TODO: port to latest router
+//@RouteConfig([
+    //{ path: '/', component: FirstComponent, name: 'First' },
+    //{ path: '/second', component: SecondComponent, name: 'Second' },
+//])
 export class ActionBarTest {
 }
 

ng-sample/app/examples/renderer-test.html

@@ -1,12 +1,8 @@
 <StackLayout orientation='vertical'>
+    <Label [text]='model.mydate | date:"fullDate"' [ngStyle]="{'background-color': 'lime'}"></Label>
     <Progress value="50" style="color: red"></Progress>
-    <!--<TimePicker [(ngModel)]='model.deliveryTime' ></TimePicker>
-        <Label [text]='model.deliveryTime' ></Label>
-        <DatePicker [(ngModel)]='model.deliveryDate' ></DatePicker>
-        <Label [text]='model.deliveryDate' ></Label>-->
     <SearchBar [(ngModel)]='model.search'></SearchBar>
     <Label [text]='model.search' [style.backgroundColor]="'hotpink'"></Label>
-    <Label [text]='model.mydate | date:"fullDate"' [ngStyle]="{'background-color': 'lime'}"></Label>
     <Slider [(ngModel)]='model.sliderTest'></Slider>
     <Label [text]='model.sliderTest'></Label>
     <ListPicker [items]='model.listPickerItems' [(ngModel)]='model.selectedIndex'></ListPicker>

ng-sample/app/examples/renderer-test.ts

@@ -27,7 +27,7 @@ export class ProgressComponent {
 
 @Component({
 	selector: 'renderer-test',
-    directives: [TemplatedComponent, ProgressComponent, TextValueAccessor, CheckedValueAccessor],
+    directives: [TemplatedComponent, ProgressComponent],
 	templateUrl: './examples/renderer-test.html' 
 })
 export class RendererTest {
@@ -37,14 +37,16 @@ export class RendererTest {
     public moreDetailsText: string = "";
     public detailLines: Array<string> = [];
     public isValid: boolean = true;
-    public model: Observable;
+    public model: any;
+
+    public testModel = { mydate: new Date() };
 
     constructor() {
         this.buttonText = 'Save...'
         this.showDetails = true;
         this.detailsText = 'plain ng-if directive \ndetail 1-2-3...';
         this.moreDetailsText = 'More details:';
-        this.model = new Observable({
+        this.model = {
             'test': 'Jack',
             'testBoolean': false,
             'deliveryDate': new Date(),
@@ -62,7 +64,7 @@ export class RendererTest {
                 {'title': 'third'},
                 {'title': 'fourth'}
             ]
-        });
+        };
 
         this.detailLines = [
             "ngFor inside a ngIf 1",