From 7a7c52b78ef842502ded0959ddecb8570fd6476f Mon Sep 17 00:00:00 2001 From: Vladimir Amiorkov Date: Mon, 4 Sep 2017 16:25:40 +0300 Subject: [PATCH 01/13] Migrated RadCalendar examples to lazy loading --- sdkAngular/app/app.module.ts | 16 ++++---- .../app/{app.routes.ts => app.routing.ts} | 36 +++++++---------- .../app/calendar/calendar-examples.module.ts | 39 +++++++++++++++++++ .../app/calendar/calendar-examples.routing.ts | 24 ++++++++++++ .../directives/common-directives.module.ts | 23 +++++++++++ .../app/navigation/mock-exampleItems.ts | 18 ++++----- 6 files changed, 118 insertions(+), 38 deletions(-) rename sdkAngular/app/{app.routes.ts => app.routing.ts} (87%) create mode 100644 sdkAngular/app/calendar/calendar-examples.module.ts create mode 100644 sdkAngular/app/calendar/calendar-examples.routing.ts create mode 100644 sdkAngular/app/navigation/directives/common-directives.module.ts diff --git a/sdkAngular/app/app.module.ts b/sdkAngular/app/app.module.ts index b72cc66d..3254296d 100644 --- a/sdkAngular/app/app.module.ts +++ b/sdkAngular/app/app.module.ts @@ -4,25 +4,25 @@ import { NativeScriptModule } from "nativescript-angular/nativescript.module"; // --- The built-in 'nativescript-telerik-ui-pro' modules import { NativeScriptUISideDrawerModule } from "nativescript-telerik-ui-pro/sidedrawer/angular"; import { NativeScriptUIListViewModule } from "nativescript-telerik-ui-pro/listview/angular"; -import { NativeScriptUICalendarModule } from "nativescript-telerik-ui-pro/calendar/angular"; import { NativeScriptUIChartModule } from "nativescript-telerik-ui-pro/chart/angular"; import { NativeScriptUIDataFormModule } from "nativescript-telerik-ui-pro/dataform/angular"; import { NativeScriptUIAutoCompleteTextViewModule } from "nativescript-telerik-ui-pro/autocomplete/angular"; import { NativeScriptUIGaugesModule } from "nativescript-telerik-ui-pro/gauges/angular"; // Not required imports, these are used by the nativescript-samples-angular SDK examples - https://github.com/telerik/nativescript-ui-samples-angular -import { NativeScriptRouterModule } from "nativescript-angular/router"; +import { NativeScriptRouterModule, NSModuleFactoryLoader } from "nativescript-angular/router"; import { NativeScriptFormsModule } from "nativescript-angular/forms"; -import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core"; +import { NgModule, NO_ERRORS_SCHEMA, NgModuleFactoryLoader } from "@angular/core"; import { CommonModule } from "@angular/common"; import { AppComponent } from "./navigation/app.component"; -import { APP_ROUTES, EXAMPLES_COMPONENTS } from "./app.routes"; +import { routing, EXAMPLES_COMPONENTS } from "./app.routing"; import { OptionsService } from "./navigation/options/options.service"; import { ExampleItemService } from "./navigation/exampleItemService.service"; import { ExamplesListDepthComponents } from "./navigation/examples-list/examples-list.component"; import { OptionsComponent } from "./navigation/options/options.component"; import { COMMON_DIRECTIVES } from './navigation/directives'; +import { CommonDirectivesModule } from './navigation/directives/common-directives.module'; import { TNSFrescoModule } from "nativescript-fresco/angular"; // >> (hide) @@ -41,7 +41,6 @@ if (applicationModule.android) { AppComponent ], declarations: [ - COMMON_DIRECTIVES, AppComponent, ExamplesListDepthComponents, OptionsComponent, @@ -50,17 +49,17 @@ if (applicationModule.android) { imports: [ NativeScriptModule, CommonModule, + CommonDirectivesModule, TNSFrescoModule, NativeScriptUIListViewModule, NativeScriptUISideDrawerModule, - NativeScriptUICalendarModule, NativeScriptUIChartModule, NativeScriptUIDataFormModule, NativeScriptUIAutoCompleteTextViewModule, NativeScriptUIGaugesModule, NativeScriptFormsModule, NativeScriptRouterModule, - NativeScriptRouterModule.forRoot(APP_ROUTES) + routing ], exports: [ NativeScriptModule, @@ -68,7 +67,8 @@ if (applicationModule.android) { ], providers: [ OptionsService, - ExampleItemService + ExampleItemService, + { provide: NgModuleFactoryLoader, useClass: NSModuleFactoryLoader } ], schemas: [ NO_ERRORS_SCHEMA diff --git a/sdkAngular/app/app.routes.ts b/sdkAngular/app/app.routing.ts similarity index 87% rename from sdkAngular/app/app.routes.ts rename to sdkAngular/app/app.routing.ts index 8e145082..42a8a788 100644 --- a/sdkAngular/app/app.routes.ts +++ b/sdkAngular/app/app.routing.ts @@ -1,4 +1,5 @@ import { Routes } from '@angular/router'; +import { NativeScriptRouterModule } from "nativescript-angular/router"; import { ExamplesListDepth1Component, ExamplesListDepth2Component, ExamplesListDepth3Component } from "./navigation/examples-list/examples-list.component"; import { OptionsComponent } from "./navigation/options/options.component"; @@ -35,15 +36,6 @@ import { SecondSideDrawerOverNavigationComponent } from "./sidedrawer/over-navig import { SideDrawerEventsComponent } from "./sidedrawer/events/events.component"; import { SideDrawerPositionComponent } from "./sidedrawer/position/position.component"; import { SideDrawerTransitionsComponent } from "./sidedrawer/transitions/transitions.component"; -import { CalendarGettingStartedComponent } from "./calendar/getting-started/calendar-getting-started.component"; -import { CalendarLocalizationComponent } from "./calendar/calendar-localization/calendar-localization.component"; -import { CalendarPopulatingWithDataComponent } from "./calendar/populating-with-data/calendar-populating-with-data.component"; -import { CalendarProgrammaticControlComponent } from "./calendar/programmatic-control/calendar-programmatic-control.component"; -import { CalendarViewModesComponent } from "./calendar/view-modes/calendar-view-modes.component"; -import { CalendarSelectionModesComponent } from "./calendar/selection-modes/calendar-selection-modes.component"; -import { CalendarCellStylingComponent } from "./calendar/cell-styling/calendar-cell-styling.component"; -import { CalendarEventsViewModesComponent } from "./calendar/events-view-modes/calendar-events-view-modes.component"; -import { CalendarTransitionModesComponent } from "./calendar/transition-modes/calendar-transition-modes.component"; import { ChartSeriesAreaComponent } from "./chart/series/area/chart-series-area.component"; import { ChartSeriesStackedAreaComponent } from "./chart/series/area/chart-series-stacked-area.component"; import { ChartSeriesBarComponent } from "./chart/series/bar/chart-series-bar.component"; @@ -129,8 +121,8 @@ import { GaugesScalesComponent } from "./gauges/scales/gauges-scales.component"; var excludedComponents = []; -export const EXAMPLES_COMPONENTS = [ListviewItemLayoutsStaggeredComponent, ListViewGettingStartedComponent, ListViewHeaderFooterComponent, ListViewItemReorderComponent, ListViewItemSelectionComponent, ListviewSelectionStatesComponent, ListViewLoadOnDemandComponent, ListViewPullToRefreshComponent, ListViewItemLayoutsGridComponent, ListviewItemLayoutsLinearComponent, ListviewItemLoadingComponent, ListviewItemReorderHandleComponent, ListviewItemSelectionMultipleComponent, ListviewItemSelectionProgrammaticComponent, ListviewItemSeparatorComponent, SideDrawerGettingStartedComponent, SideDrawerOverNavigationComponent, SecondSideDrawerOverNavigationComponent, SideDrawerEventsComponent, SideDrawerPositionComponent, SideDrawerTransitionsComponent, CalendarGettingStartedComponent, CalendarLocalizationComponent, CalendarPopulatingWithDataComponent, CalendarProgrammaticControlComponent, CalendarViewModesComponent, CalendarSelectionModesComponent, CalendarCellStylingComponent, CalendarEventsViewModesComponent, CalendarTransitionModesComponent, ChartSeriesAreaComponent, ChartSeriesStackedAreaComponent, ChartSeriesBarComponent, ChartSeriesRangeBarComponent, ChartSeriesStackedBarComponent, ChartSeriesBubbleComponent, ChartSeriesScatterBubbleComponent, ChartSeriesCandlestickComponent, ChartSeriesOhlcComponent, ChartSeriesLineComponent, ChartSeriesPieComponent, ChartSeriesScatterComponent, ChartSeriesSplineComponent, ChartAnnotationsGridLineComponent, ChartAnnotationsPlotBandComponent, ChartBehaviorsDatapointSelectionComponent, ChartBehaviorsPanZoomComponent, ChartBehaviorsChartPieSelectionComponent, ChartBehaviorsSeriesSelectionComponent, ChartBehaviorsTrackballComponent, ChartLegendComponent, ChartAxesCustomizationComponent, ChartAxesDateTimeComponent, ChartAxesMultipleComponent, ChartAxesNegativeValuesComponent, ChartStylingAxesComponent, ChartStylingGridComponent, ChartStylingLabelComponent, ChartStylingSelectionComponent, ChartStylingSeriesComponent, ListviewScrollToIndexVerticalComponent, ListViewScrollEventsComponent, ListviewScrollToIndexHorizontalComponent, DataFormAdjustmentComponent, DataFormCommitModesComponent, DataFormEditorsComponent, DataFormEventsComponent, DataFormGettingStartedComponent, DataFormGroupsComponent, DataFormPlatformSpecificsComponent, DataFormRuntimeUpdatesComponent, DataFormStylingComponent, DataFormValidationComponent, ListviewObservableArrayComponent, ListViewItemAnimationsComponent, ChartStylingPieSeriesComponent, DataformGridLayoutComponent, DataformStackLayoutComponent, DataformGettingStartedJsonComponent, DataformImageLabelsComponent, DataformPropertiesJsonComponent, DataformStylingAdvancedComponent, DataformCheckErrorsComponent, DataFormaAutoCompleteComponent, ListViewSwipeActionsComponent, ListViewSwipeActionsMultipleComponent, ListViewSwipeActionsThresholdsComponent, ListviewItemLayoutsStaggeredComponent, AutoCompleteGettingStartedComponent, AutoCompleteLayoutsRuntimeComponent, AutoCompleteRemoteComponent, AutoCompleteCustomizationComponent, AutoCompleteEventsComponent, AutoCompleteContainsModeComponent, AutoCompleteStartsWithModeComponent, AutoCompletePlainModeComponent, AutoCompleteTokensModeComponent, AutoCompleteLayoutsWrapComponent, AutoCompleteLayoutsHorizontalComponent, AutocompleteSuggestModeComponent, AutoCompleteAppendModeComponent, AutoCompleteSuggestAppendModeComponent, ListViewSwipeDisableComponent, GaugesGettingStartedComponent, GaugesAnimationsComponent, GaugesCustomizationComponent, GaugesScalesComponent, AutoCompleteReadOnlyComponent, DataformReadOnlyComponent, DataformEditorStyleComponent, DataformCustomEditorsComponent, DataFormValueProvidersComponent, ChartSeriesSplineAreaComponent, DataFormScrollingComponent, ListviewMultipleTemplatesComponent, DataFormCustomValidatorComponent, DataFormCustomValidationComponent, DataFormAsyncValidationComponent, DataFormValidationModesComponent, DataFormValidationEventsComponent, DataFormValidationMetadataComponent, DataFormLabelsComponent, ListviewItemLayoutsRuntimeComponent, DataFormEditorBackgroundComponent]; -export const APP_ROUTES: Routes = [ +export const EXAMPLES_COMPONENTS = [ListviewItemLayoutsStaggeredComponent, ListViewGettingStartedComponent, ListViewHeaderFooterComponent, ListViewItemReorderComponent, ListViewItemSelectionComponent, ListviewSelectionStatesComponent, ListViewLoadOnDemandComponent, ListViewPullToRefreshComponent, ListViewItemLayoutsGridComponent, ListviewItemLayoutsLinearComponent, ListviewItemLoadingComponent, ListviewItemReorderHandleComponent, ListviewItemSelectionMultipleComponent, ListviewItemSelectionProgrammaticComponent, ListviewItemSeparatorComponent, SideDrawerGettingStartedComponent, SideDrawerOverNavigationComponent, SecondSideDrawerOverNavigationComponent, SideDrawerEventsComponent, SideDrawerPositionComponent, SideDrawerTransitionsComponent, ChartSeriesAreaComponent, ChartSeriesStackedAreaComponent, ChartSeriesBarComponent, ChartSeriesRangeBarComponent, ChartSeriesStackedBarComponent, ChartSeriesBubbleComponent, ChartSeriesScatterBubbleComponent, ChartSeriesCandlestickComponent, ChartSeriesOhlcComponent, ChartSeriesLineComponent, ChartSeriesPieComponent, ChartSeriesScatterComponent, ChartSeriesSplineComponent, ChartAnnotationsGridLineComponent, ChartAnnotationsPlotBandComponent, ChartBehaviorsDatapointSelectionComponent, ChartBehaviorsPanZoomComponent, ChartBehaviorsChartPieSelectionComponent, ChartBehaviorsSeriesSelectionComponent, ChartBehaviorsTrackballComponent, ChartLegendComponent, ChartAxesCustomizationComponent, ChartAxesDateTimeComponent, ChartAxesMultipleComponent, ChartAxesNegativeValuesComponent, ChartStylingAxesComponent, ChartStylingGridComponent, ChartStylingLabelComponent, ChartStylingSelectionComponent, ChartStylingSeriesComponent, ListviewScrollToIndexVerticalComponent, ListViewScrollEventsComponent, ListviewScrollToIndexHorizontalComponent, DataFormAdjustmentComponent, DataFormCommitModesComponent, DataFormEditorsComponent, DataFormEventsComponent, DataFormGettingStartedComponent, DataFormGroupsComponent, DataFormPlatformSpecificsComponent, DataFormRuntimeUpdatesComponent, DataFormStylingComponent, DataFormValidationComponent, ListviewObservableArrayComponent, ListViewItemAnimationsComponent, ChartStylingPieSeriesComponent, DataformGridLayoutComponent, DataformStackLayoutComponent, DataformGettingStartedJsonComponent, DataformImageLabelsComponent, DataformPropertiesJsonComponent, DataformStylingAdvancedComponent, DataformCheckErrorsComponent, DataFormaAutoCompleteComponent, ListViewSwipeActionsComponent, ListViewSwipeActionsMultipleComponent, ListViewSwipeActionsThresholdsComponent, ListviewItemLayoutsStaggeredComponent, AutoCompleteGettingStartedComponent, AutoCompleteLayoutsRuntimeComponent, AutoCompleteRemoteComponent, AutoCompleteCustomizationComponent, AutoCompleteEventsComponent, AutoCompleteContainsModeComponent, AutoCompleteStartsWithModeComponent, AutoCompletePlainModeComponent, AutoCompleteTokensModeComponent, AutoCompleteLayoutsWrapComponent, AutoCompleteLayoutsHorizontalComponent, AutocompleteSuggestModeComponent, AutoCompleteAppendModeComponent, AutoCompleteSuggestAppendModeComponent, ListViewSwipeDisableComponent, GaugesGettingStartedComponent, GaugesAnimationsComponent, GaugesCustomizationComponent, GaugesScalesComponent, AutoCompleteReadOnlyComponent, DataformReadOnlyComponent, DataformEditorStyleComponent, DataformCustomEditorsComponent, DataFormValueProvidersComponent, ChartSeriesSplineAreaComponent, DataFormScrollingComponent, ListviewMultipleTemplatesComponent, DataFormCustomValidatorComponent, DataFormCustomValidationComponent, DataFormAsyncValidationComponent, DataFormValidationModesComponent, DataFormValidationEventsComponent, DataFormValidationMetadataComponent, DataFormLabelsComponent, ListviewItemLayoutsRuntimeComponent, DataFormEditorBackgroundComponent]; +let APP_ROUTES: Routes = [ { path: "", redirectTo: "examples-depth-1/root/root", pathMatch: 'full' }, { path: "examples-depth-1/:parentTitle/:tappedTitle", component: ExamplesListDepth1Component }, { path: "examples-depth-2/:parentTitle/:tappedTitle", component: ExamplesListDepth2Component }, @@ -299,63 +291,63 @@ export const APP_ROUTES: Routes = [ }, { path: "CalendarGettingStartedComponent", - component: CalendarGettingStartedComponent, + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', data: { "title": "Getting Started" } }, { path: "CalendarLocalizationComponent", - component: CalendarLocalizationComponent, + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', data: { "title": "Localization" } }, { path: "CalendarPopulatingWithDataComponent", - component: CalendarPopulatingWithDataComponent, + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', data: { "title": "Populating with data" } }, { path: "CalendarProgrammaticControlComponent", - component: CalendarProgrammaticControlComponent, + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', data: { "title": "Programmatic control" } }, { path: "CalendarViewModesComponent", - component: CalendarViewModesComponent, + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', data: { "title": "View modes" } }, { path: "CalendarSelectionModesComponent", - component: CalendarSelectionModesComponent, + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', data: { "title": "Selection modes" } }, { path: "CalendarCellStylingComponent", - component: CalendarCellStylingComponent, + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', data: { "title": "Cell styling" } }, { path: "CalendarEventsViewModesComponent", - component: CalendarEventsViewModesComponent, + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', data: { "title": "Events view modes" } }, { path: "CalendarTransitionModesComponent", - component: CalendarTransitionModesComponent, + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', data: { "title": "Transition modes" } @@ -997,4 +989,6 @@ export const APP_ROUTES: Routes = [ "title": "Custom Editors" } } -]; \ No newline at end of file +]; + +export const routing = NativeScriptRouterModule.forRoot(APP_ROUTES); \ No newline at end of file diff --git a/sdkAngular/app/calendar/calendar-examples.module.ts b/sdkAngular/app/calendar/calendar-examples.module.ts new file mode 100644 index 00000000..dc71433b --- /dev/null +++ b/sdkAngular/app/calendar/calendar-examples.module.ts @@ -0,0 +1,39 @@ +import { NgModule } from '@angular/core'; +import { NativeScriptModule } from "nativescript-angular/nativescript.module"; + +import { NativeScriptRouterModule } from "nativescript-angular/router"; +import { NativeScriptUICalendarModule } from "nativescript-telerik-ui-pro/calendar/angular"; + +import { CalendarLocalizationComponent } from './calendar-localization/calendar-localization.component'; +import { CalendarCellStylingComponent } from './cell-styling/calendar-cell-styling.component'; +import { CalendarEventsViewModesComponent } from './events-view-modes/calendar-events-view-modes.component'; +import { CalendarGettingStartedComponent } from './getting-started/calendar-getting-started.component'; +import { CalendarPopulatingWithDataComponent } from './populating-with-data/calendar-populating-with-data.component'; +import { CalendarProgrammaticControlComponent } from './programmatic-control/calendar-programmatic-control.component'; +import { CalendarSelectionModesComponent } from './selection-modes/calendar-selection-modes.component'; +import { CalendarTransitionModesComponent } from './transition-modes/calendar-transition-modes.component'; +import { CalendarViewModesComponent } from './view-modes/calendar-view-modes.component'; +import { routes } from './calendar-examples.routing'; +import { CommonDirectivesModule } from '../navigation/directives/common-directives.module'; + +@NgModule({ + imports: [ + NativeScriptModule, + CommonDirectivesModule, + NativeScriptUICalendarModule, + NativeScriptRouterModule, + NativeScriptRouterModule.forChild(routes) + ], + declarations: [ + CalendarLocalizationComponent, + CalendarCellStylingComponent, + CalendarEventsViewModesComponent, + CalendarGettingStartedComponent, + CalendarPopulatingWithDataComponent, + CalendarProgrammaticControlComponent, + CalendarSelectionModesComponent, + CalendarTransitionModesComponent, + CalendarViewModesComponent + ] +}) +export class CalendarExamplesModule { } diff --git a/sdkAngular/app/calendar/calendar-examples.routing.ts b/sdkAngular/app/calendar/calendar-examples.routing.ts new file mode 100644 index 00000000..74b64ef3 --- /dev/null +++ b/sdkAngular/app/calendar/calendar-examples.routing.ts @@ -0,0 +1,24 @@ +import { ModuleWithProviders } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; + +import { CalendarLocalizationComponent } from './calendar-localization/calendar-localization.component'; +import { CalendarCellStylingComponent } from './cell-styling/calendar-cell-styling.component'; +import { CalendarEventsViewModesComponent } from './events-view-modes/calendar-events-view-modes.component'; +import { CalendarGettingStartedComponent } from './getting-started/calendar-getting-started.component'; +import { CalendarPopulatingWithDataComponent } from './populating-with-data/calendar-populating-with-data.component'; +import { CalendarProgrammaticControlComponent } from './programmatic-control/calendar-programmatic-control.component'; +import { CalendarSelectionModesComponent } from './selection-modes/calendar-selection-modes.component'; +import { CalendarTransitionModesComponent } from './transition-modes/calendar-transition-modes.component'; +import { CalendarViewModesComponent } from './view-modes/calendar-view-modes.component'; + +export const routes: Routes = [ + { path: 'localization', component: CalendarLocalizationComponent }, + { path: 'cell-styling', component: CalendarCellStylingComponent }, + { path: 'events-view-modes', component: CalendarEventsViewModesComponent }, + { path: 'getting-started', component: CalendarGettingStartedComponent }, + { path: 'populating', component: CalendarPopulatingWithDataComponent }, + { path: 'programmatic', component: CalendarProgrammaticControlComponent }, + { path: 'selection-modes', component: CalendarSelectionModesComponent }, + { path: 'transition-modes', component: CalendarTransitionModesComponent }, + { path: 'view-modes', component: CalendarViewModesComponent } +]; \ No newline at end of file diff --git a/sdkAngular/app/navigation/directives/common-directives.module.ts b/sdkAngular/app/navigation/directives/common-directives.module.ts new file mode 100644 index 00000000..16c7ee57 --- /dev/null +++ b/sdkAngular/app/navigation/directives/common-directives.module.ts @@ -0,0 +1,23 @@ +import { NgModule } from '@angular/core'; + +import { NativeScriptRouterModule } from "nativescript-angular/router"; + +import { TKExampleTitleDirective } from './example.directive'; +import { TKToggleNavButtonDirective } from './toggle-nav-button.directive'; +import { TKIfAndroidDirective, TKIfIOSDirective } from './platform.directives'; + +@NgModule({ + declarations: [ + TKExampleTitleDirective, + TKToggleNavButtonDirective, + TKIfAndroidDirective, + TKIfIOSDirective + ], + exports: [ + TKExampleTitleDirective, + TKToggleNavButtonDirective, + TKIfAndroidDirective, + TKIfIOSDirective + ] +}) +export class CommonDirectivesModule { } \ No newline at end of file diff --git a/sdkAngular/app/navigation/mock-exampleItems.ts b/sdkAngular/app/navigation/mock-exampleItems.ts index 9f0ef7d7..a29c2ba2 100644 --- a/sdkAngular/app/navigation/mock-exampleItems.ts +++ b/sdkAngular/app/navigation/mock-exampleItems.ts @@ -398,47 +398,47 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Getting Started", - "path": "CalendarGettingStartedComponent", + "path": "CalendarGettingStartedComponent/getting-started", "subItems": [] }, { "title": "Localization", - "path": "CalendarLocalizationComponent", + "path": "CalendarLocalizationComponent/localization", "subItems": [] }, { "title": "Populating with data", - "path": "CalendarPopulatingWithDataComponent", + "path": "CalendarPopulatingWithDataComponent/populating", "subItems": [] }, { "title": "Programmatic control", - "path": "CalendarProgrammaticControlComponent", + "path": "CalendarProgrammaticControlComponent/programmatic", "subItems": [] }, { "title": "View modes", - "path": "CalendarViewModesComponent", + "path": "CalendarViewModesComponent/view-modes", "subItems": [] }, { "title": "Selection modes", - "path": "CalendarSelectionModesComponent", + "path": "CalendarSelectionModesComponent/selection-modes", "subItems": [] }, { "title": "Transition modes", - "path": "CalendarTransitionModesComponent", + "path": "CalendarTransitionModesComponent/transition-modes", "subItems": [] }, { "title": "Cell styling", - "path": "CalendarCellStylingComponent", + "path": "CalendarCellStylingComponent/cell-styling", "subItems": [] }, { "title": "Events view modes", - "path": "CalendarEventsViewModesComponent", + "path": "CalendarEventsViewModesComponent/events-view-modes", "subItems": [] } ] From d066e20e31ca6dafd764858cd87f627bb9d5681d Mon Sep 17 00:00:00 2001 From: Vladimir Amiorkov Date: Mon, 4 Sep 2017 16:52:45 +0300 Subject: [PATCH 02/13] Migrated RadAutoCompleteTextView examples to lazy loading --- sdkAngular/app/app.module.ts | 2 - sdkAngular/app/app.routing.ts | 47 ++++++----------- .../autocomplete-examples.module.ts | 52 +++++++++++++++++++ .../autocomplete-examples.routing.ts | 36 +++++++++++++ .../app/navigation/mock-exampleItems.ts | 30 +++++------ 5 files changed, 119 insertions(+), 48 deletions(-) create mode 100644 sdkAngular/app/autocomplete/autocomplete-examples.module.ts create mode 100644 sdkAngular/app/autocomplete/autocomplete-examples.routing.ts diff --git a/sdkAngular/app/app.module.ts b/sdkAngular/app/app.module.ts index 3254296d..e1b25f74 100644 --- a/sdkAngular/app/app.module.ts +++ b/sdkAngular/app/app.module.ts @@ -6,7 +6,6 @@ import { NativeScriptUISideDrawerModule } from "nativescript-telerik-ui-pro/side import { NativeScriptUIListViewModule } from "nativescript-telerik-ui-pro/listview/angular"; import { NativeScriptUIChartModule } from "nativescript-telerik-ui-pro/chart/angular"; import { NativeScriptUIDataFormModule } from "nativescript-telerik-ui-pro/dataform/angular"; -import { NativeScriptUIAutoCompleteTextViewModule } from "nativescript-telerik-ui-pro/autocomplete/angular"; import { NativeScriptUIGaugesModule } from "nativescript-telerik-ui-pro/gauges/angular"; // Not required imports, these are used by the nativescript-samples-angular SDK examples - https://github.com/telerik/nativescript-ui-samples-angular @@ -55,7 +54,6 @@ if (applicationModule.android) { NativeScriptUISideDrawerModule, NativeScriptUIChartModule, NativeScriptUIDataFormModule, - NativeScriptUIAutoCompleteTextViewModule, NativeScriptUIGaugesModule, NativeScriptFormsModule, NativeScriptRouterModule, diff --git a/sdkAngular/app/app.routing.ts b/sdkAngular/app/app.routing.ts index 42a8a788..e06415f2 100644 --- a/sdkAngular/app/app.routing.ts +++ b/sdkAngular/app/app.routing.ts @@ -99,21 +99,6 @@ import { DataFormAsyncValidationComponent } from "./dataform/validation/async-va import { DataFormValidationEventsComponent } from "./dataform/validation/validation-events/dataform-validation-events.component"; import { DataFormCustomValidationComponent } from "./dataform/validation/custom-validation/dataform-custom-validation.component"; import { DataFormValidationMetadataComponent } from "./dataform/validation/metadata/dataform-validation-metadata.component"; -import { AutoCompleteGettingStartedComponent } from "./autocomplete/getting-started/autocomplete-getting-started.component"; -import { AutoCompleteLayoutsRuntimeComponent } from "./autocomplete/layouts/autocomplete-layouts-runtime.component"; -import { AutoCompleteLayoutsWrapComponent } from "./autocomplete/layouts/autocomplete-layouts-wrap.component"; -import { AutoCompleteLayoutsHorizontalComponent } from "./autocomplete/layouts/autocomplete-layouts-horizontal.component"; -import { AutoCompleteRemoteComponent } from "./autocomplete/remote-data-fetch/autocomplete-remote.component"; -import { AutoCompleteCustomizationComponent } from "./autocomplete/customization/autocomplete-customization.component"; -import { AutoCompleteEventsComponent } from "./autocomplete/events/autocomplete-events.component"; -import { AutoCompleteContainsModeComponent } from "./autocomplete/completion-mode/autocomplete-contains-mode.component"; -import { AutoCompleteStartsWithModeComponent } from "./autocomplete/completion-mode/autocomplete-startswith-mode.component"; -import { AutoCompletePlainModeComponent } from "./autocomplete/display-mode/autocomplete-plain-mode.component"; -import { AutoCompleteTokensModeComponent } from "./autocomplete/display-mode/autocomplete-tokens-mode.component"; -import { AutocompleteSuggestModeComponent } from "./autocomplete/suggest-mode/autocomplete-suggest-mode.component"; -import { AutoCompleteAppendModeComponent } from "./autocomplete/suggest-mode/autocomplete-append-mode.component"; -import { AutoCompleteSuggestAppendModeComponent } from "./autocomplete/suggest-mode/autocomplete-suggest-append-mode.component"; -import { AutoCompleteReadOnlyComponent } from "./autocomplete/readonly/autocomplete-readonly.component"; import { GaugesGettingStartedComponent } from "./gauges/getting-started/gauges-getting-started.component"; import { GaugesAnimationsComponent } from "./gauges/animations/gauges-animations.component"; import { GaugesCustomizationComponent } from "./gauges/customization/gauges-customization.component"; @@ -121,7 +106,7 @@ import { GaugesScalesComponent } from "./gauges/scales/gauges-scales.component"; var excludedComponents = []; -export const EXAMPLES_COMPONENTS = [ListviewItemLayoutsStaggeredComponent, ListViewGettingStartedComponent, ListViewHeaderFooterComponent, ListViewItemReorderComponent, ListViewItemSelectionComponent, ListviewSelectionStatesComponent, ListViewLoadOnDemandComponent, ListViewPullToRefreshComponent, ListViewItemLayoutsGridComponent, ListviewItemLayoutsLinearComponent, ListviewItemLoadingComponent, ListviewItemReorderHandleComponent, ListviewItemSelectionMultipleComponent, ListviewItemSelectionProgrammaticComponent, ListviewItemSeparatorComponent, SideDrawerGettingStartedComponent, SideDrawerOverNavigationComponent, SecondSideDrawerOverNavigationComponent, SideDrawerEventsComponent, SideDrawerPositionComponent, SideDrawerTransitionsComponent, ChartSeriesAreaComponent, ChartSeriesStackedAreaComponent, ChartSeriesBarComponent, ChartSeriesRangeBarComponent, ChartSeriesStackedBarComponent, ChartSeriesBubbleComponent, ChartSeriesScatterBubbleComponent, ChartSeriesCandlestickComponent, ChartSeriesOhlcComponent, ChartSeriesLineComponent, ChartSeriesPieComponent, ChartSeriesScatterComponent, ChartSeriesSplineComponent, ChartAnnotationsGridLineComponent, ChartAnnotationsPlotBandComponent, ChartBehaviorsDatapointSelectionComponent, ChartBehaviorsPanZoomComponent, ChartBehaviorsChartPieSelectionComponent, ChartBehaviorsSeriesSelectionComponent, ChartBehaviorsTrackballComponent, ChartLegendComponent, ChartAxesCustomizationComponent, ChartAxesDateTimeComponent, ChartAxesMultipleComponent, ChartAxesNegativeValuesComponent, ChartStylingAxesComponent, ChartStylingGridComponent, ChartStylingLabelComponent, ChartStylingSelectionComponent, ChartStylingSeriesComponent, ListviewScrollToIndexVerticalComponent, ListViewScrollEventsComponent, ListviewScrollToIndexHorizontalComponent, DataFormAdjustmentComponent, DataFormCommitModesComponent, DataFormEditorsComponent, DataFormEventsComponent, DataFormGettingStartedComponent, DataFormGroupsComponent, DataFormPlatformSpecificsComponent, DataFormRuntimeUpdatesComponent, DataFormStylingComponent, DataFormValidationComponent, ListviewObservableArrayComponent, ListViewItemAnimationsComponent, ChartStylingPieSeriesComponent, DataformGridLayoutComponent, DataformStackLayoutComponent, DataformGettingStartedJsonComponent, DataformImageLabelsComponent, DataformPropertiesJsonComponent, DataformStylingAdvancedComponent, DataformCheckErrorsComponent, DataFormaAutoCompleteComponent, ListViewSwipeActionsComponent, ListViewSwipeActionsMultipleComponent, ListViewSwipeActionsThresholdsComponent, ListviewItemLayoutsStaggeredComponent, AutoCompleteGettingStartedComponent, AutoCompleteLayoutsRuntimeComponent, AutoCompleteRemoteComponent, AutoCompleteCustomizationComponent, AutoCompleteEventsComponent, AutoCompleteContainsModeComponent, AutoCompleteStartsWithModeComponent, AutoCompletePlainModeComponent, AutoCompleteTokensModeComponent, AutoCompleteLayoutsWrapComponent, AutoCompleteLayoutsHorizontalComponent, AutocompleteSuggestModeComponent, AutoCompleteAppendModeComponent, AutoCompleteSuggestAppendModeComponent, ListViewSwipeDisableComponent, GaugesGettingStartedComponent, GaugesAnimationsComponent, GaugesCustomizationComponent, GaugesScalesComponent, AutoCompleteReadOnlyComponent, DataformReadOnlyComponent, DataformEditorStyleComponent, DataformCustomEditorsComponent, DataFormValueProvidersComponent, ChartSeriesSplineAreaComponent, DataFormScrollingComponent, ListviewMultipleTemplatesComponent, DataFormCustomValidatorComponent, DataFormCustomValidationComponent, DataFormAsyncValidationComponent, DataFormValidationModesComponent, DataFormValidationEventsComponent, DataFormValidationMetadataComponent, DataFormLabelsComponent, ListviewItemLayoutsRuntimeComponent, DataFormEditorBackgroundComponent]; +export const EXAMPLES_COMPONENTS = [ListviewItemLayoutsStaggeredComponent, ListViewGettingStartedComponent, ListViewHeaderFooterComponent, ListViewItemReorderComponent, ListViewItemSelectionComponent, ListviewSelectionStatesComponent, ListViewLoadOnDemandComponent, ListViewPullToRefreshComponent, ListViewItemLayoutsGridComponent, ListviewItemLayoutsLinearComponent, ListviewItemLoadingComponent, ListviewItemReorderHandleComponent, ListviewItemSelectionMultipleComponent, ListviewItemSelectionProgrammaticComponent, ListviewItemSeparatorComponent, SideDrawerGettingStartedComponent, SideDrawerOverNavigationComponent, SecondSideDrawerOverNavigationComponent, SideDrawerEventsComponent, SideDrawerPositionComponent, SideDrawerTransitionsComponent, ChartSeriesAreaComponent, ChartSeriesStackedAreaComponent, ChartSeriesBarComponent, ChartSeriesRangeBarComponent, ChartSeriesStackedBarComponent, ChartSeriesBubbleComponent, ChartSeriesScatterBubbleComponent, ChartSeriesCandlestickComponent, ChartSeriesOhlcComponent, ChartSeriesLineComponent, ChartSeriesPieComponent, ChartSeriesScatterComponent, ChartSeriesSplineComponent, ChartAnnotationsGridLineComponent, ChartAnnotationsPlotBandComponent, ChartBehaviorsDatapointSelectionComponent, ChartBehaviorsPanZoomComponent, ChartBehaviorsChartPieSelectionComponent, ChartBehaviorsSeriesSelectionComponent, ChartBehaviorsTrackballComponent, ChartLegendComponent, ChartAxesCustomizationComponent, ChartAxesDateTimeComponent, ChartAxesMultipleComponent, ChartAxesNegativeValuesComponent, ChartStylingAxesComponent, ChartStylingGridComponent, ChartStylingLabelComponent, ChartStylingSelectionComponent, ChartStylingSeriesComponent, ListviewScrollToIndexVerticalComponent, ListViewScrollEventsComponent, ListviewScrollToIndexHorizontalComponent, DataFormAdjustmentComponent, DataFormCommitModesComponent, DataFormEditorsComponent, DataFormEventsComponent, DataFormGettingStartedComponent, DataFormGroupsComponent, DataFormPlatformSpecificsComponent, DataFormRuntimeUpdatesComponent, DataFormStylingComponent, DataFormValidationComponent, ListviewObservableArrayComponent, ListViewItemAnimationsComponent, ChartStylingPieSeriesComponent, DataformGridLayoutComponent, DataformStackLayoutComponent, DataformGettingStartedJsonComponent, DataformImageLabelsComponent, DataformPropertiesJsonComponent, DataformStylingAdvancedComponent, DataformCheckErrorsComponent, DataFormaAutoCompleteComponent, ListViewSwipeActionsComponent, ListViewSwipeActionsMultipleComponent, ListViewSwipeActionsThresholdsComponent, ListviewItemLayoutsStaggeredComponent, ListViewSwipeDisableComponent, GaugesGettingStartedComponent, GaugesAnimationsComponent, GaugesCustomizationComponent, GaugesScalesComponent, DataformReadOnlyComponent, DataformEditorStyleComponent, DataformCustomEditorsComponent, DataFormValueProvidersComponent, ChartSeriesSplineAreaComponent, DataFormScrollingComponent, ListviewMultipleTemplatesComponent, DataFormCustomValidatorComponent, DataFormCustomValidationComponent, DataFormAsyncValidationComponent, DataFormValidationModesComponent, DataFormValidationEventsComponent, DataFormValidationMetadataComponent, DataFormLabelsComponent, ListviewItemLayoutsRuntimeComponent, DataFormEditorBackgroundComponent]; let APP_ROUTES: Routes = [ { path: "", redirectTo: "examples-depth-1/root/root", pathMatch: 'full' }, { path: "examples-depth-1/:parentTitle/:tappedTitle", component: ExamplesListDepth1Component }, @@ -830,98 +815,98 @@ let APP_ROUTES: Routes = [ }, { path: "AutocompleteGettingStartedComponent", - component: AutoCompleteGettingStartedComponent, + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', data: { "title": "Getting started" } }, { path: "AutoCompleteLayoutsRuntimeComponent", - component: AutoCompleteLayoutsRuntimeComponent, + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', data: { "title": "Switch at runtime" } }, { path: "AutoCompleteRemoteComponent", - component: AutoCompleteRemoteComponent, + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', data: { "title": "Async Data Fetch" } }, { path: "AutoCompleteCustomizationComponent", - component: AutoCompleteCustomizationComponent, + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', data: { "title": "Customization" } }, { path: "AutoCompleteEventsComponent", - component: AutoCompleteEventsComponent, + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', data: { "title": "Events" } }, { path: "AutoCompleteContainsModeComponent", - component: AutoCompleteContainsModeComponent, + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', data: { "title": "Contains" } }, { path: "AutoCompleteStartsWithModeComponent", - component: AutoCompleteStartsWithModeComponent, + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', data: { "title": "Starts with" } }, { path: "AutoCompleteTokensModeComponent", - component: AutoCompleteTokensModeComponent, + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', data: { "title": "Tokens" } }, { path: "AutoCompletePlainModeComponent", - component: AutoCompletePlainModeComponent, + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', data: { "title": "Plain" } }, { path: "AutoCompleteLayoutsWrapComponent", - component: AutoCompleteLayoutsWrapComponent, + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', data: { "title": "Wrap" } }, { path: "AutoCompleteLayoutsHorizontalComponent", - component: AutoCompleteLayoutsHorizontalComponent, + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', data: { "title": "Horizontal" } }, { path: "AutocompleteSuggestModeComponent", - component: AutocompleteSuggestModeComponent, + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', data: { "title": "Suggest" } }, { path: "AutoCompleteAppendModeComponent", - component: AutoCompleteAppendModeComponent, + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', data: { "title": "Append" } }, { path: "AutoCompleteSuggestAppendModeComponent", - component: AutoCompleteSuggestAppendModeComponent, + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', data: { "title": "Suggest & Append" } @@ -963,7 +948,7 @@ let APP_ROUTES: Routes = [ }, { path: "AutoCompleteReadOnlyComponent", - component: AutoCompleteReadOnlyComponent, + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', data: { "title": "Read Only" } diff --git a/sdkAngular/app/autocomplete/autocomplete-examples.module.ts b/sdkAngular/app/autocomplete/autocomplete-examples.module.ts new file mode 100644 index 00000000..c5c67086 --- /dev/null +++ b/sdkAngular/app/autocomplete/autocomplete-examples.module.ts @@ -0,0 +1,52 @@ +import { NgModule } from '@angular/core'; +import { NativeScriptModule } from "nativescript-angular/nativescript.module"; + +import { NativeScriptRouterModule } from "nativescript-angular/router"; +import { NativeScriptUIAutoCompleteTextViewModule } from "nativescript-telerik-ui-pro/autocomplete/angular"; + +import { AutoCompleteContainsModeComponent } from './completion-mode/autocomplete-contains-mode.component'; +import { AutoCompleteStartsWithModeComponent } from './completion-mode/autocomplete-startswith-mode.component'; +import { AutoCompleteCustomizationComponent } from './customization/autocomplete-customization.component'; +import { AutoCompletePlainModeComponent } from './display-mode/autocomplete-plain-mode.component'; +import { AutoCompleteTokensModeComponent } from './display-mode/autocomplete-tokens-mode.component'; +import { AutoCompleteEventsComponent } from './events/autocomplete-events.component'; +import { AutoCompleteGettingStartedComponent } from './getting-started/autocomplete-getting-started.component'; +import { AutoCompleteLayoutsHorizontalComponent } from './layouts/autocomplete-layouts-horizontal.component'; +import { AutoCompleteLayoutsRuntimeComponent } from './layouts/autocomplete-layouts-runtime.component'; +import { AutoCompleteLayoutsWrapComponent } from './layouts/autocomplete-layouts-wrap.component'; +import { AutoCompleteReadOnlyComponent } from './readonly/autocomplete-readonly.component'; +import { AutoCompleteRemoteComponent } from './remote-data-fetch/autocomplete-remote.component'; +import { AutoCompleteAppendModeComponent } from './suggest-mode/autocomplete-append-mode.component'; +import { AutoCompleteSuggestAppendModeComponent } from './suggest-mode/autocomplete-suggest-append-mode.component'; +import { AutocompleteSuggestModeComponent } from './suggest-mode/autocomplete-suggest-mode.component'; + +import { routes } from './autocomplete-examples.routing'; +import { CommonDirectivesModule } from '../navigation/directives/common-directives.module'; + +@NgModule({ + imports: [ + NativeScriptModule, + CommonDirectivesModule, + NativeScriptUIAutoCompleteTextViewModule, + NativeScriptRouterModule, + NativeScriptRouterModule.forChild(routes) + ], + declarations: [ + AutoCompleteContainsModeComponent, + AutoCompleteStartsWithModeComponent, + AutoCompleteCustomizationComponent, + AutoCompletePlainModeComponent, + AutoCompleteTokensModeComponent, + AutoCompleteEventsComponent, + AutoCompleteGettingStartedComponent, + AutoCompleteLayoutsHorizontalComponent, + AutoCompleteLayoutsRuntimeComponent, + AutoCompleteLayoutsWrapComponent, + AutoCompleteReadOnlyComponent, + AutoCompleteRemoteComponent, + AutoCompleteAppendModeComponent, + AutoCompleteSuggestAppendModeComponent, + AutocompleteSuggestModeComponent + ] +}) +export class AutoCompleteExamplesModule { } diff --git a/sdkAngular/app/autocomplete/autocomplete-examples.routing.ts b/sdkAngular/app/autocomplete/autocomplete-examples.routing.ts new file mode 100644 index 00000000..d2524a85 --- /dev/null +++ b/sdkAngular/app/autocomplete/autocomplete-examples.routing.ts @@ -0,0 +1,36 @@ +import { ModuleWithProviders } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; + +import { AutoCompleteContainsModeComponent } from './completion-mode/autocomplete-contains-mode.component'; +import { AutoCompleteStartsWithModeComponent } from './completion-mode/autocomplete-startswith-mode.component'; +import { AutoCompleteCustomizationComponent } from './customization/autocomplete-customization.component'; +import { AutoCompletePlainModeComponent } from './display-mode/autocomplete-plain-mode.component'; +import { AutoCompleteTokensModeComponent } from './display-mode/autocomplete-tokens-mode.component'; +import { AutoCompleteEventsComponent } from './events/autocomplete-events.component'; +import { AutoCompleteGettingStartedComponent } from './getting-started/autocomplete-getting-started.component'; +import { AutoCompleteLayoutsHorizontalComponent } from './layouts/autocomplete-layouts-horizontal.component'; +import { AutoCompleteLayoutsRuntimeComponent } from './layouts/autocomplete-layouts-runtime.component'; +import { AutoCompleteLayoutsWrapComponent } from './layouts/autocomplete-layouts-wrap.component'; +import { AutoCompleteReadOnlyComponent } from './readonly/autocomplete-readonly.component'; +import { AutoCompleteRemoteComponent } from './remote-data-fetch/autocomplete-remote.component'; +import { AutoCompleteAppendModeComponent } from './suggest-mode/autocomplete-append-mode.component'; +import { AutoCompleteSuggestAppendModeComponent } from './suggest-mode/autocomplete-suggest-append-mode.component'; +import { AutocompleteSuggestModeComponent } from './suggest-mode/autocomplete-suggest-mode.component'; + +export const routes: Routes = [ + { path: 'contains', component: AutoCompleteContainsModeComponent }, + { path: 'starts-with', component: AutoCompleteStartsWithModeComponent }, + { path: 'customization', component: AutoCompleteCustomizationComponent }, + { path: 'plain-mode', component: AutoCompletePlainModeComponent }, + { path: 'tokens-mode', component: AutoCompleteTokensModeComponent }, + { path: 'events', component: AutoCompleteEventsComponent }, + { path: 'getting-started', component: AutoCompleteGettingStartedComponent }, + { path: 'layouts-horizontal', component: AutoCompleteLayoutsHorizontalComponent }, + { path: 'layouts-runtime', component: AutoCompleteLayoutsRuntimeComponent }, + { path: 'layouts-wrap', component: AutoCompleteLayoutsWrapComponent }, + { path: 'read-only', component: AutoCompleteReadOnlyComponent }, + { path: 'remote-data', component: AutoCompleteRemoteComponent }, + { path: 'append-mode', component: AutoCompleteAppendModeComponent }, + { path: 'append-suggest-mode', component: AutoCompleteSuggestAppendModeComponent }, + { path: 'suggest-mode', component: AutocompleteSuggestModeComponent } +]; \ No newline at end of file diff --git a/sdkAngular/app/navigation/mock-exampleItems.ts b/sdkAngular/app/navigation/mock-exampleItems.ts index a29c2ba2..9fccf675 100644 --- a/sdkAngular/app/navigation/mock-exampleItems.ts +++ b/sdkAngular/app/navigation/mock-exampleItems.ts @@ -634,7 +634,7 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Getting started", - "path": "AutocompleteGettingStartedComponent", + "path": "AutocompleteGettingStartedComponent/getting-started", "subItems": [] }, { @@ -643,12 +643,12 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Contains", - "path": "AutoCompleteContainsModeComponent", + "path": "AutoCompleteContainsModeComponent/contains", "subItems": [] }, { "title": "Starts with", - "path": "AutoCompleteStartsWithModeComponent", + "path": "AutoCompleteStartsWithModeComponent/starts-with", "subItems": [] }] }, @@ -658,12 +658,12 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Tokens", - "path": "AutoCompleteTokensModeComponent", + "path": "AutoCompleteTokensModeComponent/tokens-mode", "subItems": [] }, { "title": "Plain", - "path": "AutoCompletePlainModeComponent", + "path": "AutoCompletePlainModeComponent/plain-mode", "subItems": [] }] }, @@ -673,17 +673,17 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Switch at runtime", - "path": "AutoCompleteLayoutsRuntimeComponent", + "path": "AutoCompleteLayoutsRuntimeComponent/layouts-runtime", "subItems": [] }, { "title": "Horizontal", - "path": "AutoCompleteLayoutsHorizontalComponent", + "path": "AutoCompleteLayoutsHorizontalComponent/layouts-horizontal", "subItems": [] }, { "title": "Wrap", - "path": "AutoCompleteLayoutsWrapComponent", + "path": "AutoCompleteLayoutsWrapComponent/layouts-wrap", "subItems": [] } ] @@ -694,39 +694,39 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Append", - "path": "AutoCompleteAppendModeComponent", + "path": "AutoCompleteAppendModeComponent/append-mode", "subItems": [] }, { "title": "Suggest", - "path": "AutocompleteSuggestModeComponent", + "path": "AutocompleteSuggestModeComponent/suggest-mode", "subItems": [] }, { "title": "Suggest & Append", - "path": "AutoCompleteSuggestAppendModeComponent", + "path": "AutoCompleteSuggestAppendModeComponent/append-suggest-mode", "subItems": [] } ] }, { "title": "Customization", - "path": "AutoCompleteCustomizationComponent", + "path": "AutoCompleteCustomizationComponent/customization", "subItems": [] }, { "title": "Events", - "path": "AutoCompleteEventsComponent", + "path": "AutoCompleteEventsComponent/events", "subItems": [] }, { "title": "Async Data Fetch", - "path": "AutoCompleteRemoteComponent", + "path": "AutoCompleteRemoteComponent/remote-data", "subItems": [] }, { "title": "Read Only", - "path": "AutoCompleteReadOnlyComponent", + "path": "AutoCompleteReadOnlyComponent/read-only", "subItems": [] }] }, From 868e4f69267b161e652378b41a97ad2508a1615d Mon Sep 17 00:00:00 2001 From: Vladimir Amiorkov Date: Mon, 4 Sep 2017 16:53:28 +0300 Subject: [PATCH 03/13] Code lint warnings fixed --- .../autocomplete/events/autocomplete-events.component.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/sdkAngular/app/autocomplete/events/autocomplete-events.component.ts b/sdkAngular/app/autocomplete/events/autocomplete-events.component.ts index 9be80abb..5a9808d0 100644 --- a/sdkAngular/app/autocomplete/events/autocomplete-events.component.ts +++ b/sdkAngular/app/autocomplete/events/autocomplete-events.component.ts @@ -93,11 +93,11 @@ export class AutoCompleteEventsComponent { private updateEventsText(): void { var text; - if(this._currentEventNumber > 5) { + if (this._currentEventNumber > 5) { text = "Latest 5 fired events:"; - } else if(this._currentEventNumber == 0) { + } else if (this._currentEventNumber == 0) { text = "Events will appear here:"; - } else if(this._currentEventNumber == 1) { + } else if (this._currentEventNumber == 1) { text = "Fired event:"; } else { text = "Fired events:"; @@ -108,7 +108,7 @@ export class AutoCompleteEventsComponent { private logEvent(eventText: string) { this._currentEventNumber++; this.updateEventsText(); - switch(this._currentEventNumber) { + switch (this._currentEventNumber) { case 1: this._eventName1 = eventText; return; case 2: this._eventName2 = eventText; return; case 3: this._eventName3 = eventText; return; From f7ee1c4c2fa6e7d5658af35df22e47271e0f4189 Mon Sep 17 00:00:00 2001 From: Vladimir Amiorkov Date: Mon, 4 Sep 2017 17:30:10 +0300 Subject: [PATCH 04/13] Migrated RadChart examples to lazy loading --- sdkAngular/app/app.routing.ts | 98 +++------ sdkAngular/app/chart/chart-examples.module.ts | 86 ++++++++ .../app/chart/chart-examples.routing.ts | 70 +++++++ .../app/navigation/mock-exampleItems.ts | 198 +++++++++--------- 4 files changed, 288 insertions(+), 164 deletions(-) create mode 100644 sdkAngular/app/chart/chart-examples.module.ts create mode 100644 sdkAngular/app/chart/chart-examples.routing.ts diff --git a/sdkAngular/app/app.routing.ts b/sdkAngular/app/app.routing.ts index e06415f2..63477793 100644 --- a/sdkAngular/app/app.routing.ts +++ b/sdkAngular/app/app.routing.ts @@ -36,38 +36,6 @@ import { SecondSideDrawerOverNavigationComponent } from "./sidedrawer/over-navig import { SideDrawerEventsComponent } from "./sidedrawer/events/events.component"; import { SideDrawerPositionComponent } from "./sidedrawer/position/position.component"; import { SideDrawerTransitionsComponent } from "./sidedrawer/transitions/transitions.component"; -import { ChartSeriesAreaComponent } from "./chart/series/area/chart-series-area.component"; -import { ChartSeriesStackedAreaComponent } from "./chart/series/area/chart-series-stacked-area.component"; -import { ChartSeriesBarComponent } from "./chart/series/bar/chart-series-bar.component"; -import { ChartSeriesRangeBarComponent } from "./chart/series/bar/chart-series-range-bar.component"; -import { ChartSeriesStackedBarComponent } from "./chart/series/bar/chart-series-stacked-bar.component"; -import { ChartSeriesBubbleComponent } from "./chart/series/bubble/chart-series-bubble.component"; -import { ChartSeriesScatterBubbleComponent } from "./chart/series/bubble/chart-series-scatter-bubble.component"; -import { ChartSeriesCandlestickComponent } from "./chart/series/financial/chart-series-candlestick.component"; -import { ChartSeriesOhlcComponent } from "./chart/series/financial/chart-series-ohlc.component"; -import { ChartSeriesLineComponent } from "./chart/series/line/chart-series-line.component"; -import { ChartSeriesPieComponent } from "./chart/series/pie/chart-series-pie.component"; -import { ChartSeriesScatterComponent } from "./chart/series/scatter/chart-series-scatter.component"; -import { ChartSeriesSplineComponent } from "./chart/series/spline/chart-series-spline.component"; -import { ChartSeriesSplineAreaComponent } from "./chart/series/spline/chart-series-spline-area.component"; -import { ChartAnnotationsGridLineComponent } from "./chart/annotations/chart-annotations-grid-line.component"; -import { ChartAnnotationsPlotBandComponent } from "./chart/annotations/chart-annotations-plot-band.component"; -import { ChartBehaviorsDatapointSelectionComponent } from "./chart/behaviors/chart-behaviors-datapoint-selection.component"; -import { ChartBehaviorsPanZoomComponent } from "./chart/behaviors/chart-behaviors-pan-zoom.component"; -import { ChartBehaviorsChartPieSelectionComponent } from "./chart/behaviors/chart-behaviors-chart-pie-selection.component"; -import { ChartBehaviorsSeriesSelectionComponent } from "./chart/behaviors/chart-behaviors-series-selection.component"; -import { ChartBehaviorsTrackballComponent } from "./chart/behaviors/chart-behaviors-trackball.component"; -import { ChartLegendComponent } from "./chart/legend/chart-legend.component"; -import { ChartAxesCustomizationComponent } from "./chart/axes/customization/chart-axes-customization.component"; -import { ChartAxesDateTimeComponent } from "./chart/axes/date-time-axes/chart-axes-date-time.component"; -import { ChartAxesMultipleComponent } from "./chart/axes/multiple/chart-axes-multiple.component"; -import { ChartAxesNegativeValuesComponent } from "./chart/axes/negative-values/chart-axes-negative-values.component"; -import { ChartStylingAxesComponent } from "./chart/styling/chart-styling-axes.component"; -import { ChartStylingGridComponent } from "./chart/styling/chart-styling-grid.component"; -import { ChartStylingLabelComponent } from "./chart/styling/chart-styling-label.component"; -import { ChartStylingSelectionComponent } from "./chart/styling/chart-styling-selection.component"; -import { ChartStylingSeriesComponent } from "./chart/styling/chart-styling-series.component"; -import { ChartStylingPieSeriesComponent } from "./chart/styling/chart-styling-pie-series.component"; import { DataFormAdjustmentComponent } from "./dataform/adjustment/dataform-adjustment.component"; import { DataFormCommitModesComponent } from "./dataform/commit-modes/dataform-commit-modes.component"; import { DataFormEditorsComponent } from "./dataform/editors/dataform-editors.component"; @@ -106,7 +74,7 @@ import { GaugesScalesComponent } from "./gauges/scales/gauges-scales.component"; var excludedComponents = []; -export const EXAMPLES_COMPONENTS = [ListviewItemLayoutsStaggeredComponent, ListViewGettingStartedComponent, ListViewHeaderFooterComponent, ListViewItemReorderComponent, ListViewItemSelectionComponent, ListviewSelectionStatesComponent, ListViewLoadOnDemandComponent, ListViewPullToRefreshComponent, ListViewItemLayoutsGridComponent, ListviewItemLayoutsLinearComponent, ListviewItemLoadingComponent, ListviewItemReorderHandleComponent, ListviewItemSelectionMultipleComponent, ListviewItemSelectionProgrammaticComponent, ListviewItemSeparatorComponent, SideDrawerGettingStartedComponent, SideDrawerOverNavigationComponent, SecondSideDrawerOverNavigationComponent, SideDrawerEventsComponent, SideDrawerPositionComponent, SideDrawerTransitionsComponent, ChartSeriesAreaComponent, ChartSeriesStackedAreaComponent, ChartSeriesBarComponent, ChartSeriesRangeBarComponent, ChartSeriesStackedBarComponent, ChartSeriesBubbleComponent, ChartSeriesScatterBubbleComponent, ChartSeriesCandlestickComponent, ChartSeriesOhlcComponent, ChartSeriesLineComponent, ChartSeriesPieComponent, ChartSeriesScatterComponent, ChartSeriesSplineComponent, ChartAnnotationsGridLineComponent, ChartAnnotationsPlotBandComponent, ChartBehaviorsDatapointSelectionComponent, ChartBehaviorsPanZoomComponent, ChartBehaviorsChartPieSelectionComponent, ChartBehaviorsSeriesSelectionComponent, ChartBehaviorsTrackballComponent, ChartLegendComponent, ChartAxesCustomizationComponent, ChartAxesDateTimeComponent, ChartAxesMultipleComponent, ChartAxesNegativeValuesComponent, ChartStylingAxesComponent, ChartStylingGridComponent, ChartStylingLabelComponent, ChartStylingSelectionComponent, ChartStylingSeriesComponent, ListviewScrollToIndexVerticalComponent, ListViewScrollEventsComponent, ListviewScrollToIndexHorizontalComponent, DataFormAdjustmentComponent, DataFormCommitModesComponent, DataFormEditorsComponent, DataFormEventsComponent, DataFormGettingStartedComponent, DataFormGroupsComponent, DataFormPlatformSpecificsComponent, DataFormRuntimeUpdatesComponent, DataFormStylingComponent, DataFormValidationComponent, ListviewObservableArrayComponent, ListViewItemAnimationsComponent, ChartStylingPieSeriesComponent, DataformGridLayoutComponent, DataformStackLayoutComponent, DataformGettingStartedJsonComponent, DataformImageLabelsComponent, DataformPropertiesJsonComponent, DataformStylingAdvancedComponent, DataformCheckErrorsComponent, DataFormaAutoCompleteComponent, ListViewSwipeActionsComponent, ListViewSwipeActionsMultipleComponent, ListViewSwipeActionsThresholdsComponent, ListviewItemLayoutsStaggeredComponent, ListViewSwipeDisableComponent, GaugesGettingStartedComponent, GaugesAnimationsComponent, GaugesCustomizationComponent, GaugesScalesComponent, DataformReadOnlyComponent, DataformEditorStyleComponent, DataformCustomEditorsComponent, DataFormValueProvidersComponent, ChartSeriesSplineAreaComponent, DataFormScrollingComponent, ListviewMultipleTemplatesComponent, DataFormCustomValidatorComponent, DataFormCustomValidationComponent, DataFormAsyncValidationComponent, DataFormValidationModesComponent, DataFormValidationEventsComponent, DataFormValidationMetadataComponent, DataFormLabelsComponent, ListviewItemLayoutsRuntimeComponent, DataFormEditorBackgroundComponent]; +export const EXAMPLES_COMPONENTS = [ListviewItemLayoutsStaggeredComponent, ListViewGettingStartedComponent, ListViewHeaderFooterComponent, ListViewItemReorderComponent, ListViewItemSelectionComponent, ListviewSelectionStatesComponent, ListViewLoadOnDemandComponent, ListViewPullToRefreshComponent, ListViewItemLayoutsGridComponent, ListviewItemLayoutsLinearComponent, ListviewItemLoadingComponent, ListviewItemReorderHandleComponent, ListviewItemSelectionMultipleComponent, ListviewItemSelectionProgrammaticComponent, ListviewItemSeparatorComponent, SideDrawerGettingStartedComponent, SideDrawerOverNavigationComponent, SecondSideDrawerOverNavigationComponent, SideDrawerEventsComponent, SideDrawerPositionComponent, SideDrawerTransitionsComponent, ListviewScrollToIndexVerticalComponent, ListViewScrollEventsComponent, ListviewScrollToIndexHorizontalComponent, DataFormAdjustmentComponent, DataFormCommitModesComponent, DataFormEditorsComponent, DataFormEventsComponent, DataFormGettingStartedComponent, DataFormGroupsComponent, DataFormPlatformSpecificsComponent, DataFormRuntimeUpdatesComponent, DataFormStylingComponent, DataFormValidationComponent, ListviewObservableArrayComponent, ListViewItemAnimationsComponent, DataformGridLayoutComponent, DataformStackLayoutComponent, DataformGettingStartedJsonComponent, DataformImageLabelsComponent, DataformPropertiesJsonComponent, DataformStylingAdvancedComponent, DataformCheckErrorsComponent, DataFormaAutoCompleteComponent, ListViewSwipeActionsComponent, ListViewSwipeActionsMultipleComponent, ListViewSwipeActionsThresholdsComponent, ListviewItemLayoutsStaggeredComponent, ListViewSwipeDisableComponent, GaugesGettingStartedComponent, GaugesAnimationsComponent, GaugesCustomizationComponent, GaugesScalesComponent, DataformReadOnlyComponent, DataformEditorStyleComponent, DataformCustomEditorsComponent, DataFormValueProvidersComponent, DataFormScrollingComponent, ListviewMultipleTemplatesComponent, DataFormCustomValidatorComponent, DataFormCustomValidationComponent, DataFormAsyncValidationComponent, DataFormValidationModesComponent, DataFormValidationEventsComponent, DataFormValidationMetadataComponent, DataFormLabelsComponent, ListviewItemLayoutsRuntimeComponent, DataFormEditorBackgroundComponent]; let APP_ROUTES: Routes = [ { path: "", redirectTo: "examples-depth-1/root/root", pathMatch: 'full' }, { path: "examples-depth-1/:parentTitle/:tappedTitle", component: ExamplesListDepth1Component }, @@ -339,217 +307,217 @@ let APP_ROUTES: Routes = [ }, { path: "ChartSeriesAreaComponent", - component: ChartSeriesAreaComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Area Series" } }, { path: "ChartSeriesStackedAreaComponent", - component: ChartSeriesStackedAreaComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Stacked Area Series" } }, { path: "ChartSeriesBarComponent", - component: ChartSeriesBarComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Bar series" } }, { path: "ChartSeriesRangeBarComponent", - component: ChartSeriesRangeBarComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Range Bar series" } }, { path: "ChartSeriesStackedBarComponent", - component: ChartSeriesStackedBarComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Stacked Bar series" } }, { path: "ChartSeriesBubbleComponent", - component: ChartSeriesBubbleComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Bubble series" } }, { path: "ChartSeriesScatterBubbleComponent", - component: ChartSeriesScatterBubbleComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Scatter Bubble series" } }, { path: "ChartSeriesCandlestickComponent", - component: ChartSeriesCandlestickComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Candlestick series" } }, { path: "ChartSeriesOhlcComponent", - component: ChartSeriesOhlcComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Ohlc series" } }, { path: "ChartSeriesLineComponent", - component: ChartSeriesLineComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Line series" } }, { path: "ChartSeriesPieComponent", - component: ChartSeriesPieComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Pie series" } }, { path: "ChartSeriesScatterComponent", - component: ChartSeriesScatterComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Scatter series" } }, { path: "ChartSeriesSplineComponent", - component: ChartSeriesSplineComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Spline series" } }, { path: "ChartSeriesSplineAreaComponent", - component: ChartSeriesSplineAreaComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Spline Area series" } }, { path: "ChartAnnotationsGridLineComponent", - component: ChartAnnotationsGridLineComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Grid line" } }, { path: "ChartAnnotationsPlotBandComponent", - component: ChartAnnotationsPlotBandComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Plot band" } }, { path: "ChartBehaviorsDatapointSelectionComponent", - component: ChartBehaviorsDatapointSelectionComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Datapoint selection" } }, { path: "ChartBehaviorsPanZoomComponent", - component: ChartBehaviorsPanZoomComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Pan & Zoom" } }, { path: "ChartBehaviorsChartPieSelectionComponent", - component: ChartBehaviorsChartPieSelectionComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Pie selection" } }, { path: "ChartBehaviorsSeriesSelectionComponent", - component: ChartBehaviorsSeriesSelectionComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Series selection" } }, { path: "ChartBehaviorsTrackballComponent", - component: ChartBehaviorsTrackballComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Trackball" } }, { path: "ChartLegendComponent", - component: ChartLegendComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Legend" } }, { path: "ChartAxesCustomizationComponent", - component: ChartAxesCustomizationComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Customization" } }, { path: "ChartAxesDateTimeComponent", - component: ChartAxesDateTimeComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Date time axis" } }, { path: "ChartAxesMultipleComponent", - component: ChartAxesMultipleComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Multiple axes" } }, { path: "ChartAxesNegativeValuesComponent", - component: ChartAxesNegativeValuesComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Negative values" } }, { path: "ChartStylingAxesComponent", - component: ChartStylingAxesComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Styling axes" } }, { path: "ChartStylingGridComponent", - component: ChartStylingGridComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Styling grid" } }, { path: "ChartStylingLabelComponent", - component: ChartStylingLabelComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Styling labels" } }, { path: "ChartStylingSelectionComponent", - component: ChartStylingSelectionComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Styling series selection" } }, { path: "ChartStylingSeriesComponent", - component: ChartStylingSeriesComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Styling series" } @@ -724,7 +692,7 @@ let APP_ROUTES: Routes = [ }, { path: "ChartStylingPieSeriesComponent", - component: ChartStylingPieSeriesComponent, + loadChildren: './chart/chart-examples.module#ChartExamplesModule', data: { "title": "Styling Pie Chart series" } diff --git a/sdkAngular/app/chart/chart-examples.module.ts b/sdkAngular/app/chart/chart-examples.module.ts new file mode 100644 index 00000000..719a3471 --- /dev/null +++ b/sdkAngular/app/chart/chart-examples.module.ts @@ -0,0 +1,86 @@ +import { NgModule } from '@angular/core'; +import { NativeScriptModule } from "nativescript-angular/nativescript.module"; + +import { NativeScriptRouterModule } from "nativescript-angular/router"; +import { NativeScriptUIChartModule } from "nativescript-telerik-ui-pro/chart/angular"; + +import { ChartAnnotationsGridLineComponent } from './annotations/chart-annotations-grid-line.component'; +import { ChartAnnotationsPlotBandComponent } from './annotations/chart-annotations-plot-band.component'; +import { ChartAxesCustomizationComponent } from './axes/customization/chart-axes-customization.component'; +import { ChartAxesDateTimeComponent } from './axes/date-time-axes/chart-axes-date-time.component'; +import { ChartAxesMultipleComponent } from './axes/multiple/chart-axes-multiple.component'; +import { ChartAxesNegativeValuesComponent } from './axes/negative-values/chart-axes-negative-values.component'; +import { ChartBehaviorsChartPieSelectionComponent } from './behaviors/chart-behaviors-chart-pie-selection.component'; +import { ChartBehaviorsDatapointSelectionComponent } from './behaviors/chart-behaviors-datapoint-selection.component'; +import { ChartBehaviorsPanZoomComponent } from './behaviors/chart-behaviors-pan-zoom.component'; +import { ChartBehaviorsSeriesSelectionComponent } from './behaviors/chart-behaviors-series-selection.component'; +import { ChartBehaviorsTrackballComponent } from './behaviors/chart-behaviors-trackball.component'; +import { ChartLegendComponent } from './legend/chart-legend.component'; +import { ChartSeriesAreaComponent } from './series/area/chart-series-area.component'; +import { ChartSeriesStackedAreaComponent } from './series/area/chart-series-stacked-area.component'; +import { ChartSeriesBarComponent } from './series/bar/chart-series-bar.component'; +import { ChartSeriesRangeBarComponent } from './series/bar/chart-series-range-bar.component'; +import { ChartSeriesStackedBarComponent } from './series/bar/chart-series-stacked-bar.component'; +import { ChartSeriesBubbleComponent } from './series/bubble/chart-series-bubble.component'; +import { ChartSeriesScatterBubbleComponent } from './series/bubble/chart-series-scatter-bubble.component'; +import { ChartSeriesCandlestickComponent } from './series/financial/chart-series-candlestick.component'; +import { ChartSeriesOhlcComponent } from './series/financial/chart-series-ohlc.component'; +import { ChartSeriesLineComponent } from './series/line/chart-series-line.component'; +import { ChartSeriesPieComponent } from './series/pie/chart-series-pie.component'; +import { ChartSeriesScatterComponent } from './series/scatter/chart-series-scatter.component'; +import { ChartSeriesSplineAreaComponent } from './series/spline/chart-series-spline-area.component'; +import { ChartSeriesSplineComponent } from './series/spline/chart-series-spline.component'; +import { ChartStylingAxesComponent } from './styling/chart-styling-axes.component'; +import { ChartStylingGridComponent } from './styling/chart-styling-grid.component'; +import { ChartStylingLabelComponent } from './styling/chart-styling-label.component'; +import { ChartStylingPieSeriesComponent } from './styling/chart-styling-pie-series.component'; +import { ChartStylingSelectionComponent } from './styling/chart-styling-selection.component'; +import { ChartStylingSeriesComponent } from './styling/chart-styling-series.component'; + +import { routes } from './chart-examples.routing'; +import { CommonDirectivesModule } from '../navigation/directives/common-directives.module'; + +@NgModule({ + imports: [ + NativeScriptModule, + CommonDirectivesModule, + NativeScriptUIChartModule, + NativeScriptRouterModule, + NativeScriptRouterModule.forChild(routes) + ], + declarations: [ + ChartAnnotationsGridLineComponent, + ChartAnnotationsPlotBandComponent, + ChartAxesCustomizationComponent, + ChartAxesDateTimeComponent, + ChartAxesMultipleComponent, + ChartAxesNegativeValuesComponent, + ChartBehaviorsChartPieSelectionComponent, + ChartBehaviorsDatapointSelectionComponent, + ChartBehaviorsPanZoomComponent, + ChartBehaviorsSeriesSelectionComponent, + ChartBehaviorsTrackballComponent, + ChartLegendComponent, + ChartSeriesAreaComponent, + ChartSeriesStackedAreaComponent, + ChartSeriesBarComponent, + ChartSeriesRangeBarComponent, + ChartSeriesStackedBarComponent, + ChartSeriesBubbleComponent, + ChartSeriesScatterBubbleComponent, + ChartSeriesCandlestickComponent, + ChartSeriesOhlcComponent, + ChartSeriesLineComponent, + ChartSeriesPieComponent, + ChartSeriesScatterComponent, + ChartSeriesSplineAreaComponent, + ChartSeriesSplineComponent, + ChartStylingAxesComponent, + ChartStylingGridComponent, + ChartStylingLabelComponent, + ChartStylingPieSeriesComponent, + ChartStylingSelectionComponent, + ChartStylingSeriesComponent + ] +}) +export class ChartExamplesModule { } \ No newline at end of file diff --git a/sdkAngular/app/chart/chart-examples.routing.ts b/sdkAngular/app/chart/chart-examples.routing.ts new file mode 100644 index 00000000..6e54279d --- /dev/null +++ b/sdkAngular/app/chart/chart-examples.routing.ts @@ -0,0 +1,70 @@ +import { ModuleWithProviders } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; + +import { ChartAnnotationsGridLineComponent } from './annotations/chart-annotations-grid-line.component'; +import { ChartAnnotationsPlotBandComponent } from './annotations/chart-annotations-plot-band.component'; +import { ChartAxesCustomizationComponent } from './axes/customization/chart-axes-customization.component'; +import { ChartAxesDateTimeComponent } from './axes/date-time-axes/chart-axes-date-time.component'; +import { ChartAxesMultipleComponent } from './axes/multiple/chart-axes-multiple.component'; +import { ChartAxesNegativeValuesComponent } from './axes/negative-values/chart-axes-negative-values.component'; +import { ChartBehaviorsChartPieSelectionComponent } from './behaviors/chart-behaviors-chart-pie-selection.component'; +import { ChartBehaviorsDatapointSelectionComponent } from './behaviors/chart-behaviors-datapoint-selection.component'; +import { ChartBehaviorsPanZoomComponent } from './behaviors/chart-behaviors-pan-zoom.component'; +import { ChartBehaviorsSeriesSelectionComponent } from './behaviors/chart-behaviors-series-selection.component'; +import { ChartBehaviorsTrackballComponent } from './behaviors/chart-behaviors-trackball.component'; +import { ChartLegendComponent } from './legend/chart-legend.component'; +import { ChartSeriesAreaComponent } from './series/area/chart-series-area.component'; +import { ChartSeriesStackedAreaComponent } from './series/area/chart-series-stacked-area.component'; +import { ChartSeriesBarComponent } from './series/bar/chart-series-bar.component'; +import { ChartSeriesRangeBarComponent } from './series/bar/chart-series-range-bar.component'; +import { ChartSeriesStackedBarComponent } from './series/bar/chart-series-stacked-bar.component'; +import { ChartSeriesBubbleComponent } from './series/bubble/chart-series-bubble.component'; +import { ChartSeriesScatterBubbleComponent } from './series/bubble/chart-series-scatter-bubble.component'; +import { ChartSeriesCandlestickComponent } from './series/financial/chart-series-candlestick.component'; +import { ChartSeriesOhlcComponent } from './series/financial/chart-series-ohlc.component'; +import { ChartSeriesLineComponent } from './series/line/chart-series-line.component'; +import { ChartSeriesPieComponent } from './series/pie/chart-series-pie.component'; +import { ChartSeriesScatterComponent } from './series/scatter/chart-series-scatter.component'; +import { ChartSeriesSplineAreaComponent } from './series/spline/chart-series-spline-area.component'; +import { ChartSeriesSplineComponent } from './series/spline/chart-series-spline.component'; +import { ChartStylingAxesComponent } from './styling/chart-styling-axes.component'; +import { ChartStylingGridComponent } from './styling/chart-styling-grid.component'; +import { ChartStylingLabelComponent } from './styling/chart-styling-label.component'; +import { ChartStylingPieSeriesComponent } from './styling/chart-styling-pie-series.component'; +import { ChartStylingSelectionComponent } from './styling/chart-styling-selection.component'; +import { ChartStylingSeriesComponent } from './styling/chart-styling-series.component'; + +export const routes: Routes = [ + { path: 'grid-lines', component: ChartAnnotationsGridLineComponent }, + { path: 'plot-band', component: ChartAnnotationsPlotBandComponent }, + { path: 'axis-customization', component: ChartAxesCustomizationComponent }, + { path: 'axis-datetime', component: ChartAxesDateTimeComponent }, + { path: 'axis-multiple', component: ChartAxesMultipleComponent }, + { path: 'axis-negative', component: ChartAxesNegativeValuesComponent }, + { path: 'pie-selection', component: ChartBehaviorsChartPieSelectionComponent }, + { path: 'datapoint-selection', component: ChartBehaviorsDatapointSelectionComponent }, + { path: 'pan-zoom', component: ChartBehaviorsPanZoomComponent }, + { path: 'series-selection', component: ChartBehaviorsSeriesSelectionComponent }, + { path: 'trackball', component: ChartBehaviorsTrackballComponent }, + { path: 'legend', component: ChartLegendComponent }, + { path: 'series-area', component: ChartSeriesAreaComponent }, + { path: 'series-stacked-area', component: ChartSeriesStackedAreaComponent }, + { path: 'series-bar', component: ChartSeriesBarComponent }, + { path: 'series-range-bar', component: ChartSeriesRangeBarComponent }, + { path: 'series-stacked-bar', component: ChartSeriesStackedBarComponent }, + { path: 'series-bubble', component: ChartSeriesBubbleComponent }, + { path: 'series-scatter-bubble', component: ChartSeriesScatterBubbleComponent }, + { path: 'series-candlestick', component: ChartSeriesCandlestickComponent }, + { path: 'series-ohlc', component: ChartSeriesOhlcComponent }, + { path: 'series-line', component: ChartSeriesLineComponent }, + { path: 'series-pie', component: ChartSeriesPieComponent }, + { path: 'series-scatter', component: ChartSeriesScatterComponent }, + { path: 'series-spline-area', component: ChartSeriesSplineAreaComponent }, + { path: 'series-spline', component: ChartSeriesSplineComponent }, + { path: 'styling-axis', component: ChartStylingAxesComponent }, + { path: 'styling-grid', component: ChartStylingGridComponent }, + { path: 'styling-label', component: ChartStylingLabelComponent }, + { path: 'styling-pie-series', component: ChartStylingPieSeriesComponent }, + { path: 'styling-selection', component: ChartStylingSelectionComponent }, + { path: 'styling-series', component: ChartStylingSeriesComponent } +]; \ No newline at end of file diff --git a/sdkAngular/app/navigation/mock-exampleItems.ts b/sdkAngular/app/navigation/mock-exampleItems.ts index 9fccf675..b2b56eed 100644 --- a/sdkAngular/app/navigation/mock-exampleItems.ts +++ b/sdkAngular/app/navigation/mock-exampleItems.ts @@ -15,72 +15,72 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Bar series", - "path": "ChartSeriesBarComponent", + "path": "ChartSeriesBarComponent/series-bar", "subItems": [] }, { "title": "Range Bar series", - "path": "ChartSeriesRangeBarComponent", + "path": "ChartSeriesRangeBarComponent/series-range-bar", "subItems": [] }, { "title": "Stacked Bar series", - "path": "ChartSeriesStackedBarComponent", + "path": "ChartSeriesStackedBarComponent/series-stacked-bar", "subItems": [] }, { "title": "Area Series", - "path": "ChartSeriesAreaComponent", + "path": "ChartSeriesAreaComponent/series-area", "subItems": [] }, { "title": "Stacked Area Series", - "path": "ChartSeriesStackedAreaComponent", + "path": "ChartSeriesStackedAreaComponent/series-stacked-area", "subItems": [] }, { "title": "Line series", - "path": "ChartSeriesLineComponent", + "path": "ChartSeriesLineComponent/series-line", "subItems": [] }, { "title": "Spline series", - "path": "ChartSeriesSplineComponent", + "path": "ChartSeriesSplineComponent/series-spline", "subItems": [] }, { "title": "Spline Area series", - "path": "ChartSeriesSplineAreaComponent", + "path": "ChartSeriesSplineAreaComponent/series-spline-area", "subItems": [] }, { "title": "Bubble series", - "path": "ChartSeriesBubbleComponent", + "path": "ChartSeriesBubbleComponent/series-bubble", "subItems": [] }, { "title": "Scatter Bubble series", - "path": "ChartSeriesScatterBubbleComponent", + "path": "ChartSeriesScatterBubbleComponent/series-scatter-bubble", "subItems": [] }, { "title": "Candlestick series", - "path": "ChartSeriesCandlestickComponent", + "path": "ChartSeriesCandlestickComponent/series-candlestick", "subItems": [] }, { "title": "Ohlc series", - "path": "ChartSeriesOhlcComponent", + "path": "ChartSeriesOhlcComponent/series-ohlc", "subItems": [] }, { "title": "Pie series", - "path": "ChartSeriesPieComponent", + "path": "ChartSeriesPieComponent/series-pie", "subItems": [] }, { "title": "Scatter series", - "path": "ChartSeriesScatterComponent", + "path": "ChartSeriesScatterComponent/series-scatter", "subItems": [] } ] @@ -91,39 +91,39 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Styling axes", - "path": "ChartStylingAxesComponent", + "path": "ChartStylingAxesComponent/styling-axis", "subItems": [] }, { "title": "Styling series", - "path": "ChartStylingSeriesComponent", + "path": "ChartStylingSeriesComponent/styling-series", "subItems": [] }, { "title": "Styling Pie Chart series", - "path": "ChartStylingPieSeriesComponent", + "path": "ChartStylingPieSeriesComponent/styling-pie-series", "subItems": [] }, { "title": "Styling grid", - "path": "ChartStylingGridComponent", + "path": "ChartStylingGridComponent/styling-grid", "subItems": [] }, { "title": "Styling labels", - "path": "ChartStylingLabelComponent", + "path": "ChartStylingLabelComponent/styling-label", "subItems": [] }, { "title": "Styling series selection", - "path": "ChartStylingSelectionComponent", + "path": "ChartStylingSelectionComponent/styling-selection", "subItems": [] }, ] }, { "title": "Legend", - "path": "ChartLegendComponent", + "path": "ChartLegendComponent/legend", "subItems": [] }, { @@ -132,27 +132,27 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Pan & Zoom", - "path": "ChartBehaviorsPanZoomComponent", + "path": "ChartBehaviorsPanZoomComponent/pan-zoom", "subItems": [] }, { "title": "Pie selection", - "path": "ChartBehaviorsChartPieSelectionComponent", + "path": "ChartBehaviorsChartPieSelectionComponent/pie-selection", "subItems": [] }, { "title": "Trackball", - "path": "ChartBehaviorsTrackballComponent", + "path": "ChartBehaviorsTrackballComponent/trackball", "subItems": [] }, { "title": "Series selection", - "path": "ChartBehaviorsSeriesSelectionComponent", + "path": "ChartBehaviorsSeriesSelectionComponent/series-selection", "subItems": [] }, { "title": "Datapoint selection", - "path": "ChartBehaviorsDatapointSelectionComponent", + "path": "ChartBehaviorsDatapointSelectionComponent/datapoint-selection", "subItems": [] } ] @@ -163,22 +163,22 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Customization", - "path": "ChartAxesCustomizationComponent", + "path": "ChartAxesCustomizationComponent/axis-customization", "subItems": [] }, { "title": "Multiple axes", - "path": "ChartAxesMultipleComponent", + "path": "ChartAxesMultipleComponent/axis-multiple", "subItems": [] }, { "title": "Negative values", - "path": "ChartAxesNegativeValuesComponent", + "path": "ChartAxesNegativeValuesComponent/axis-negative", "subItems": [] }, { "title": "Date time axis", - "path": "ChartAxesDateTimeComponent", + "path": "ChartAxesDateTimeComponent/axis-datetime", "subItems": [] } ] @@ -189,12 +189,12 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Plot band", - "path": "ChartAnnotationsPlotBandComponent", + "path": "ChartAnnotationsPlotBandComponent/plot-band", "subItems": [] }, { "title": "Grid line", - "path": "ChartAnnotationsGridLineComponent", + "path": "ChartAnnotationsGridLineComponent/grid-lines", "subItems": [] } ] @@ -207,22 +207,22 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Getting Started", - "path": "ListViewGettingStartedComponent", + "path": "ListViewGettingStartedComponent/", "subItems": [] }, { "title": "Multiple Item Templates", - "path": "ListviewMultipleTemplatesComponent", + "path": "ListviewMultipleTemplatesComponent/", "subItems": [] }, { "title": "Item Loading", - "path": "ListviewItemLoadingComponent", + "path": "ListviewItemLoadingComponent/", "subItems": [] }, { "title": "Item Animations", - "path": "ListViewItemAnimationsComponent", + "path": "ListViewItemAnimationsComponent/", "subItems": [] }, { @@ -231,34 +231,34 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Linear", - "path": "ListviewItemLayoutsLinearComponent", + "path": "ListviewItemLayoutsLinearComponent/", "subItems": [] }, { "title": "Grid", - "path": "ListViewItemLayoutsGridComponent", + "path": "ListViewItemLayoutsGridComponent/", "subItems": [] }, { "title": "Staggered", - "path": "ListviewItemLayoutsStaggeredComponent", + "path": "ListviewItemLayoutsStaggeredComponent/", "subItems": [] }, { "title": "Change at runtime", - "path": "ListviewItemLayoutsRuntimeComponent", + "path": "ListviewItemLayoutsRuntimeComponent/", "subItems": [] } ] }, { "title": "Item Reorder", - "path": "ListViewItemReorderComponent", + "path": "ListViewItemReorderComponent/", "subItems": [] }, { "title": "Item Reorder with handle", - "path": "ListviewItemReorderHandleComponent", + "path": "ListviewItemReorderHandleComponent/", "subItems": [] }, { @@ -267,39 +267,39 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Single Selection", - "path": "ListViewItemSelectionComponent", + "path": "ListViewItemSelectionComponent/", "subItems": [] }, { "title": "Multiple Selection", - "path": "ListviewItemSelectionMultipleComponent", + "path": "ListviewItemSelectionMultipleComponent/", "subItems": [] }, { "title": "Programmatic Selection", - "path": "ListviewItemSelectionProgrammaticComponent", + "path": "ListviewItemSelectionProgrammaticComponent/", "subItems": [] } ] }, { "title": "Selection states", - "path": "ListviewSelectionStatesComponent", + "path": "ListviewSelectionStatesComponent/", "subItems": [] }, { "title": "Load on Demand", - "path": "ListViewLoadOnDemandComponent", + "path": "ListViewLoadOnDemandComponent/", "subItems": [] }, { "title": "Observable Array", - "path": "ListviewObservableArrayComponent", + "path": "ListviewObservableArrayComponent/", "subItems": [] }, { "title": "Pull to Refresh", - "path": "ListViewPullToRefreshComponent", + "path": "ListViewPullToRefreshComponent/", "subItems": [] }, { @@ -308,34 +308,34 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Getting Started", - "path": "ListViewSwipeActionsComponent", + "path": "ListViewSwipeActionsComponent/", "subItems": [] }, { "title": "Animated thresholds", - "path": "ListViewSwipeActionsThresholdsComponent", + "path": "ListViewSwipeActionsThresholdsComponent/", "subItems": [] }, { "title": "Multiple actions", - "path": "ListViewSwipeActionsMultipleComponent", + "path": "ListViewSwipeActionsMultipleComponent/", "subItems": [] }, { "title": "Disable\\Enable", - "path": "ListViewSwipeDisableComponent", + "path": "ListViewSwipeDisableComponent/", "subItems": [] } ] }, { "title": "Header and Footer", - "path": "ListViewHeaderFooterComponent", + "path": "ListViewHeaderFooterComponent/", "subItems": [] }, { "title": "Item separators", - "path": "ListviewItemSeparatorComponent", + "path": "ListviewItemSeparatorComponent/", "subItems": [] }, { @@ -344,19 +344,19 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "In vertical direction", - "path": "ListviewScrollToIndexVerticalComponent", + "path": "ListviewScrollToIndexVerticalComponent/", "subItems": [] }, { "title": "In horizontal direction", - "path": "ListviewScrollToIndexHorizontalComponent", + "path": "ListviewScrollToIndexHorizontalComponent/", "subItems": [] } ] }, { "title": "Scroll Events", - "path": "ListViewScrollEventsComponent", + "path": "ListViewScrollEventsComponent/", "subItems": [] }, ] @@ -367,27 +367,27 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Getting Started", - "path": "SideDrawerGettingStartedComponent", + "path": "SideDrawerGettingStartedComponent/", "subItems": [] }, { "title": "Position", - "path": "SideDrawerPositionComponent", + "path": "SideDrawerPositionComponent/", "subItems": [] }, { "title": "Transitions", - "path": "SideDrawerTransitionsComponent", + "path": "SideDrawerTransitionsComponent/", "subItems": [] }, { "title": "Events", - "path": "SideDrawerEventsComponent", + "path": "SideDrawerEventsComponent/", "subItems": [] }, { "title": "Drawer Over Navigation", - "path": "SideDrawerOverNavigationComponent", + "path": "SideDrawerOverNavigationComponent/", "subItems": [] } ] @@ -449,22 +449,22 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Getting started", - "path": "DataFormGettingStartedComponent", + "path": "DataFormGettingStartedComponent/", "subItems": [] }, { "title": "Getting started JSON", - "path": "DataformGettingStartedJsonComponent", + "path": "DataformGettingStartedJsonComponent/", "subItems": [] }, { "title": "Properties", - "path": "DataFormAdjustmentComponent", + "path": "DataFormAdjustmentComponent/", "subItems": [] }, { "title": "Properties JSON", - "path": "DataformPropertiesJsonComponent", + "path": "DataformPropertiesJsonComponent/", "subItems": [] }, { @@ -473,22 +473,22 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Common", - "path": "DataFormEditorsComponent", + "path": "DataFormEditorsComponent/", "subItems": [] }, { "title": "AutoComplete", - "path": "DataFormaAutoCompleteComponent", + "path": "DataFormaAutoCompleteComponent/", "subItems": [] }, { "title": "Labels", - "path": "DataFormLabelsComponent", + "path": "DataFormLabelsComponent/", "subItems": [] }, { "title": "Custom Editors", - "path": "DataformCustomEditorsComponent", + "path": "DataformCustomEditorsComponent/", "subItems": [] } ] @@ -499,100 +499,100 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Validators", - "path": "DataFormValidationComponent", + "path": "DataFormValidationComponent/", "subItems": [] }, { "title": "Validation Modes", - "path": "DataFormValidationModesComponent", + "path": "DataFormValidationModesComponent/", "subItems": [] }, { "title": "Validation Events", - "path": "DataFormValidationEventsComponent", + "path": "DataFormValidationEventsComponent/", "subItems": [] }, { "title": "Validators JSON", - "path": "DataFormValidationMetadataComponent", + "path": "DataFormValidationMetadataComponent/", "subItems": [] }, { "title": "Async Validation", - "path": "DataFormAsyncValidationComponent", + "path": "DataFormAsyncValidationComponent/", "subItems": [] }, { "title": "Check Validation State", - "path": "DataformCheckErrorsComponent", + "path": "DataformCheckErrorsComponent/", "subItems": [] }, { "title": "Custom Validator", - "path": "DataFormCustomValidatorComponent", + "path": "DataFormCustomValidatorComponent/", "subItems": [] }, { "title": "Custom Validation", - "path": "DataFormCustomValidationComponent", + "path": "DataFormCustomValidationComponent/", "subItems": [] } ] }, { "title": "Commit Modes", - "path": "DataFormCommitModesComponent", + "path": "DataFormCommitModesComponent/", "subItems": [] }, { "title": "Groups", - "path": "DataFormGroupsComponent", + "path": "DataFormGroupsComponent/", "subItems": [] }, { "title": "Events", - "path": "DataFormEventsComponent", + "path": "DataFormEventsComponent/", "subItems": [] }, { "title": "Styling", - "path": "DataFormStylingComponent", + "path": "DataFormStylingComponent/", "subItems": [ { "title": "Common", - "path": "DataFormStylingComponent", + "path": "DataFormStylingComponent/", "subItems": [] }, { "title": "Advanced", - "path": "DataformStylingAdvancedComponent", + "path": "DataformStylingAdvancedComponent/", "subItems": [] }, { "title": "Editor Background", - "path": "DataFormEditorBackgroundComponent", + "path": "DataFormEditorBackgroundComponent/", "subItems": [] }, { "title": "At runtime", - "path": "DataformEditorStyleComponent", + "path": "DataformEditorStyleComponent/", "subItems": [] }, ] }, { "title": "Runtime updates", - "path": "DataFormRuntimeUpdatesComponent", + "path": "DataFormRuntimeUpdatesComponent/", "subItems": [] }, { "title": "Platform adjustments", - "path": "DataFormPlatformSpecificsComponent", + "path": "DataFormPlatformSpecificsComponent/", "subItems": [] }, { "title": "Image Labels", - "path": "DataformImageLabelsComponent", + "path": "DataformImageLabelsComponent/", "subItems": [] }, { @@ -601,29 +601,29 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Stack", - "path": "DataformStackLayoutComponent", + "path": "DataformStackLayoutComponent/", "subItems": [] }, { "title": "Grid", - "path": "DataformGridLayoutComponent", + "path": "DataformGridLayoutComponent/", "subItems": [] } ] }, { "title": "Read Only", - "path": "DataformReadOnlyComponent", + "path": "DataformReadOnlyComponent/", "subItems": [] }, { "title": "Value Providers", - "path": "DataFormValueProvidersComponent", + "path": "DataFormValueProvidersComponent/", "subItems": [] }, { "title": "Scrollable Form", - "path": "DataFormScrollingComponent", + "path": "DataFormScrollingComponent/", "subItems": [] } ] @@ -736,22 +736,22 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Getting started", - "path": "GaugesGettingStartedComponent", + "path": "GaugesGettingStartedComponent/", "subItems": [] }, { "title": "Scales", - "path": "GaugesScalesComponent", + "path": "GaugesScalesComponent/", "subItems": [] }, { "title": "Customization", - "path": "GaugesCustomizationComponent", + "path": "GaugesCustomizationComponent/", "subItems": [] }, { "title": "Animation", - "path": "GaugesAnimationsComponent", + "path": "GaugesAnimationsComponent/", "subItems": [] }] }, From dd5c2b131d8d602befd2bffe7ae3db56d6e463a8 Mon Sep 17 00:00:00 2001 From: Vladimir Amiorkov Date: Mon, 4 Sep 2017 18:01:59 +0300 Subject: [PATCH 05/13] Migrated RadDataForm examples to lazy loading --- sdkAngular/app/app.module.ts | 4 - sdkAngular/app/app.routing.ts | 95 +++++++------------ .../app/dataform/dataform-examples.module.ts | 85 +++++++++++++++++ .../app/dataform/dataform-examples.routing.ts | 68 +++++++++++++ .../app/navigation/mock-exampleItems.ts | 64 ++++++------- 5 files changed, 217 insertions(+), 99 deletions(-) create mode 100644 sdkAngular/app/dataform/dataform-examples.module.ts create mode 100644 sdkAngular/app/dataform/dataform-examples.routing.ts diff --git a/sdkAngular/app/app.module.ts b/sdkAngular/app/app.module.ts index e1b25f74..1c65ba93 100644 --- a/sdkAngular/app/app.module.ts +++ b/sdkAngular/app/app.module.ts @@ -4,8 +4,6 @@ import { NativeScriptModule } from "nativescript-angular/nativescript.module"; // --- The built-in 'nativescript-telerik-ui-pro' modules import { NativeScriptUISideDrawerModule } from "nativescript-telerik-ui-pro/sidedrawer/angular"; import { NativeScriptUIListViewModule } from "nativescript-telerik-ui-pro/listview/angular"; -import { NativeScriptUIChartModule } from "nativescript-telerik-ui-pro/chart/angular"; -import { NativeScriptUIDataFormModule } from "nativescript-telerik-ui-pro/dataform/angular"; import { NativeScriptUIGaugesModule } from "nativescript-telerik-ui-pro/gauges/angular"; // Not required imports, these are used by the nativescript-samples-angular SDK examples - https://github.com/telerik/nativescript-ui-samples-angular @@ -52,8 +50,6 @@ if (applicationModule.android) { TNSFrescoModule, NativeScriptUIListViewModule, NativeScriptUISideDrawerModule, - NativeScriptUIChartModule, - NativeScriptUIDataFormModule, NativeScriptUIGaugesModule, NativeScriptFormsModule, NativeScriptRouterModule, diff --git a/sdkAngular/app/app.routing.ts b/sdkAngular/app/app.routing.ts index 63477793..84e770d9 100644 --- a/sdkAngular/app/app.routing.ts +++ b/sdkAngular/app/app.routing.ts @@ -36,37 +36,6 @@ import { SecondSideDrawerOverNavigationComponent } from "./sidedrawer/over-navig import { SideDrawerEventsComponent } from "./sidedrawer/events/events.component"; import { SideDrawerPositionComponent } from "./sidedrawer/position/position.component"; import { SideDrawerTransitionsComponent } from "./sidedrawer/transitions/transitions.component"; -import { DataFormAdjustmentComponent } from "./dataform/adjustment/dataform-adjustment.component"; -import { DataFormCommitModesComponent } from "./dataform/commit-modes/dataform-commit-modes.component"; -import { DataFormEditorsComponent } from "./dataform/editors/dataform-editors.component"; -import { DataFormaAutoCompleteComponent } from "./dataform/editors/autocomplete/dataform-autocomplete.component"; -import { DataFormLabelsComponent } from "./dataform/editors/labels/dataform-labels.component"; -import { DataformReadOnlyComponent } from "./dataform/editors/readonly/dataform-read-only.component"; -import { DataformCustomEditorsComponent } from "./dataform/editors/custom-editors/dataform-custom-editors.component"; -import { DataFormEventsComponent } from "./dataform/events/dataform-events.component"; -import { DataFormGettingStartedComponent } from "./dataform/getting-started/dataform-getting-started.component"; -import { DataformGettingStartedJsonComponent } from "./dataform/getting-started-json/dataform-getting-started-json.component"; -import { DataFormGroupsComponent } from "./dataform/groups/dataform-groups.component"; -import { DataFormPlatformSpecificsComponent } from "./dataform/platform-specifics/dataform-platform-specifics.component"; -import { DataFormRuntimeUpdatesComponent } from "./dataform/runtime-updates/dataform-runtime-updates.component"; -import { DataFormStylingComponent } from "./dataform/styling/common/dataform-styling.component"; -import { DataformEditorStyleComponent } from "./dataform/styling/editor-style/dataform-editor-style.component"; -import { DataFormValidationComponent } from "./dataform/validation/dataform-validation.component"; -import { DataFormCustomValidatorComponent } from "./dataform/validation/custom-validator/dataform-custom-validator.component"; -import { DataFormValueProvidersComponent } from "./dataform/value-providers/dataform-value-providers.component"; -import { DataformCheckErrorsComponent } from "./dataform/validation/check-errors/dataform-check-errors.component"; -import { DataformGridLayoutComponent } from "./dataform/layouts/dataform-grid-layout.component"; -import { DataformStackLayoutComponent } from "./dataform/layouts/dataform-stack-layout.component"; -import { DataformImageLabelsComponent } from "./dataform/image-labels/dataform-image-labels.component"; -import { DataformPropertiesJsonComponent } from "./dataform/properties-json/dataform-properties-json.component"; -import { DataformStylingAdvancedComponent } from "./dataform/styling/advanced/dataform-styling-advanced.component"; -import { DataFormEditorBackgroundComponent } from "./dataform/styling/editor-background/dataform-editor-background.component"; -import { DataFormScrollingComponent } from "./dataform/scrolling/dataform-scrolling.component"; -import { DataFormValidationModesComponent } from "./dataform/validation/validation-modes/dataform-validation-modes.component"; -import { DataFormAsyncValidationComponent } from "./dataform/validation/async-validation/dataform-async-validation.component"; -import { DataFormValidationEventsComponent } from "./dataform/validation/validation-events/dataform-validation-events.component"; -import { DataFormCustomValidationComponent } from "./dataform/validation/custom-validation/dataform-custom-validation.component"; -import { DataFormValidationMetadataComponent } from "./dataform/validation/metadata/dataform-validation-metadata.component"; import { GaugesGettingStartedComponent } from "./gauges/getting-started/gauges-getting-started.component"; import { GaugesAnimationsComponent } from "./gauges/animations/gauges-animations.component"; import { GaugesCustomizationComponent } from "./gauges/customization/gauges-customization.component"; @@ -74,7 +43,7 @@ import { GaugesScalesComponent } from "./gauges/scales/gauges-scales.component"; var excludedComponents = []; -export const EXAMPLES_COMPONENTS = [ListviewItemLayoutsStaggeredComponent, ListViewGettingStartedComponent, ListViewHeaderFooterComponent, ListViewItemReorderComponent, ListViewItemSelectionComponent, ListviewSelectionStatesComponent, ListViewLoadOnDemandComponent, ListViewPullToRefreshComponent, ListViewItemLayoutsGridComponent, ListviewItemLayoutsLinearComponent, ListviewItemLoadingComponent, ListviewItemReorderHandleComponent, ListviewItemSelectionMultipleComponent, ListviewItemSelectionProgrammaticComponent, ListviewItemSeparatorComponent, SideDrawerGettingStartedComponent, SideDrawerOverNavigationComponent, SecondSideDrawerOverNavigationComponent, SideDrawerEventsComponent, SideDrawerPositionComponent, SideDrawerTransitionsComponent, ListviewScrollToIndexVerticalComponent, ListViewScrollEventsComponent, ListviewScrollToIndexHorizontalComponent, DataFormAdjustmentComponent, DataFormCommitModesComponent, DataFormEditorsComponent, DataFormEventsComponent, DataFormGettingStartedComponent, DataFormGroupsComponent, DataFormPlatformSpecificsComponent, DataFormRuntimeUpdatesComponent, DataFormStylingComponent, DataFormValidationComponent, ListviewObservableArrayComponent, ListViewItemAnimationsComponent, DataformGridLayoutComponent, DataformStackLayoutComponent, DataformGettingStartedJsonComponent, DataformImageLabelsComponent, DataformPropertiesJsonComponent, DataformStylingAdvancedComponent, DataformCheckErrorsComponent, DataFormaAutoCompleteComponent, ListViewSwipeActionsComponent, ListViewSwipeActionsMultipleComponent, ListViewSwipeActionsThresholdsComponent, ListviewItemLayoutsStaggeredComponent, ListViewSwipeDisableComponent, GaugesGettingStartedComponent, GaugesAnimationsComponent, GaugesCustomizationComponent, GaugesScalesComponent, DataformReadOnlyComponent, DataformEditorStyleComponent, DataformCustomEditorsComponent, DataFormValueProvidersComponent, DataFormScrollingComponent, ListviewMultipleTemplatesComponent, DataFormCustomValidatorComponent, DataFormCustomValidationComponent, DataFormAsyncValidationComponent, DataFormValidationModesComponent, DataFormValidationEventsComponent, DataFormValidationMetadataComponent, DataFormLabelsComponent, ListviewItemLayoutsRuntimeComponent, DataFormEditorBackgroundComponent]; +export const EXAMPLES_COMPONENTS = [ListViewItemAnimationsComponent, ListviewObservableArrayComponent, ListviewItemLayoutsStaggeredComponent, ListViewGettingStartedComponent, ListViewHeaderFooterComponent, ListViewItemReorderComponent, ListViewItemSelectionComponent, ListviewSelectionStatesComponent, ListViewLoadOnDemandComponent, ListViewPullToRefreshComponent, ListViewItemLayoutsGridComponent, ListviewItemLayoutsLinearComponent, ListviewItemLoadingComponent, ListviewItemReorderHandleComponent, ListviewItemSelectionMultipleComponent, ListviewItemSelectionProgrammaticComponent, ListviewItemSeparatorComponent, SideDrawerGettingStartedComponent, SideDrawerOverNavigationComponent, SecondSideDrawerOverNavigationComponent, SideDrawerEventsComponent, SideDrawerPositionComponent, SideDrawerTransitionsComponent, ListviewScrollToIndexVerticalComponent, ListViewScrollEventsComponent, ListviewScrollToIndexHorizontalComponent, ListViewSwipeActionsComponent, ListViewSwipeActionsMultipleComponent, ListViewSwipeActionsThresholdsComponent, ListviewItemLayoutsStaggeredComponent, ListViewSwipeDisableComponent, GaugesGettingStartedComponent, GaugesAnimationsComponent, GaugesCustomizationComponent, GaugesScalesComponent, ListviewMultipleTemplatesComponent, ListviewItemLayoutsRuntimeComponent]; let APP_ROUTES: Routes = [ { path: "", redirectTo: "examples-depth-1/root/root", pathMatch: 'full' }, { path: "examples-depth-1/:parentTitle/:tappedTitle", component: ExamplesListDepth1Component }, @@ -545,133 +514,133 @@ let APP_ROUTES: Routes = [ }, { path: "DataFormAdjustmentComponent", - component: DataFormAdjustmentComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Properties" } }, { path: "DataFormCommitModesComponent", - component: DataFormCommitModesComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Commit Modes" } }, { path: "DataFormEditorsComponent", - component: DataFormEditorsComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Common" } }, { path: "DataFormLabelsComponent", - component: DataFormLabelsComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Labels" } }, { path: "DataFormEventsComponent", - component: DataFormEventsComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Events" } }, { path: "DataFormGettingStartedComponent", - component: DataFormGettingStartedComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Getting started" } }, { path: "DataFormGroupsComponent", - component: DataFormGroupsComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Groups" } }, { path: "DataFormPlatformSpecificsComponent", - component: DataFormPlatformSpecificsComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Platform adjustments" } }, { path: "DataFormRuntimeUpdatesComponent", - component: DataFormRuntimeUpdatesComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Runtime updates" } }, { path: "DataFormStylingComponent", - component: DataFormStylingComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Styling" } }, { path: "DataFormValidationComponent", - component: DataFormValidationComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Validators" } }, { path: "DataFormCustomValidationComponent", - component: DataFormCustomValidationComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Custom Validation" } }, { path: "DataFormValidationModesComponent", - component: DataFormValidationModesComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Validation Modes" } }, { path: "DataFormValidationEventsComponent", - component: DataFormValidationEventsComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Validation Events" } }, { path: "DataFormValidationMetadataComponent", - component: DataFormValidationMetadataComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Validators JSON" } }, { path: "DataFormAsyncValidationComponent", - component: DataFormAsyncValidationComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Async Validation" } }, { path: "DataFormCustomValidatorComponent", - component: DataFormCustomValidatorComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Custom Validator" } }, { path: "DataFormValueProvidersComponent", - component: DataFormValueProvidersComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Value Providers" } }, { path: "DataFormScrollingComponent", - component: DataFormScrollingComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Scrollable Form" } @@ -699,63 +668,63 @@ let APP_ROUTES: Routes = [ }, { path: "DataformGridLayoutComponent", - component: DataformGridLayoutComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Grid" } }, { path: "DataformStackLayoutComponent", - component: DataformStackLayoutComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Stack" } }, { path: "DataformGettingStartedJsonComponent", - component: DataformGettingStartedJsonComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Getting started JSON" } }, { path: "DataformImageLabelsComponent", - component: DataformImageLabelsComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Image Labels" } }, { path: "DataformPropertiesJsonComponent", - component: DataformPropertiesJsonComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Properties JSON" } }, { path: "DataformStylingAdvancedComponent", - component: DataformStylingAdvancedComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Styling Advanced" } }, { path: "DataFormEditorBackgroundComponent", - component: DataFormEditorBackgroundComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Editor Background" } }, { path: "DataformCheckErrorsComponent", - component: DataformCheckErrorsComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Check Validation State" } }, { path: "DataFormaAutoCompleteComponent", - component: DataFormaAutoCompleteComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "AutoComplete" } @@ -923,21 +892,21 @@ let APP_ROUTES: Routes = [ }, { path: "DataformReadOnlyComponent", - component: DataformReadOnlyComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Read Only" } }, { path: "DataformEditorStyleComponent", - component: DataformEditorStyleComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "At runtime" } }, { path: "DataformCustomEditorsComponent", - component: DataformCustomEditorsComponent, + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', data: { "title": "Custom Editors" } diff --git a/sdkAngular/app/dataform/dataform-examples.module.ts b/sdkAngular/app/dataform/dataform-examples.module.ts new file mode 100644 index 00000000..9e940f72 --- /dev/null +++ b/sdkAngular/app/dataform/dataform-examples.module.ts @@ -0,0 +1,85 @@ +import { NgModule } from '@angular/core'; +import { NativeScriptModule } from "nativescript-angular/nativescript.module"; + +import { NativeScriptRouterModule } from "nativescript-angular/router"; +import { NativeScriptUIDataFormModule } from "nativescript-telerik-ui-pro/dataform/angular"; + +import { DataFormAdjustmentComponent } from './adjustment/dataform-adjustment.component'; +import { DataFormCommitModesComponent } from './commit-modes/dataform-commit-modes.component'; +import { DataFormaAutoCompleteComponent } from './editors/autocomplete/dataform-autocomplete.component'; +import { DataformCustomEditorsComponent } from './editors/custom-editors/dataform-custom-editors.component'; +import { DataFormLabelsComponent } from './editors/labels/dataform-labels.component'; +import { DataformReadOnlyComponent } from './editors/readonly/dataform-read-only.component'; +import { DataFormEditorsComponent } from './editors/dataform-editors.component'; +import { DataFormEventsComponent } from './events/dataform-events.component'; +import { DataFormGettingStartedComponent } from './getting-started/dataform-getting-started.component'; +import { DataformGettingStartedJsonComponent } from './getting-started-json/dataform-getting-started-json.component'; +import { DataFormGroupsComponent } from './groups/dataform-groups.component'; +import { DataformImageLabelsComponent } from './image-labels/dataform-image-labels.component'; +import { DataformGridLayoutComponent } from './layouts/dataform-grid-layout.component'; +import { DataformStackLayoutComponent } from './layouts/dataform-stack-layout.component'; +import { DataFormPlatformSpecificsComponent } from './platform-specifics/dataform-platform-specifics.component'; +import { DataformPropertiesJsonComponent } from './properties-json/dataform-properties-json.component'; +import { DataFormRuntimeUpdatesComponent } from './runtime-updates/dataform-runtime-updates.component'; +import { DataFormScrollingComponent } from './scrolling/dataform-scrolling.component'; +import { DataformStylingAdvancedComponent } from './styling/advanced/dataform-styling-advanced.component'; +import { DataFormStylingComponent } from './styling/common/dataform-styling.component'; +import { DataFormEditorBackgroundComponent } from './styling/editor-background/dataform-editor-background.component'; +import { DataformEditorStyleComponent } from './styling/editor-style/dataform-editor-style.component'; +import { DataFormAsyncValidationComponent } from './validation/async-validation/dataform-async-validation.component'; +import { DataformCheckErrorsComponent } from './validation/check-errors/dataform-check-errors.component'; +import { DataFormCustomValidationComponent } from './validation/custom-validation/dataform-custom-validation.component'; +import { DataFormCustomValidatorComponent } from './validation/custom-validator/dataform-custom-validator.component'; +import { DataFormValidationMetadataComponent } from './validation/metadata/dataform-validation-metadata.component'; +import { DataFormValidationEventsComponent } from './validation/validation-events/dataform-validation-events.component'; +import { DataFormValidationModesComponent } from './validation/validation-modes/dataform-validation-modes.component'; +import { DataFormValidationComponent } from './validation/dataform-validation.component'; +import { DataFormValueProvidersComponent } from './value-providers/dataform-value-providers.component'; + +import { routes } from './dataform-examples.routing'; +import { CommonDirectivesModule } from '../navigation/directives/common-directives.module'; + +@NgModule({ + imports: [ + NativeScriptModule, + CommonDirectivesModule, + NativeScriptUIDataFormModule, + NativeScriptRouterModule, + NativeScriptRouterModule.forChild(routes) + ], + declarations: [ + DataFormAdjustmentComponent, + DataFormAdjustmentComponent, + DataFormCommitModesComponent, + DataFormaAutoCompleteComponent, + DataformCustomEditorsComponent, + DataFormLabelsComponent, + DataformReadOnlyComponent, + DataFormEditorsComponent, + DataFormEventsComponent, + DataFormGettingStartedComponent, + DataformGettingStartedJsonComponent, + DataFormGroupsComponent, + DataformImageLabelsComponent, + DataformGridLayoutComponent, + DataformStackLayoutComponent, + DataFormPlatformSpecificsComponent, + DataformPropertiesJsonComponent, + DataFormRuntimeUpdatesComponent, + DataFormScrollingComponent, + DataformStylingAdvancedComponent, + DataFormStylingComponent, + DataFormEditorBackgroundComponent, + DataformEditorStyleComponent, + DataFormAsyncValidationComponent, + DataformCheckErrorsComponent, + DataFormCustomValidationComponent, + DataFormCustomValidatorComponent, + DataFormValidationMetadataComponent, + DataFormValidationEventsComponent, + DataFormValidationModesComponent, + DataFormValidationComponent, + DataFormValueProvidersComponent, + ] +}) +export class DataFormExamplesModule { } \ No newline at end of file diff --git a/sdkAngular/app/dataform/dataform-examples.routing.ts b/sdkAngular/app/dataform/dataform-examples.routing.ts new file mode 100644 index 00000000..c22e2b12 --- /dev/null +++ b/sdkAngular/app/dataform/dataform-examples.routing.ts @@ -0,0 +1,68 @@ +import { ModuleWithProviders } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; + +import { DataFormAdjustmentComponent } from './adjustment/dataform-adjustment.component'; +import { DataFormCommitModesComponent } from './commit-modes/dataform-commit-modes.component'; +import { DataFormaAutoCompleteComponent } from './editors/autocomplete/dataform-autocomplete.component'; +import { DataformCustomEditorsComponent } from './editors/custom-editors/dataform-custom-editors.component'; +import { DataFormLabelsComponent } from './editors/labels/dataform-labels.component'; +import { DataformReadOnlyComponent } from './editors/readonly/dataform-read-only.component'; +import { DataFormEditorsComponent } from './editors/dataform-editors.component'; +import { DataFormEventsComponent } from './events/dataform-events.component'; +import { DataFormGettingStartedComponent } from './getting-started/dataform-getting-started.component'; +import { DataformGettingStartedJsonComponent } from './getting-started-json/dataform-getting-started-json.component'; +import { DataFormGroupsComponent } from './groups/dataform-groups.component'; +import { DataformImageLabelsComponent } from './image-labels/dataform-image-labels.component'; +import { DataformGridLayoutComponent } from './layouts/dataform-grid-layout.component'; +import { DataformStackLayoutComponent } from './layouts/dataform-stack-layout.component'; +import { DataFormPlatformSpecificsComponent } from './platform-specifics/dataform-platform-specifics.component'; +import { DataformPropertiesJsonComponent } from './properties-json/dataform-properties-json.component'; +import { DataFormRuntimeUpdatesComponent } from './runtime-updates/dataform-runtime-updates.component'; +import { DataFormScrollingComponent } from './scrolling/dataform-scrolling.component'; +import { DataformStylingAdvancedComponent } from './styling/advanced/dataform-styling-advanced.component'; +import { DataFormStylingComponent } from './styling/common/dataform-styling.component'; +import { DataFormEditorBackgroundComponent } from './styling/editor-background/dataform-editor-background.component'; +import { DataformEditorStyleComponent } from './styling/editor-style/dataform-editor-style.component'; +import { DataFormAsyncValidationComponent } from './validation/async-validation/dataform-async-validation.component'; +import { DataformCheckErrorsComponent } from './validation/check-errors/dataform-check-errors.component'; +import { DataFormCustomValidationComponent } from './validation/custom-validation/dataform-custom-validation.component'; +import { DataFormCustomValidatorComponent } from './validation/custom-validator/dataform-custom-validator.component'; +import { DataFormValidationMetadataComponent } from './validation/metadata/dataform-validation-metadata.component'; +import { DataFormValidationEventsComponent } from './validation/validation-events/dataform-validation-events.component'; +import { DataFormValidationModesComponent } from './validation/validation-modes/dataform-validation-modes.component'; +import { DataFormValidationComponent } from './validation/dataform-validation.component'; +import { DataFormValueProvidersComponent } from './value-providers/dataform-value-providers.component'; + +export const routes: Routes = [ + { path: 'DataFormAdjustmentComponent', component: DataFormAdjustmentComponent }, + { path: 'DataFormCommitModesComponent', component: DataFormCommitModesComponent }, + { path: 'DataFormaAutoCompleteComponent', component: DataFormaAutoCompleteComponent }, + { path: 'DataformCustomEditorsComponent', component: DataformCustomEditorsComponent }, + { path: 'DataFormLabelsComponent', component: DataFormLabelsComponent }, + { path: 'DataformReadOnlyComponent', component: DataformReadOnlyComponent }, + { path: 'DataFormEditorsComponent', component: DataFormEditorsComponent }, + { path: 'DataFormEventsComponent', component: DataFormEventsComponent }, + { path: 'DataFormGettingStartedComponent', component: DataFormGettingStartedComponent }, + { path: 'DataformGettingStartedJsonComponent', component: DataformGettingStartedJsonComponent }, + { path: 'DataFormGroupsComponent', component: DataFormGroupsComponent }, + { path: 'DataformImageLabelsComponent', component: DataformImageLabelsComponent }, + { path: 'DataformGridLayoutComponent', component: DataformGridLayoutComponent }, + { path: 'DataformStackLayoutComponent', component: DataformStackLayoutComponent }, + { path: 'DataFormPlatformSpecificsComponent', component: DataFormPlatformSpecificsComponent }, + { path: 'DataformPropertiesJsonComponent', component: DataformPropertiesJsonComponent }, + { path: 'DataFormRuntimeUpdatesComponent', component: DataFormRuntimeUpdatesComponent }, + { path: 'DataFormScrollingComponent', component: DataFormScrollingComponent }, + { path: 'DataformStylingAdvancedComponent', component: DataformStylingAdvancedComponent }, + { path: 'DataFormStylingComponent', component: DataFormStylingComponent }, + { path: 'DataFormEditorBackgroundComponent', component: DataFormEditorBackgroundComponent }, + { path: 'DataformEditorStyleComponent', component: DataformEditorStyleComponent }, + { path: 'DataFormAsyncValidationComponent', component: DataFormAsyncValidationComponent }, + { path: 'DataformCheckErrorsComponent', component: DataformCheckErrorsComponent }, + { path: 'DataFormCustomValidationComponent', component: DataFormCustomValidationComponent }, + { path: 'DataFormCustomValidatorComponent', component: DataFormCustomValidatorComponent }, + { path: 'DataFormValidationMetadataComponent', component: DataFormValidationMetadataComponent }, + { path: 'DataFormValidationEventsComponent', component: DataFormValidationEventsComponent }, + { path: 'DataFormValidationModesComponent', component: DataFormValidationModesComponent }, + { path: 'DataFormValidationComponent', component: DataFormValidationComponent }, + { path: 'DataFormValueProvidersComponent', component: DataFormValueProvidersComponent }, +]; \ No newline at end of file diff --git a/sdkAngular/app/navigation/mock-exampleItems.ts b/sdkAngular/app/navigation/mock-exampleItems.ts index b2b56eed..67a40edf 100644 --- a/sdkAngular/app/navigation/mock-exampleItems.ts +++ b/sdkAngular/app/navigation/mock-exampleItems.ts @@ -449,22 +449,22 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Getting started", - "path": "DataFormGettingStartedComponent/", + "path": "DataFormGettingStartedComponent/DataFormGettingStartedComponent", "subItems": [] }, { "title": "Getting started JSON", - "path": "DataformGettingStartedJsonComponent/", + "path": "DataformGettingStartedJsonComponent/DataformGettingStartedJsonComponent", "subItems": [] }, { "title": "Properties", - "path": "DataFormAdjustmentComponent/", + "path": "DataFormAdjustmentComponent/DataFormAdjustmentComponent", "subItems": [] }, { "title": "Properties JSON", - "path": "DataformPropertiesJsonComponent/", + "path": "DataformPropertiesJsonComponent/DataformPropertiesJsonComponent", "subItems": [] }, { @@ -473,22 +473,22 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Common", - "path": "DataFormEditorsComponent/", + "path": "DataFormEditorsComponent/DataFormEditorsComponent", "subItems": [] }, { "title": "AutoComplete", - "path": "DataFormaAutoCompleteComponent/", + "path": "DataFormaAutoCompleteComponent/DataFormaAutoCompleteComponent", "subItems": [] }, { "title": "Labels", - "path": "DataFormLabelsComponent/", + "path": "DataFormLabelsComponent/DataFormLabelsComponent", "subItems": [] }, { "title": "Custom Editors", - "path": "DataformCustomEditorsComponent/", + "path": "DataformCustomEditorsComponent/DataformCustomEditorsComponent", "subItems": [] } ] @@ -499,100 +499,100 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Validators", - "path": "DataFormValidationComponent/", + "path": "DataFormValidationComponent/DataFormValidationComponent", "subItems": [] }, { "title": "Validation Modes", - "path": "DataFormValidationModesComponent/", + "path": "DataFormValidationModesComponent/DataFormValidationModesComponent", "subItems": [] }, { "title": "Validation Events", - "path": "DataFormValidationEventsComponent/", + "path": "DataFormValidationEventsComponent/DataFormValidationEventsComponent", "subItems": [] }, { "title": "Validators JSON", - "path": "DataFormValidationMetadataComponent/", + "path": "DataFormValidationMetadataComponent/DataFormValidationMetadataComponent", "subItems": [] }, { "title": "Async Validation", - "path": "DataFormAsyncValidationComponent/", + "path": "DataFormAsyncValidationComponent/DataFormAsyncValidationComponent", "subItems": [] }, { "title": "Check Validation State", - "path": "DataformCheckErrorsComponent/", + "path": "DataformCheckErrorsComponent/DataformCheckErrorsComponent", "subItems": [] }, { "title": "Custom Validator", - "path": "DataFormCustomValidatorComponent/", + "path": "DataFormCustomValidatorComponent/DataFormCustomValidatorComponent", "subItems": [] }, { "title": "Custom Validation", - "path": "DataFormCustomValidationComponent/", + "path": "DataFormCustomValidationComponent/DataFormCustomValidationComponent", "subItems": [] } ] }, { "title": "Commit Modes", - "path": "DataFormCommitModesComponent/", + "path": "DataFormCommitModesComponent/DataFormCommitModesComponent", "subItems": [] }, { "title": "Groups", - "path": "DataFormGroupsComponent/", + "path": "DataFormGroupsComponent/DataFormGroupsComponent", "subItems": [] }, { "title": "Events", - "path": "DataFormEventsComponent/", + "path": "DataFormEventsComponent/DataFormEventsComponent", "subItems": [] }, { "title": "Styling", - "path": "DataFormStylingComponent/", + "path": "DataFormStylingComponent/DataFormStylingComponent", "subItems": [ { "title": "Common", - "path": "DataFormStylingComponent/", + "path": "DataFormStylingComponent/DataFormStylingComponent", "subItems": [] }, { "title": "Advanced", - "path": "DataformStylingAdvancedComponent/", + "path": "DataformStylingAdvancedComponent/DataformStylingAdvancedComponent", "subItems": [] }, { "title": "Editor Background", - "path": "DataFormEditorBackgroundComponent/", + "path": "DataFormEditorBackgroundComponent/DataFormEditorBackgroundComponent", "subItems": [] }, { "title": "At runtime", - "path": "DataformEditorStyleComponent/", + "path": "DataformEditorStyleComponent/DataformEditorStyleComponent", "subItems": [] }, ] }, { "title": "Runtime updates", - "path": "DataFormRuntimeUpdatesComponent/", + "path": "DataFormRuntimeUpdatesComponent/DataFormRuntimeUpdatesComponent", "subItems": [] }, { "title": "Platform adjustments", - "path": "DataFormPlatformSpecificsComponent/", + "path": "DataFormPlatformSpecificsComponent/DataFormPlatformSpecificsComponent", "subItems": [] }, { "title": "Image Labels", - "path": "DataformImageLabelsComponent/", + "path": "DataformImageLabelsComponent/DataformImageLabelsComponent", "subItems": [] }, { @@ -601,29 +601,29 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Stack", - "path": "DataformStackLayoutComponent/", + "path": "DataformStackLayoutComponent/DataformStackLayoutComponent", "subItems": [] }, { "title": "Grid", - "path": "DataformGridLayoutComponent/", + "path": "DataformGridLayoutComponent/DataformGridLayoutComponent", "subItems": [] } ] }, { "title": "Read Only", - "path": "DataformReadOnlyComponent/", + "path": "DataformReadOnlyComponent/DataformReadOnlyComponent", "subItems": [] }, { "title": "Value Providers", - "path": "DataFormValueProvidersComponent/", + "path": "DataFormValueProvidersComponent/DataFormValueProvidersComponent", "subItems": [] }, { "title": "Scrollable Form", - "path": "DataFormScrollingComponent/", + "path": "DataFormScrollingComponent/DataFormScrollingComponent", "subItems": [] } ] From aabcbba717bb24c21b70f32aa302d4d4eaebd4a7 Mon Sep 17 00:00:00 2001 From: Vladimir Amiorkov Date: Mon, 4 Sep 2017 18:14:17 +0300 Subject: [PATCH 06/13] Unified the routes paths --- sdkAngular/app/app.routing.ts | 2 +- .../autocomplete-examples.routing.ts | 30 +++--- .../app/chart/chart-examples.routing.ts | 64 ++++++------- .../app/navigation/mock-exampleItems.ts | 94 +++++++++---------- 4 files changed, 95 insertions(+), 95 deletions(-) diff --git a/sdkAngular/app/app.routing.ts b/sdkAngular/app/app.routing.ts index 84e770d9..f04913c1 100644 --- a/sdkAngular/app/app.routing.ts +++ b/sdkAngular/app/app.routing.ts @@ -751,7 +751,7 @@ let APP_ROUTES: Routes = [ } }, { - path: "AutocompleteGettingStartedComponent", + path: "AutoCompleteGettingStartedComponent", loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', data: { "title": "Getting started" diff --git a/sdkAngular/app/autocomplete/autocomplete-examples.routing.ts b/sdkAngular/app/autocomplete/autocomplete-examples.routing.ts index d2524a85..364a64d1 100644 --- a/sdkAngular/app/autocomplete/autocomplete-examples.routing.ts +++ b/sdkAngular/app/autocomplete/autocomplete-examples.routing.ts @@ -18,19 +18,19 @@ import { AutoCompleteSuggestAppendModeComponent } from './suggest-mode/autocompl import { AutocompleteSuggestModeComponent } from './suggest-mode/autocomplete-suggest-mode.component'; export const routes: Routes = [ - { path: 'contains', component: AutoCompleteContainsModeComponent }, - { path: 'starts-with', component: AutoCompleteStartsWithModeComponent }, - { path: 'customization', component: AutoCompleteCustomizationComponent }, - { path: 'plain-mode', component: AutoCompletePlainModeComponent }, - { path: 'tokens-mode', component: AutoCompleteTokensModeComponent }, - { path: 'events', component: AutoCompleteEventsComponent }, - { path: 'getting-started', component: AutoCompleteGettingStartedComponent }, - { path: 'layouts-horizontal', component: AutoCompleteLayoutsHorizontalComponent }, - { path: 'layouts-runtime', component: AutoCompleteLayoutsRuntimeComponent }, - { path: 'layouts-wrap', component: AutoCompleteLayoutsWrapComponent }, - { path: 'read-only', component: AutoCompleteReadOnlyComponent }, - { path: 'remote-data', component: AutoCompleteRemoteComponent }, - { path: 'append-mode', component: AutoCompleteAppendModeComponent }, - { path: 'append-suggest-mode', component: AutoCompleteSuggestAppendModeComponent }, - { path: 'suggest-mode', component: AutocompleteSuggestModeComponent } + { path: 'AutoCompleteContainsModeComponent', component: AutoCompleteContainsModeComponent }, + { path: 'AutoCompleteStartsWithModeComponent', component: AutoCompleteStartsWithModeComponent }, + { path: 'AutoCompleteCustomizationComponent', component: AutoCompleteCustomizationComponent }, + { path: 'AutoCompletePlainModeComponent', component: AutoCompletePlainModeComponent }, + { path: 'AutoCompleteTokensModeComponent', component: AutoCompleteTokensModeComponent }, + { path: 'AutoCompleteEventsComponent', component: AutoCompleteEventsComponent }, + { path: 'AutoCompleteGettingStartedComponent', component: AutoCompleteGettingStartedComponent }, + { path: 'AutoCompleteLayoutsHorizontalComponent', component: AutoCompleteLayoutsHorizontalComponent }, + { path: 'AutoCompleteLayoutsRuntimeComponent', component: AutoCompleteLayoutsRuntimeComponent }, + { path: 'AutoCompleteLayoutsWrapComponent', component: AutoCompleteLayoutsWrapComponent }, + { path: 'AutoCompleteReadOnlyComponent', component: AutoCompleteReadOnlyComponent }, + { path: 'AutoCompleteRemoteComponent', component: AutoCompleteRemoteComponent }, + { path: 'AutoCompleteAppendModeComponent', component: AutoCompleteAppendModeComponent }, + { path: 'AutoCompleteSuggestAppendModeComponent', component: AutoCompleteSuggestAppendModeComponent }, + { path: 'AutocompleteSuggestModeComponent', component: AutocompleteSuggestModeComponent } ]; \ No newline at end of file diff --git a/sdkAngular/app/chart/chart-examples.routing.ts b/sdkAngular/app/chart/chart-examples.routing.ts index 6e54279d..60692fbf 100644 --- a/sdkAngular/app/chart/chart-examples.routing.ts +++ b/sdkAngular/app/chart/chart-examples.routing.ts @@ -35,36 +35,36 @@ import { ChartStylingSelectionComponent } from './styling/chart-styling-selectio import { ChartStylingSeriesComponent } from './styling/chart-styling-series.component'; export const routes: Routes = [ - { path: 'grid-lines', component: ChartAnnotationsGridLineComponent }, - { path: 'plot-band', component: ChartAnnotationsPlotBandComponent }, - { path: 'axis-customization', component: ChartAxesCustomizationComponent }, - { path: 'axis-datetime', component: ChartAxesDateTimeComponent }, - { path: 'axis-multiple', component: ChartAxesMultipleComponent }, - { path: 'axis-negative', component: ChartAxesNegativeValuesComponent }, - { path: 'pie-selection', component: ChartBehaviorsChartPieSelectionComponent }, - { path: 'datapoint-selection', component: ChartBehaviorsDatapointSelectionComponent }, - { path: 'pan-zoom', component: ChartBehaviorsPanZoomComponent }, - { path: 'series-selection', component: ChartBehaviorsSeriesSelectionComponent }, - { path: 'trackball', component: ChartBehaviorsTrackballComponent }, - { path: 'legend', component: ChartLegendComponent }, - { path: 'series-area', component: ChartSeriesAreaComponent }, - { path: 'series-stacked-area', component: ChartSeriesStackedAreaComponent }, - { path: 'series-bar', component: ChartSeriesBarComponent }, - { path: 'series-range-bar', component: ChartSeriesRangeBarComponent }, - { path: 'series-stacked-bar', component: ChartSeriesStackedBarComponent }, - { path: 'series-bubble', component: ChartSeriesBubbleComponent }, - { path: 'series-scatter-bubble', component: ChartSeriesScatterBubbleComponent }, - { path: 'series-candlestick', component: ChartSeriesCandlestickComponent }, - { path: 'series-ohlc', component: ChartSeriesOhlcComponent }, - { path: 'series-line', component: ChartSeriesLineComponent }, - { path: 'series-pie', component: ChartSeriesPieComponent }, - { path: 'series-scatter', component: ChartSeriesScatterComponent }, - { path: 'series-spline-area', component: ChartSeriesSplineAreaComponent }, - { path: 'series-spline', component: ChartSeriesSplineComponent }, - { path: 'styling-axis', component: ChartStylingAxesComponent }, - { path: 'styling-grid', component: ChartStylingGridComponent }, - { path: 'styling-label', component: ChartStylingLabelComponent }, - { path: 'styling-pie-series', component: ChartStylingPieSeriesComponent }, - { path: 'styling-selection', component: ChartStylingSelectionComponent }, - { path: 'styling-series', component: ChartStylingSeriesComponent } + { path: 'ChartAnnotationsGridLineComponent', component: ChartAnnotationsGridLineComponent }, + { path: 'ChartAnnotationsPlotBandComponent', component: ChartAnnotationsPlotBandComponent }, + { path: 'ChartAxesCustomizationComponent', component: ChartAxesCustomizationComponent }, + { path: 'ChartAxesDateTimeComponent', component: ChartAxesDateTimeComponent }, + { path: 'ChartAxesMultipleComponent', component: ChartAxesMultipleComponent }, + { path: 'ChartAxesNegativeValuesComponent', component: ChartAxesNegativeValuesComponent }, + { path: 'ChartBehaviorsChartPieSelectionComponent', component: ChartBehaviorsChartPieSelectionComponent }, + { path: 'ChartBehaviorsDatapointSelectionComponent', component: ChartBehaviorsDatapointSelectionComponent }, + { path: 'ChartBehaviorsPanZoomComponent', component: ChartBehaviorsPanZoomComponent }, + { path: 'ChartBehaviorsSeriesSelectionComponent', component: ChartBehaviorsSeriesSelectionComponent }, + { path: 'ChartBehaviorsTrackballComponent', component: ChartBehaviorsTrackballComponent }, + { path: 'ChartLegendComponent', component: ChartLegendComponent }, + { path: 'ChartSeriesAreaComponent', component: ChartSeriesAreaComponent }, + { path: 'ChartSeriesStackedAreaComponent', component: ChartSeriesStackedAreaComponent }, + { path: 'ChartSeriesBarComponent', component: ChartSeriesBarComponent }, + { path: 'ChartSeriesRangeBarComponent', component: ChartSeriesRangeBarComponent }, + { path: 'ChartSeriesStackedBarComponent', component: ChartSeriesStackedBarComponent }, + { path: 'ChartSeriesBubbleComponent', component: ChartSeriesBubbleComponent }, + { path: 'ChartSeriesScatterBubbleComponent', component: ChartSeriesScatterBubbleComponent }, + { path: 'ChartSeriesCandlestickComponent', component: ChartSeriesCandlestickComponent }, + { path: 'ChartSeriesOhlcComponent', component: ChartSeriesOhlcComponent }, + { path: 'ChartSeriesLineComponent', component: ChartSeriesLineComponent }, + { path: 'ChartSeriesPieComponent', component: ChartSeriesPieComponent }, + { path: 'ChartSeriesScatterComponent', component: ChartSeriesScatterComponent }, + { path: 'ChartSeriesSplineAreaComponent', component: ChartSeriesSplineAreaComponent }, + { path: 'ChartSeriesSplineComponent', component: ChartSeriesSplineComponent }, + { path: 'ChartStylingAxesComponent', component: ChartStylingAxesComponent }, + { path: 'ChartStylingGridComponent', component: ChartStylingGridComponent }, + { path: 'ChartStylingLabelComponent', component: ChartStylingLabelComponent }, + { path: 'ChartStylingPieSeriesComponent', component: ChartStylingPieSeriesComponent }, + { path: 'ChartStylingSelectionComponent', component: ChartStylingSelectionComponent }, + { path: 'ChartStylingSeriesComponent', component: ChartStylingSeriesComponent } ]; \ No newline at end of file diff --git a/sdkAngular/app/navigation/mock-exampleItems.ts b/sdkAngular/app/navigation/mock-exampleItems.ts index 67a40edf..c9deedc9 100644 --- a/sdkAngular/app/navigation/mock-exampleItems.ts +++ b/sdkAngular/app/navigation/mock-exampleItems.ts @@ -15,72 +15,72 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Bar series", - "path": "ChartSeriesBarComponent/series-bar", + "path": "ChartSeriesBarComponent/ChartSeriesBarComponent", "subItems": [] }, { "title": "Range Bar series", - "path": "ChartSeriesRangeBarComponent/series-range-bar", + "path": "ChartSeriesRangeBarComponent/ChartSeriesRangeBarComponent", "subItems": [] }, { "title": "Stacked Bar series", - "path": "ChartSeriesStackedBarComponent/series-stacked-bar", + "path": "ChartSeriesStackedBarComponent/ChartSeriesStackedBarComponent", "subItems": [] }, { "title": "Area Series", - "path": "ChartSeriesAreaComponent/series-area", + "path": "ChartSeriesAreaComponent/ChartSeriesAreaComponent", "subItems": [] }, { "title": "Stacked Area Series", - "path": "ChartSeriesStackedAreaComponent/series-stacked-area", + "path": "ChartSeriesStackedAreaComponent/ChartSeriesStackedAreaComponent", "subItems": [] }, { "title": "Line series", - "path": "ChartSeriesLineComponent/series-line", + "path": "ChartSeriesLineComponent/ChartSeriesLineComponent", "subItems": [] }, { "title": "Spline series", - "path": "ChartSeriesSplineComponent/series-spline", + "path": "ChartSeriesSplineComponent/ChartSeriesSplineComponent", "subItems": [] }, { "title": "Spline Area series", - "path": "ChartSeriesSplineAreaComponent/series-spline-area", + "path": "ChartSeriesSplineAreaComponent/ChartSeriesSplineAreaComponent", "subItems": [] }, { "title": "Bubble series", - "path": "ChartSeriesBubbleComponent/series-bubble", + "path": "ChartSeriesBubbleComponent/ChartSeriesBubbleComponent", "subItems": [] }, { "title": "Scatter Bubble series", - "path": "ChartSeriesScatterBubbleComponent/series-scatter-bubble", + "path": "ChartSeriesScatterBubbleComponent/ChartSeriesScatterBubbleComponent", "subItems": [] }, { "title": "Candlestick series", - "path": "ChartSeriesCandlestickComponent/series-candlestick", + "path": "ChartSeriesCandlestickComponent/ChartSeriesCandlestickComponent", "subItems": [] }, { "title": "Ohlc series", - "path": "ChartSeriesOhlcComponent/series-ohlc", + "path": "ChartSeriesOhlcComponent/ChartSeriesOhlcComponent", "subItems": [] }, { "title": "Pie series", - "path": "ChartSeriesPieComponent/series-pie", + "path": "ChartSeriesPieComponent/ChartSeriesPieComponent", "subItems": [] }, { "title": "Scatter series", - "path": "ChartSeriesScatterComponent/series-scatter", + "path": "ChartSeriesScatterComponent/ChartSeriesScatterComponent", "subItems": [] } ] @@ -91,39 +91,39 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Styling axes", - "path": "ChartStylingAxesComponent/styling-axis", + "path": "ChartStylingAxesComponent/ChartStylingAxesComponent", "subItems": [] }, { "title": "Styling series", - "path": "ChartStylingSeriesComponent/styling-series", + "path": "ChartStylingSeriesComponent/ChartStylingSeriesComponent", "subItems": [] }, { "title": "Styling Pie Chart series", - "path": "ChartStylingPieSeriesComponent/styling-pie-series", + "path": "ChartStylingPieSeriesComponent/ChartStylingPieSeriesComponent", "subItems": [] }, { "title": "Styling grid", - "path": "ChartStylingGridComponent/styling-grid", + "path": "ChartStylingGridComponent/ChartStylingGridComponent", "subItems": [] }, { "title": "Styling labels", - "path": "ChartStylingLabelComponent/styling-label", + "path": "ChartStylingLabelComponent/ChartStylingLabelComponent", "subItems": [] }, { "title": "Styling series selection", - "path": "ChartStylingSelectionComponent/styling-selection", + "path": "ChartStylingSelectionComponent/ChartStylingSelectionComponent", "subItems": [] }, ] }, { "title": "Legend", - "path": "ChartLegendComponent/legend", + "path": "ChartLegendComponent/ChartLegendComponent", "subItems": [] }, { @@ -132,27 +132,27 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Pan & Zoom", - "path": "ChartBehaviorsPanZoomComponent/pan-zoom", + "path": "ChartBehaviorsPanZoomComponent/ChartBehaviorsPanZoomComponent", "subItems": [] }, { "title": "Pie selection", - "path": "ChartBehaviorsChartPieSelectionComponent/pie-selection", + "path": "ChartBehaviorsChartPieSelectionComponent/ChartBehaviorsChartPieSelectionComponent", "subItems": [] }, { "title": "Trackball", - "path": "ChartBehaviorsTrackballComponent/trackball", + "path": "ChartBehaviorsTrackballComponent/ChartBehaviorsTrackballComponent", "subItems": [] }, { "title": "Series selection", - "path": "ChartBehaviorsSeriesSelectionComponent/series-selection", + "path": "ChartBehaviorsSeriesSelectionComponent/ChartBehaviorsSeriesSelectionComponent", "subItems": [] }, { "title": "Datapoint selection", - "path": "ChartBehaviorsDatapointSelectionComponent/datapoint-selection", + "path": "ChartBehaviorsDatapointSelectionComponent/ChartBehaviorsDatapointSelectionComponent", "subItems": [] } ] @@ -163,22 +163,22 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Customization", - "path": "ChartAxesCustomizationComponent/axis-customization", + "path": "ChartAxesCustomizationComponent/ChartAxesCustomizationComponent", "subItems": [] }, { "title": "Multiple axes", - "path": "ChartAxesMultipleComponent/axis-multiple", + "path": "ChartAxesMultipleComponent/ChartAxesMultipleComponent", "subItems": [] }, { "title": "Negative values", - "path": "ChartAxesNegativeValuesComponent/axis-negative", + "path": "ChartAxesNegativeValuesComponent/ChartAxesNegativeValuesComponent", "subItems": [] }, { "title": "Date time axis", - "path": "ChartAxesDateTimeComponent/axis-datetime", + "path": "ChartAxesDateTimeComponent/ChartAxesDateTimeComponent", "subItems": [] } ] @@ -189,12 +189,12 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Plot band", - "path": "ChartAnnotationsPlotBandComponent/plot-band", + "path": "ChartAnnotationsPlotBandComponent/ChartAnnotationsPlotBandComponent", "subItems": [] }, { "title": "Grid line", - "path": "ChartAnnotationsGridLineComponent/grid-lines", + "path": "ChartAnnotationsGridLineComponent/ChartAnnotationsGridLineComponent", "subItems": [] } ] @@ -634,7 +634,7 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Getting started", - "path": "AutocompleteGettingStartedComponent/getting-started", + "path": "AutoCompleteGettingStartedComponent/AutoCompleteGettingStartedComponent", "subItems": [] }, { @@ -643,12 +643,12 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Contains", - "path": "AutoCompleteContainsModeComponent/contains", + "path": "AutoCompleteContainsModeComponent/AutoCompleteContainsModeComponent", "subItems": [] }, { "title": "Starts with", - "path": "AutoCompleteStartsWithModeComponent/starts-with", + "path": "AutoCompleteStartsWithModeComponent/AutoCompleteStartsWithModeComponent", "subItems": [] }] }, @@ -658,12 +658,12 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Tokens", - "path": "AutoCompleteTokensModeComponent/tokens-mode", + "path": "AutoCompleteTokensModeComponent/AutoCompleteTokensModeComponent", "subItems": [] }, { "title": "Plain", - "path": "AutoCompletePlainModeComponent/plain-mode", + "path": "AutoCompletePlainModeComponent/AutoCompletePlainModeComponent", "subItems": [] }] }, @@ -673,17 +673,17 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Switch at runtime", - "path": "AutoCompleteLayoutsRuntimeComponent/layouts-runtime", + "path": "AutoCompleteLayoutsRuntimeComponent/AutoCompleteLayoutsRuntimeComponent", "subItems": [] }, { "title": "Horizontal", - "path": "AutoCompleteLayoutsHorizontalComponent/layouts-horizontal", + "path": "AutoCompleteLayoutsHorizontalComponent/AutoCompleteLayoutsHorizontalComponent", "subItems": [] }, { "title": "Wrap", - "path": "AutoCompleteLayoutsWrapComponent/layouts-wrap", + "path": "AutoCompleteLayoutsWrapComponent/AutoCompleteLayoutsWrapComponent", "subItems": [] } ] @@ -694,39 +694,39 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Append", - "path": "AutoCompleteAppendModeComponent/append-mode", + "path": "AutoCompleteAppendModeComponent/AutoCompleteAppendModeComponent", "subItems": [] }, { "title": "Suggest", - "path": "AutocompleteSuggestModeComponent/suggest-mode", + "path": "AutocompleteSuggestModeComponent/AutocompleteSuggestModeComponent", "subItems": [] }, { "title": "Suggest & Append", - "path": "AutoCompleteSuggestAppendModeComponent/append-suggest-mode", + "path": "AutoCompleteSuggestAppendModeComponent/AutoCompleteSuggestAppendModeComponent", "subItems": [] } ] }, { "title": "Customization", - "path": "AutoCompleteCustomizationComponent/customization", + "path": "AutoCompleteCustomizationComponent/AutoCompleteCustomizationComponent", "subItems": [] }, { "title": "Events", - "path": "AutoCompleteEventsComponent/events", + "path": "AutoCompleteEventsComponent/AutoCompleteEventsComponent", "subItems": [] }, { "title": "Async Data Fetch", - "path": "AutoCompleteRemoteComponent/remote-data", + "path": "AutoCompleteRemoteComponent/AutoCompleteRemoteComponent", "subItems": [] }, { "title": "Read Only", - "path": "AutoCompleteReadOnlyComponent/read-only", + "path": "AutoCompleteReadOnlyComponent/AutoCompleteReadOnlyComponent", "subItems": [] }] }, From ccdc6a6cdb942400dbfedff63678c93ac2637a29 Mon Sep 17 00:00:00 2001 From: Vladimir Amiorkov Date: Tue, 5 Sep 2017 09:56:01 +0300 Subject: [PATCH 07/13] Fixed typo --- .../dataform-async-validation.component.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/sdkAngular/app/dataform/validation/async-validation/dataform-async-validation.component.ts b/sdkAngular/app/dataform/validation/async-validation/dataform-async-validation.component.ts index 6d33b04b..16f62d3c 100644 --- a/sdkAngular/app/dataform/validation/async-validation/dataform-async-validation.component.ts +++ b/sdkAngular/app/dataform/validation/async-validation/dataform-async-validation.component.ts @@ -10,7 +10,7 @@ export class DataFormAsyncValidationComponent implements OnInit { private _user: User; private _isBusy: boolean; private _text: string; - private _evenValidaiton: boolean; + private _evenValidation: boolean; constructor() { } @@ -18,7 +18,7 @@ export class DataFormAsyncValidationComponent implements OnInit { ngOnInit() { this._user = new User(); this._text = "Type a username and move to the next field.\n"; - this._evenValidaiton = true; + this._evenValidation = true; } get user(): User { @@ -41,14 +41,14 @@ export class DataFormAsyncValidationComponent implements OnInit { this._isBusy = true; args.returnValue = new Promise(resolve => { setTimeout(() => { - if (this._evenValidaiton) { + if (this._evenValidation) { args.entityProperty.errorMessage = "This username is already used."; resolve(false); } else { resolve(true); } this._isBusy = false; - this._evenValidaiton = !this._evenValidaiton; + this._evenValidation = !this._evenValidation; }, 1500); }) } From 0b619bf3dcb16ceb6ccc39d22a5d4bab8e357d93 Mon Sep 17 00:00:00 2001 From: Vladimir Amiorkov Date: Tue, 5 Sep 2017 09:57:45 +0300 Subject: [PATCH 08/13] Removed duplicated declaration of component --- sdkAngular/app/dataform/dataform-examples.module.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/sdkAngular/app/dataform/dataform-examples.module.ts b/sdkAngular/app/dataform/dataform-examples.module.ts index 9e940f72..132bd5f6 100644 --- a/sdkAngular/app/dataform/dataform-examples.module.ts +++ b/sdkAngular/app/dataform/dataform-examples.module.ts @@ -48,7 +48,6 @@ import { CommonDirectivesModule } from '../navigation/directives/common-directiv NativeScriptRouterModule.forChild(routes) ], declarations: [ - DataFormAdjustmentComponent, DataFormAdjustmentComponent, DataFormCommitModesComponent, DataFormaAutoCompleteComponent, From d5fcd9b5a9d122ea56af592065a7ffbf7b926d1d Mon Sep 17 00:00:00 2001 From: Vladimir Amiorkov Date: Tue, 5 Sep 2017 10:14:46 +0300 Subject: [PATCH 09/13] Migrated Gauges examples to lazy loading --- sdkAngular/app/app.routing.ts | 14 ++++----- .../app/gauges/gauges-examples.module.ts | 30 +++++++++++++++++++ .../app/gauges/gauges-examples.routing.ts | 14 +++++++++ .../app/navigation/mock-exampleItems.ts | 8 ++--- 4 files changed, 53 insertions(+), 13 deletions(-) create mode 100644 sdkAngular/app/gauges/gauges-examples.module.ts create mode 100644 sdkAngular/app/gauges/gauges-examples.routing.ts diff --git a/sdkAngular/app/app.routing.ts b/sdkAngular/app/app.routing.ts index f04913c1..37863c61 100644 --- a/sdkAngular/app/app.routing.ts +++ b/sdkAngular/app/app.routing.ts @@ -36,14 +36,10 @@ import { SecondSideDrawerOverNavigationComponent } from "./sidedrawer/over-navig import { SideDrawerEventsComponent } from "./sidedrawer/events/events.component"; import { SideDrawerPositionComponent } from "./sidedrawer/position/position.component"; import { SideDrawerTransitionsComponent } from "./sidedrawer/transitions/transitions.component"; -import { GaugesGettingStartedComponent } from "./gauges/getting-started/gauges-getting-started.component"; -import { GaugesAnimationsComponent } from "./gauges/animations/gauges-animations.component"; -import { GaugesCustomizationComponent } from "./gauges/customization/gauges-customization.component"; -import { GaugesScalesComponent } from "./gauges/scales/gauges-scales.component"; var excludedComponents = []; -export const EXAMPLES_COMPONENTS = [ListViewItemAnimationsComponent, ListviewObservableArrayComponent, ListviewItemLayoutsStaggeredComponent, ListViewGettingStartedComponent, ListViewHeaderFooterComponent, ListViewItemReorderComponent, ListViewItemSelectionComponent, ListviewSelectionStatesComponent, ListViewLoadOnDemandComponent, ListViewPullToRefreshComponent, ListViewItemLayoutsGridComponent, ListviewItemLayoutsLinearComponent, ListviewItemLoadingComponent, ListviewItemReorderHandleComponent, ListviewItemSelectionMultipleComponent, ListviewItemSelectionProgrammaticComponent, ListviewItemSeparatorComponent, SideDrawerGettingStartedComponent, SideDrawerOverNavigationComponent, SecondSideDrawerOverNavigationComponent, SideDrawerEventsComponent, SideDrawerPositionComponent, SideDrawerTransitionsComponent, ListviewScrollToIndexVerticalComponent, ListViewScrollEventsComponent, ListviewScrollToIndexHorizontalComponent, ListViewSwipeActionsComponent, ListViewSwipeActionsMultipleComponent, ListViewSwipeActionsThresholdsComponent, ListviewItemLayoutsStaggeredComponent, ListViewSwipeDisableComponent, GaugesGettingStartedComponent, GaugesAnimationsComponent, GaugesCustomizationComponent, GaugesScalesComponent, ListviewMultipleTemplatesComponent, ListviewItemLayoutsRuntimeComponent]; +export const EXAMPLES_COMPONENTS = [ListViewItemAnimationsComponent, ListviewObservableArrayComponent, ListviewItemLayoutsStaggeredComponent, ListViewGettingStartedComponent, ListViewHeaderFooterComponent, ListViewItemReorderComponent, ListViewItemSelectionComponent, ListviewSelectionStatesComponent, ListViewLoadOnDemandComponent, ListViewPullToRefreshComponent, ListViewItemLayoutsGridComponent, ListviewItemLayoutsLinearComponent, ListviewItemLoadingComponent, ListviewItemReorderHandleComponent, ListviewItemSelectionMultipleComponent, ListviewItemSelectionProgrammaticComponent, ListviewItemSeparatorComponent, SideDrawerGettingStartedComponent, SideDrawerOverNavigationComponent, SecondSideDrawerOverNavigationComponent, SideDrawerEventsComponent, SideDrawerPositionComponent, SideDrawerTransitionsComponent, ListviewScrollToIndexVerticalComponent, ListViewScrollEventsComponent, ListviewScrollToIndexHorizontalComponent, ListViewSwipeActionsComponent, ListViewSwipeActionsMultipleComponent, ListViewSwipeActionsThresholdsComponent, ListviewItemLayoutsStaggeredComponent, ListViewSwipeDisableComponent, ListviewMultipleTemplatesComponent, ListviewItemLayoutsRuntimeComponent]; let APP_ROUTES: Routes = [ { path: "", redirectTo: "examples-depth-1/root/root", pathMatch: 'full' }, { path: "examples-depth-1/:parentTitle/:tappedTitle", component: ExamplesListDepth1Component }, @@ -857,28 +853,28 @@ let APP_ROUTES: Routes = [ }, { path: "GaugesGettingStartedComponent", - component: GaugesGettingStartedComponent, + loadChildren: './gauges/gauges-examples.module#GaugesExamplesModule', data: { "title": "Getting Started" } }, { path: "GaugesAnimationsComponent", - component: GaugesAnimationsComponent, + loadChildren: './gauges/gauges-examples.module#GaugesExamplesModule', data: { "title": "Animations" } }, { path: "GaugesCustomizationComponent", - component: GaugesCustomizationComponent, + loadChildren: './gauges/gauges-examples.module#GaugesExamplesModule', data: { "title": "Customization" } }, { path: "GaugesScalesComponent", - component: GaugesScalesComponent, + loadChildren: './gauges/gauges-examples.module#GaugesExamplesModule', data: { "title": "Scales" } diff --git a/sdkAngular/app/gauges/gauges-examples.module.ts b/sdkAngular/app/gauges/gauges-examples.module.ts new file mode 100644 index 00000000..49101e21 --- /dev/null +++ b/sdkAngular/app/gauges/gauges-examples.module.ts @@ -0,0 +1,30 @@ +import { NgModule } from '@angular/core'; +import { NativeScriptModule } from "nativescript-angular/nativescript.module"; + +import { NativeScriptRouterModule } from "nativescript-angular/router"; +import { NativeScriptUIGaugesModule } from "nativescript-telerik-ui-pro/gauges/angular"; + +import { GaugesAnimationsComponent } from './animations/gauges-animations.component'; +import { GaugesCustomizationComponent } from './customization/gauges-customization.component'; +import { GaugesGettingStartedComponent } from './getting-started/gauges-getting-started.component'; +import { GaugesScalesComponent } from './scales/gauges-scales.component'; + +import { routes } from './gauges-examples.routing'; +import { CommonDirectivesModule } from '../navigation/directives/common-directives.module'; + +@NgModule({ + imports: [ + NativeScriptModule, + CommonDirectivesModule, + NativeScriptUIGaugesModule, + NativeScriptRouterModule, + NativeScriptRouterModule.forChild(routes) + ], + declarations: [ + GaugesAnimationsComponent, + GaugesCustomizationComponent, + GaugesGettingStartedComponent, + GaugesScalesComponent + ] +}) +export class GaugesExamplesModule { } \ No newline at end of file diff --git a/sdkAngular/app/gauges/gauges-examples.routing.ts b/sdkAngular/app/gauges/gauges-examples.routing.ts new file mode 100644 index 00000000..5849ba7f --- /dev/null +++ b/sdkAngular/app/gauges/gauges-examples.routing.ts @@ -0,0 +1,14 @@ +import { ModuleWithProviders } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; + +import { GaugesAnimationsComponent } from './animations/gauges-animations.component'; +import { GaugesCustomizationComponent } from './customization/gauges-customization.component'; +import { GaugesGettingStartedComponent } from './getting-started/gauges-getting-started.component'; +import { GaugesScalesComponent } from './scales/gauges-scales.component'; + +export const routes: Routes = [ + { path: 'GaugesAnimationsComponent', component: GaugesAnimationsComponent }, + { path: 'GaugesCustomizationComponent', component: GaugesCustomizationComponent }, + { path: 'GaugesGettingStartedComponent', component: GaugesGettingStartedComponent }, + { path: 'GaugesScalesComponent', component: GaugesScalesComponent } +]; \ No newline at end of file diff --git a/sdkAngular/app/navigation/mock-exampleItems.ts b/sdkAngular/app/navigation/mock-exampleItems.ts index c9deedc9..e528d512 100644 --- a/sdkAngular/app/navigation/mock-exampleItems.ts +++ b/sdkAngular/app/navigation/mock-exampleItems.ts @@ -736,22 +736,22 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Getting started", - "path": "GaugesGettingStartedComponent/", + "path": "GaugesGettingStartedComponent/GaugesGettingStartedComponent", "subItems": [] }, { "title": "Scales", - "path": "GaugesScalesComponent/", + "path": "GaugesScalesComponent/GaugesScalesComponent", "subItems": [] }, { "title": "Customization", - "path": "GaugesCustomizationComponent/", + "path": "GaugesCustomizationComponent/GaugesCustomizationComponent", "subItems": [] }, { "title": "Animation", - "path": "GaugesAnimationsComponent/", + "path": "GaugesAnimationsComponent/GaugesAnimationsComponent", "subItems": [] }] }, From d8b5d6919c6de301b0aa47a708b88ac3b713c9fd Mon Sep 17 00:00:00 2001 From: Vladimir Amiorkov Date: Tue, 5 Sep 2017 10:34:03 +0300 Subject: [PATCH 10/13] Migrated RadListView examples to lazy loading --- sdkAngular/app/app.module.ts | 2 - sdkAngular/app/app.routing.ts | 80 +++++++------------ .../app/listview/listview-examples.module.ts | 74 +++++++++++++++++ .../app/listview/listview-examples.routing.ts | 58 ++++++++++++++ .../listview-swipe-disable.component.ts | 2 +- .../app/navigation/mock-exampleItems.ts | 52 ++++++------ 6 files changed, 186 insertions(+), 82 deletions(-) create mode 100644 sdkAngular/app/listview/listview-examples.module.ts create mode 100644 sdkAngular/app/listview/listview-examples.routing.ts diff --git a/sdkAngular/app/app.module.ts b/sdkAngular/app/app.module.ts index 1c65ba93..e2363748 100644 --- a/sdkAngular/app/app.module.ts +++ b/sdkAngular/app/app.module.ts @@ -4,7 +4,6 @@ import { NativeScriptModule } from "nativescript-angular/nativescript.module"; // --- The built-in 'nativescript-telerik-ui-pro' modules import { NativeScriptUISideDrawerModule } from "nativescript-telerik-ui-pro/sidedrawer/angular"; import { NativeScriptUIListViewModule } from "nativescript-telerik-ui-pro/listview/angular"; -import { NativeScriptUIGaugesModule } from "nativescript-telerik-ui-pro/gauges/angular"; // Not required imports, these are used by the nativescript-samples-angular SDK examples - https://github.com/telerik/nativescript-ui-samples-angular import { NativeScriptRouterModule, NSModuleFactoryLoader } from "nativescript-angular/router"; @@ -50,7 +49,6 @@ if (applicationModule.android) { TNSFrescoModule, NativeScriptUIListViewModule, NativeScriptUISideDrawerModule, - NativeScriptUIGaugesModule, NativeScriptFormsModule, NativeScriptRouterModule, routing diff --git a/sdkAngular/app/app.routing.ts b/sdkAngular/app/app.routing.ts index 37863c61..5d407a69 100644 --- a/sdkAngular/app/app.routing.ts +++ b/sdkAngular/app/app.routing.ts @@ -4,32 +4,6 @@ import { NativeScriptRouterModule } from "nativescript-angular/router"; import { ExamplesListDepth1Component, ExamplesListDepth2Component, ExamplesListDepth3Component } from "./navigation/examples-list/examples-list.component"; import { OptionsComponent } from "./navigation/options/options.component"; -import { ListViewGettingStartedComponent } from "./listview/getting-started/listview-getting-started.component"; -import { ListviewMultipleTemplatesComponent } from "./listview/multiple-templates/listview-multiple-templates.component"; -import { ListViewHeaderFooterComponent } from "./listview/header-footer/listview-header-footer.component"; -import { ListViewItemReorderComponent } from "./listview/item-reorder/listview-item-reorder.component"; -import { ListViewItemSelectionComponent } from "./listview/item-selection/listview-item-selection.component"; -import { ListviewSelectionStatesComponent } from "./listview/selection-states/listview-selection-states.component"; -import { ListViewLoadOnDemandComponent } from "./listview/load-on-demand/listview-load-on-demand.component"; -import { ListViewPullToRefreshComponent } from "./listview/pull-to-refresh/listview-pull-to-refresh.component"; -import { ListViewItemAnimationsComponent } from "./listview/item-animations/listview-item-animations.component"; -import { ListViewItemLayoutsGridComponent } from "./listview/item-layouts/listview-item-layouts-grid.component"; -import { ListviewItemLayoutsLinearComponent } from "./listview/item-layouts/listview-item-layouts-linear.component"; -import { ListviewItemLayoutsStaggeredComponent } from "./listview/item-layouts/listview-item-layouts-staggered.component"; -import { ListviewItemLayoutsRuntimeComponent } from "./listview/item-layouts/listview-item-layouts-runtime.component"; -import { ListviewItemLoadingComponent } from "./listview/item-loading/listview-item-loading.component"; -import { ListviewItemReorderHandleComponent } from "./listview/item-reorder/listview-item-reorder-handle.component"; -import { ListviewItemSelectionMultipleComponent } from "./listview/item-selection/listview-item-selection-multiple.component"; -import { ListviewItemSelectionProgrammaticComponent } from "./listview/item-selection/listview-item-selection-programmatic.component"; -import { ListviewObservableArrayComponent } from "./listview/observable-array/listview-observable-array.component"; -import { ListViewSwipeActionsComponent } from "./listview/swipe-actions/listview-swipe-actions.component"; -import { ListViewSwipeActionsMultipleComponent } from "./listview/swipe-actions/listview-swipe-actions-multiple.component"; -import { ListViewSwipeActionsThresholdsComponent } from "./listview/swipe-actions/listview-swipe-actions-thresholds.component"; -import { ListViewSwipeDisableComponent } from "./listview/swipe-actions/listview-swipe-disable.component"; -import { ListviewItemSeparatorComponent } from "./listview/item-separator/listview-item-separator.component"; -import { ListviewScrollToIndexVerticalComponent } from "./listview/scroll-to-index/listview-scroll-to-index-vertical.component"; -import { ListviewScrollToIndexHorizontalComponent } from "./listview/scroll-to-index/listview-scroll-to-index-horizontal.component"; -import { ListViewScrollEventsComponent } from "./listview/scroll-events/listview-scroll-events.component"; import { SideDrawerGettingStartedComponent } from "./sidedrawer/getting-started/getting-started.component"; import { SideDrawerOverNavigationComponent } from "./sidedrawer/over-navigation/over-navigation.component"; import { SecondSideDrawerOverNavigationComponent } from "./sidedrawer/over-navigation/second-page/second-over-navigation.component"; @@ -39,7 +13,7 @@ import { SideDrawerTransitionsComponent } from "./sidedrawer/transitions/transit var excludedComponents = []; -export const EXAMPLES_COMPONENTS = [ListViewItemAnimationsComponent, ListviewObservableArrayComponent, ListviewItemLayoutsStaggeredComponent, ListViewGettingStartedComponent, ListViewHeaderFooterComponent, ListViewItemReorderComponent, ListViewItemSelectionComponent, ListviewSelectionStatesComponent, ListViewLoadOnDemandComponent, ListViewPullToRefreshComponent, ListViewItemLayoutsGridComponent, ListviewItemLayoutsLinearComponent, ListviewItemLoadingComponent, ListviewItemReorderHandleComponent, ListviewItemSelectionMultipleComponent, ListviewItemSelectionProgrammaticComponent, ListviewItemSeparatorComponent, SideDrawerGettingStartedComponent, SideDrawerOverNavigationComponent, SecondSideDrawerOverNavigationComponent, SideDrawerEventsComponent, SideDrawerPositionComponent, SideDrawerTransitionsComponent, ListviewScrollToIndexVerticalComponent, ListViewScrollEventsComponent, ListviewScrollToIndexHorizontalComponent, ListViewSwipeActionsComponent, ListViewSwipeActionsMultipleComponent, ListViewSwipeActionsThresholdsComponent, ListviewItemLayoutsStaggeredComponent, ListViewSwipeDisableComponent, ListviewMultipleTemplatesComponent, ListviewItemLayoutsRuntimeComponent]; +export const EXAMPLES_COMPONENTS = [SideDrawerGettingStartedComponent, SideDrawerOverNavigationComponent, SecondSideDrawerOverNavigationComponent, SideDrawerEventsComponent, SideDrawerPositionComponent, SideDrawerTransitionsComponent]; let APP_ROUTES: Routes = [ { path: "", redirectTo: "examples-depth-1/root/root", pathMatch: 'full' }, { path: "examples-depth-1/:parentTitle/:tappedTitle", component: ExamplesListDepth1Component }, @@ -48,119 +22,119 @@ let APP_ROUTES: Routes = [ { path: "options", component: OptionsComponent }, { path: "ListviewMultipleTemplatesComponent", - component: ListviewMultipleTemplatesComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Multiple Item Templates" } }, { path: "ListViewGettingStartedComponent", - component: ListViewGettingStartedComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Getting Started" } }, { path: "ListViewHeaderFooterComponent", - component: ListViewHeaderFooterComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Header and Footer" } }, { path: "ListViewItemReorderComponent", - component: ListViewItemReorderComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Item Reorder" } }, { path: "ListViewItemSelectionComponent", - component: ListViewItemSelectionComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Single Selection" } }, { path: "ListviewSelectionStatesComponent", - component: ListviewSelectionStatesComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Selection states" } }, { path: "ListViewLoadOnDemandComponent", - component: ListViewLoadOnDemandComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Load on Demand" } }, { path: "ListViewPullToRefreshComponent", - component: ListViewPullToRefreshComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Pull to Refresh" } }, { path: "ListViewItemLayoutsGridComponent", - component: ListViewItemLayoutsGridComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Grid" } }, { path: "ListviewItemLayoutsLinearComponent", - component: ListviewItemLayoutsLinearComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Linear" } }, { path: "ListviewItemLoadingComponent", - component: ListviewItemLoadingComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Item Loading" } }, { path: "ListviewItemLayoutsStaggeredComponent", - component: ListviewItemLayoutsStaggeredComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Staggered" } }, { path: "ListviewItemLayoutsRuntimeComponent", - component: ListviewItemLayoutsRuntimeComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Change at runtime" } }, { path: "ListviewItemReorderHandleComponent", - component: ListviewItemReorderHandleComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Item Reorder with handle" } }, { path: "ListviewItemSelectionMultipleComponent", - component: ListviewItemSelectionMultipleComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Multiple Selection" } }, { path: "ListviewItemSelectionProgrammaticComponent", - component: ListviewItemSelectionProgrammaticComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Programmatic Selection" } }, { path: "ListviewItemSeparatorComponent", - component: ListviewItemSeparatorComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Item separators" } @@ -489,21 +463,21 @@ let APP_ROUTES: Routes = [ }, { path: "ListviewScrollToIndexVerticalComponent", - component: ListviewScrollToIndexVerticalComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "In vertical direction" } }, { path: "ListviewScrollToIndexHorizontalComponent", - component: ListviewScrollToIndexHorizontalComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "In horizontal direction" } }, { path: "ListViewScrollEventsComponent", - component: ListViewScrollEventsComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Scroll Events" } @@ -643,14 +617,14 @@ let APP_ROUTES: Routes = [ }, { path: "ListviewObservableArrayComponent", - component: ListviewObservableArrayComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Observable Array" } }, { path: "ListViewItemAnimationsComponent", - component: ListViewItemAnimationsComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Item Animations" } @@ -727,21 +701,21 @@ let APP_ROUTES: Routes = [ }, { path: "ListViewSwipeActionsComponent", - component: ListViewSwipeActionsComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Getting Started" } }, { path: "ListViewSwipeActionsMultipleComponent", - component: ListViewSwipeActionsMultipleComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Multiple actions" } }, { path: "ListViewSwipeActionsThresholdsComponent", - component: ListViewSwipeActionsThresholdsComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Animated thresholds" } @@ -846,7 +820,7 @@ let APP_ROUTES: Routes = [ }, { path: "ListViewSwipeDisableComponent", - component: ListViewSwipeDisableComponent, + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Disable\\Enable" } diff --git a/sdkAngular/app/listview/listview-examples.module.ts b/sdkAngular/app/listview/listview-examples.module.ts new file mode 100644 index 00000000..11dbde8c --- /dev/null +++ b/sdkAngular/app/listview/listview-examples.module.ts @@ -0,0 +1,74 @@ +import { NgModule } from '@angular/core'; +import { NativeScriptModule } from "nativescript-angular/nativescript.module"; + +import { NativeScriptRouterModule } from "nativescript-angular/router"; +import { NativeScriptUIListViewModule } from "nativescript-telerik-ui-pro/listview/angular"; + +import { ListViewGettingStartedComponent } from './getting-started/listview-getting-started.component'; +import { ListViewHeaderFooterComponent } from './header-footer/listview-header-footer.component'; +import { ListViewItemAnimationsComponent } from './item-animations/listview-item-animations.component'; +import { ListViewItemLayoutsGridComponent } from './item-layouts/listview-item-layouts-grid.component'; +import { ListviewItemLayoutsLinearComponent } from './item-layouts/listview-item-layouts-linear.component'; +import { ListviewItemLayoutsRuntimeComponent } from './item-layouts/listview-item-layouts-runtime.component'; +import { ListviewItemLayoutsStaggeredComponent } from './item-layouts/listview-item-layouts-staggered.component'; +import { ListviewItemLoadingComponent } from './item-loading/listview-item-loading.component'; +import { ListViewItemReorderComponent } from './item-reorder/listview-item-reorder.component'; +import { ListviewItemReorderHandleComponent } from './item-reorder/listview-item-reorder-handle.component'; +import { ListviewItemSelectionMultipleComponent } from './item-selection/listview-item-selection-multiple.component'; +import { ListviewItemSelectionProgrammaticComponent } from './item-selection/listview-item-selection-programmatic.component'; +import { ListViewItemSelectionComponent } from './item-selection/listview-item-selection.component'; +import { ListviewItemSeparatorComponent } from './item-separator/listview-item-separator.component'; +import { ListViewLoadOnDemandComponent } from './load-on-demand/listview-load-on-demand.component'; +import { ListviewMultipleTemplatesComponent } from './multiple-templates/listview-multiple-templates.component'; +import { ListviewObservableArrayComponent } from './observable-array/listview-observable-array.component'; +import { ListViewPullToRefreshComponent } from './pull-to-refresh/listview-pull-to-refresh.component'; +import { ListViewScrollEventsComponent } from './scroll-events/listview-scroll-events.component'; +import { ListviewScrollToIndexHorizontalComponent } from './scroll-to-index/listview-scroll-to-index-horizontal.component'; +import { ListviewScrollToIndexVerticalComponent } from './scroll-to-index/listview-scroll-to-index-vertical.component'; +import { ListviewSelectionStatesComponent } from './selection-states/listview-selection-states.component'; +import { ListViewSwipeActionsMultipleComponent } from './swipe-actions/listview-swipe-actions-multiple.component'; +import { ListViewSwipeActionsThresholdsComponent } from './swipe-actions/listview-swipe-actions-thresholds.component'; +import { ListViewSwipeActionsComponent } from './swipe-actions/listview-swipe-actions.component'; +import { ListViewSwipeDisableComponent } from './swipe-actions/listview-swipe-disable.component'; + +import { routes } from './listview-examples.routing'; +import { CommonDirectivesModule } from '../navigation/directives/common-directives.module'; + +@NgModule({ + imports: [ + NativeScriptModule, + CommonDirectivesModule, + NativeScriptUIListViewModule, + NativeScriptRouterModule, + NativeScriptRouterModule.forChild(routes) + ], + declarations: [ + ListViewGettingStartedComponent, + ListViewHeaderFooterComponent, + ListViewItemAnimationsComponent, + ListViewItemLayoutsGridComponent, + ListviewItemLayoutsLinearComponent, + ListviewItemLayoutsRuntimeComponent, + ListviewItemLayoutsStaggeredComponent, + ListviewItemLoadingComponent, + ListViewItemReorderComponent, + ListviewItemReorderHandleComponent, + ListviewItemSelectionMultipleComponent, + ListviewItemSelectionProgrammaticComponent, + ListViewItemSelectionComponent, + ListviewItemSeparatorComponent, + ListViewLoadOnDemandComponent, + ListviewMultipleTemplatesComponent, + ListviewObservableArrayComponent, + ListViewPullToRefreshComponent, + ListViewScrollEventsComponent, + ListviewScrollToIndexHorizontalComponent, + ListviewScrollToIndexVerticalComponent, + ListviewSelectionStatesComponent, + ListViewSwipeActionsMultipleComponent, + ListViewSwipeActionsThresholdsComponent, + ListViewSwipeActionsComponent, + ListViewSwipeDisableComponent + ] +}) +export class ListViewExamplesModule { } \ No newline at end of file diff --git a/sdkAngular/app/listview/listview-examples.routing.ts b/sdkAngular/app/listview/listview-examples.routing.ts new file mode 100644 index 00000000..cc50fd92 --- /dev/null +++ b/sdkAngular/app/listview/listview-examples.routing.ts @@ -0,0 +1,58 @@ +import { ModuleWithProviders } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; + +import { ListViewGettingStartedComponent } from './getting-started/listview-getting-started.component'; +import { ListViewHeaderFooterComponent } from './header-footer/listview-header-footer.component'; +import { ListViewItemAnimationsComponent } from './item-animations/listview-item-animations.component'; +import { ListViewItemLayoutsGridComponent } from './item-layouts/listview-item-layouts-grid.component'; +import { ListviewItemLayoutsLinearComponent } from './item-layouts/listview-item-layouts-linear.component'; +import { ListviewItemLayoutsRuntimeComponent } from './item-layouts/listview-item-layouts-runtime.component'; +import { ListviewItemLayoutsStaggeredComponent } from './item-layouts/listview-item-layouts-staggered.component'; +import { ListviewItemLoadingComponent } from './item-loading/listview-item-loading.component'; +import { ListViewItemReorderComponent } from './item-reorder/listview-item-reorder.component'; +import { ListviewItemReorderHandleComponent } from './item-reorder/listview-item-reorder-handle.component'; +import { ListviewItemSelectionMultipleComponent } from './item-selection/listview-item-selection-multiple.component'; +import { ListviewItemSelectionProgrammaticComponent } from './item-selection/listview-item-selection-programmatic.component'; +import { ListViewItemSelectionComponent } from './item-selection/listview-item-selection.component'; +import { ListviewItemSeparatorComponent } from './item-separator/listview-item-separator.component'; +import { ListViewLoadOnDemandComponent } from './load-on-demand/listview-load-on-demand.component'; +import { ListviewMultipleTemplatesComponent } from './multiple-templates/listview-multiple-templates.component'; +import { ListviewObservableArrayComponent } from './observable-array/listview-observable-array.component'; +import { ListViewPullToRefreshComponent } from './pull-to-refresh/listview-pull-to-refresh.component'; +import { ListViewScrollEventsComponent } from './scroll-events/listview-scroll-events.component'; +import { ListviewScrollToIndexHorizontalComponent } from './scroll-to-index/listview-scroll-to-index-horizontal.component'; +import { ListviewScrollToIndexVerticalComponent } from './scroll-to-index/listview-scroll-to-index-vertical.component'; +import { ListviewSelectionStatesComponent } from './selection-states/listview-selection-states.component'; +import { ListViewSwipeActionsMultipleComponent } from './swipe-actions/listview-swipe-actions-multiple.component'; +import { ListViewSwipeActionsThresholdsComponent } from './swipe-actions/listview-swipe-actions-thresholds.component'; +import { ListViewSwipeActionsComponent } from './swipe-actions/listview-swipe-actions.component'; +import { ListViewSwipeDisableComponent } from './swipe-actions/listview-swipe-disable.component'; + +export const routes: Routes = [ + { path: 'ListViewGettingStartedComponent', component: ListViewGettingStartedComponent }, + { path: 'ListViewHeaderFooterComponent', component: ListViewHeaderFooterComponent }, + { path: 'ListViewItemAnimationsComponent', component: ListViewItemAnimationsComponent }, + { path: 'ListViewItemLayoutsGridComponent', component: ListViewItemLayoutsGridComponent }, + { path: 'ListviewItemLayoutsLinearComponent', component: ListviewItemLayoutsLinearComponent }, + { path: 'ListviewItemLayoutsRuntimeComponent', component: ListviewItemLayoutsRuntimeComponent }, + { path: 'ListviewItemLayoutsStaggeredComponent', component: ListviewItemLayoutsStaggeredComponent }, + { path: 'ListviewItemLoadingComponent', component: ListviewItemLoadingComponent }, + { path: 'ListViewItemReorderComponent', component: ListViewItemReorderComponent }, + { path: 'ListviewItemReorderHandleComponent', component: ListviewItemReorderHandleComponent }, + { path: 'ListviewItemSelectionMultipleComponent', component: ListviewItemSelectionMultipleComponent }, + { path: 'ListviewItemSelectionProgrammaticComponent', component: ListviewItemSelectionProgrammaticComponent }, + { path: 'ListViewItemSelectionComponent', component: ListViewItemSelectionComponent }, + { path: 'ListviewItemSeparatorComponent', component: ListviewItemSeparatorComponent }, + { path: 'ListViewLoadOnDemandComponent', component: ListViewLoadOnDemandComponent }, + { path: 'ListviewMultipleTemplatesComponent', component: ListviewMultipleTemplatesComponent }, + { path: 'ListviewObservableArrayComponent', component: ListviewObservableArrayComponent }, + { path: 'ListViewPullToRefreshComponent', component: ListViewPullToRefreshComponent }, + { path: 'ListViewScrollEventsComponent', component: ListViewScrollEventsComponent }, + { path: 'ListviewScrollToIndexHorizontalComponent', component: ListviewScrollToIndexHorizontalComponent }, + { path: 'ListviewScrollToIndexVerticalComponent', component: ListviewScrollToIndexVerticalComponent }, + { path: 'ListviewSelectionStatesComponent', component: ListviewSelectionStatesComponent }, + { path: 'ListViewSwipeActionsMultipleComponent', component: ListViewSwipeActionsMultipleComponent }, + { path: 'ListViewSwipeActionsThresholdsComponent', component: ListViewSwipeActionsThresholdsComponent }, + { path: 'ListViewSwipeActionsComponent', component: ListViewSwipeActionsComponent }, + { path: 'ListViewSwipeDisableComponent', component: ListViewSwipeDisableComponent } +]; \ No newline at end of file diff --git a/sdkAngular/app/listview/swipe-actions/listview-swipe-disable.component.ts b/sdkAngular/app/listview/swipe-actions/listview-swipe-disable.component.ts index 4cca1020..a990bcb7 100644 --- a/sdkAngular/app/listview/swipe-actions/listview-swipe-disable.component.ts +++ b/sdkAngular/app/listview/swipe-actions/listview-swipe-disable.component.ts @@ -4,7 +4,7 @@ import { DataItem } from "../dataItem"; import { DataItemService } from "../dataItem.service"; import { ListViewEventData, SwipeActionsEventData, RadListView } from "nativescript-telerik-ui-pro/listview"; import { RadListViewComponent } from "nativescript-telerik-ui-pro/listview/angular"; -import {View } from 'tns-core-modules/ui/core/view'; +import { View } from 'tns-core-modules/ui/core/view'; @Component({ moduleId: module.id, diff --git a/sdkAngular/app/navigation/mock-exampleItems.ts b/sdkAngular/app/navigation/mock-exampleItems.ts index e528d512..2c214159 100644 --- a/sdkAngular/app/navigation/mock-exampleItems.ts +++ b/sdkAngular/app/navigation/mock-exampleItems.ts @@ -207,22 +207,22 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Getting Started", - "path": "ListViewGettingStartedComponent/", + "path": "ListViewGettingStartedComponent/ListViewGettingStartedComponent", "subItems": [] }, { "title": "Multiple Item Templates", - "path": "ListviewMultipleTemplatesComponent/", + "path": "ListviewMultipleTemplatesComponent/ListviewMultipleTemplatesComponent", "subItems": [] }, { "title": "Item Loading", - "path": "ListviewItemLoadingComponent/", + "path": "ListviewItemLoadingComponent/ListviewItemLoadingComponent", "subItems": [] }, { "title": "Item Animations", - "path": "ListViewItemAnimationsComponent/", + "path": "ListViewItemAnimationsComponent/ListViewItemAnimationsComponent", "subItems": [] }, { @@ -231,34 +231,34 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Linear", - "path": "ListviewItemLayoutsLinearComponent/", + "path": "ListviewItemLayoutsLinearComponent/ListviewItemLayoutsLinearComponent", "subItems": [] }, { "title": "Grid", - "path": "ListViewItemLayoutsGridComponent/", + "path": "ListViewItemLayoutsGridComponent/ListViewItemLayoutsGridComponent", "subItems": [] }, { "title": "Staggered", - "path": "ListviewItemLayoutsStaggeredComponent/", + "path": "ListviewItemLayoutsStaggeredComponent/ListviewItemLayoutsStaggeredComponent", "subItems": [] }, { "title": "Change at runtime", - "path": "ListviewItemLayoutsRuntimeComponent/", + "path": "ListviewItemLayoutsRuntimeComponent/ListviewItemLayoutsRuntimeComponent", "subItems": [] } ] }, { "title": "Item Reorder", - "path": "ListViewItemReorderComponent/", + "path": "ListViewItemReorderComponent/ListViewItemReorderComponent", "subItems": [] }, { "title": "Item Reorder with handle", - "path": "ListviewItemReorderHandleComponent/", + "path": "ListviewItemReorderHandleComponent/ListviewItemReorderHandleComponent", "subItems": [] }, { @@ -267,39 +267,39 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Single Selection", - "path": "ListViewItemSelectionComponent/", + "path": "ListViewItemSelectionComponent/ListViewItemSelectionComponent", "subItems": [] }, { "title": "Multiple Selection", - "path": "ListviewItemSelectionMultipleComponent/", + "path": "ListviewItemSelectionMultipleComponent/ListviewItemSelectionMultipleComponent", "subItems": [] }, { "title": "Programmatic Selection", - "path": "ListviewItemSelectionProgrammaticComponent/", + "path": "ListviewItemSelectionProgrammaticComponent/ListviewItemSelectionProgrammaticComponent", "subItems": [] } ] }, { "title": "Selection states", - "path": "ListviewSelectionStatesComponent/", + "path": "ListviewSelectionStatesComponent/ListviewSelectionStatesComponent", "subItems": [] }, { "title": "Load on Demand", - "path": "ListViewLoadOnDemandComponent/", + "path": "ListViewLoadOnDemandComponent/ListViewLoadOnDemandComponent", "subItems": [] }, { "title": "Observable Array", - "path": "ListviewObservableArrayComponent/", + "path": "ListviewObservableArrayComponent/ListviewObservableArrayComponent", "subItems": [] }, { "title": "Pull to Refresh", - "path": "ListViewPullToRefreshComponent/", + "path": "ListViewPullToRefreshComponent/ListViewPullToRefreshComponent", "subItems": [] }, { @@ -308,34 +308,34 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Getting Started", - "path": "ListViewSwipeActionsComponent/", + "path": "ListViewSwipeActionsComponent/ListViewSwipeActionsComponent", "subItems": [] }, { "title": "Animated thresholds", - "path": "ListViewSwipeActionsThresholdsComponent/", + "path": "ListViewSwipeActionsThresholdsComponent/ListViewSwipeActionsThresholdsComponent", "subItems": [] }, { "title": "Multiple actions", - "path": "ListViewSwipeActionsMultipleComponent/", + "path": "ListViewSwipeActionsMultipleComponent/ListViewSwipeActionsMultipleComponent", "subItems": [] }, { "title": "Disable\\Enable", - "path": "ListViewSwipeDisableComponent/", + "path": "ListViewSwipeDisableComponent/ListViewSwipeDisableComponent", "subItems": [] } ] }, { "title": "Header and Footer", - "path": "ListViewHeaderFooterComponent/", + "path": "ListViewHeaderFooterComponent/ListViewHeaderFooterComponent", "subItems": [] }, { "title": "Item separators", - "path": "ListviewItemSeparatorComponent/", + "path": "ListviewItemSeparatorComponent/ListviewItemSeparatorComponent", "subItems": [] }, { @@ -344,19 +344,19 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "In vertical direction", - "path": "ListviewScrollToIndexVerticalComponent/", + "path": "ListviewScrollToIndexVerticalComponent/ListviewScrollToIndexVerticalComponent", "subItems": [] }, { "title": "In horizontal direction", - "path": "ListviewScrollToIndexHorizontalComponent/", + "path": "ListviewScrollToIndexHorizontalComponent/ListviewScrollToIndexHorizontalComponent", "subItems": [] } ] }, { "title": "Scroll Events", - "path": "ListViewScrollEventsComponent/", + "path": "ListViewScrollEventsComponent/ListViewScrollEventsComponent", "subItems": [] }, ] From 4fc5ebe7473e667fce632b14894fd1e3ea6a9ccf Mon Sep 17 00:00:00 2001 From: Vladimir Amiorkov Date: Tue, 5 Sep 2017 10:39:02 +0300 Subject: [PATCH 11/13] Fixed incorrect component's name in RadListView examples --- sdkAngular/app/app.routing.ts | 26 +++++----- .../listview-item-layouts-linear.component.ts | 2 +- ...listview-item-layouts-runtime.component.ts | 2 +- ...stview-item-layouts-staggered.component.ts | 2 +- .../listview-item-loading.component.ts | 2 +- .../listview-item-reorder-handle.component.ts | 2 +- ...tview-item-selection-multiple.component.ts | 2 +- ...w-item-selection-programmatic.component.ts | 2 +- .../listview-item-separator.component.ts | 2 +- .../app/listview/listview-examples.module.ts | 52 +++++++++---------- .../app/listview/listview-examples.routing.ts | 52 +++++++++---------- .../listview-multiple-templates.component.ts | 2 +- .../listview-observable-array.component.ts | 2 +- ...ew-scroll-to-index-horizontal.component.ts | 2 +- ...view-scroll-to-index-vertical.component.ts | 2 +- .../listview-selection-states.component.ts | 2 +- .../app/navigation/mock-exampleItems.ts | 26 +++++----- 17 files changed, 91 insertions(+), 91 deletions(-) diff --git a/sdkAngular/app/app.routing.ts b/sdkAngular/app/app.routing.ts index 5d407a69..e9e6dffb 100644 --- a/sdkAngular/app/app.routing.ts +++ b/sdkAngular/app/app.routing.ts @@ -21,7 +21,7 @@ let APP_ROUTES: Routes = [ { path: "examples-depth-3/:parentTitle/:tappedTitle", component: ExamplesListDepth3Component }, { path: "options", component: OptionsComponent }, { - path: "ListviewMultipleTemplatesComponent", + path: "ListViewMultipleTemplatesComponent", loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Multiple Item Templates" @@ -56,7 +56,7 @@ let APP_ROUTES: Routes = [ } }, { - path: "ListviewSelectionStatesComponent", + path: "ListViewSelectionStatesComponent", loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Selection states" @@ -84,56 +84,56 @@ let APP_ROUTES: Routes = [ } }, { - path: "ListviewItemLayoutsLinearComponent", + path: "ListViewItemLayoutsLinearComponent", loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Linear" } }, { - path: "ListviewItemLoadingComponent", + path: "ListViewItemLoadingComponent", loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Item Loading" } }, { - path: "ListviewItemLayoutsStaggeredComponent", + path: "ListViewItemLayoutsStaggeredComponent", loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Staggered" } }, { - path: "ListviewItemLayoutsRuntimeComponent", + path: "ListViewItemLayoutsRuntimeComponent", loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Change at runtime" } }, { - path: "ListviewItemReorderHandleComponent", + path: "ListViewItemReorderHandleComponent", loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Item Reorder with handle" } }, { - path: "ListviewItemSelectionMultipleComponent", + path: "ListViewItemSelectionMultipleComponent", loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Multiple Selection" } }, { - path: "ListviewItemSelectionProgrammaticComponent", + path: "ListViewItemSelectionProgrammaticComponent", loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Programmatic Selection" } }, { - path: "ListviewItemSeparatorComponent", + path: "ListViewItemSeparatorComponent", loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Item separators" @@ -462,14 +462,14 @@ let APP_ROUTES: Routes = [ } }, { - path: "ListviewScrollToIndexVerticalComponent", + path: "ListViewScrollToIndexVerticalComponent", loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "In vertical direction" } }, { - path: "ListviewScrollToIndexHorizontalComponent", + path: "ListViewScrollToIndexHorizontalComponent", loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "In horizontal direction" @@ -616,7 +616,7 @@ let APP_ROUTES: Routes = [ } }, { - path: "ListviewObservableArrayComponent", + path: "ListViewObservableArrayComponent", loadChildren: './listview/listview-examples.module#ListViewExamplesModule', data: { "title": "Observable Array" diff --git a/sdkAngular/app/listview/item-layouts/listview-item-layouts-linear.component.ts b/sdkAngular/app/listview/item-layouts/listview-item-layouts-linear.component.ts index af849bff..9d171859 100644 --- a/sdkAngular/app/listview/item-layouts/listview-item-layouts-linear.component.ts +++ b/sdkAngular/app/listview/item-layouts/listview-item-layouts-linear.component.ts @@ -14,7 +14,7 @@ import { DataItemService } from "../dataItem.service"; templateUrl: "listview-item-layouts-linear.component.html", styleUrls: ["listview-item-layouts-linear.component.css"] }) -export class ListviewItemLayoutsLinearComponent implements OnInit { +export class ListViewItemLayoutsLinearComponent implements OnInit { private _dataItems: ObservableArray; private _layout: ListViewLinearLayout; diff --git a/sdkAngular/app/listview/item-layouts/listview-item-layouts-runtime.component.ts b/sdkAngular/app/listview/item-layouts/listview-item-layouts-runtime.component.ts index 9d804549..8c9ca725 100644 --- a/sdkAngular/app/listview/item-layouts/listview-item-layouts-runtime.component.ts +++ b/sdkAngular/app/listview/item-layouts/listview-item-layouts-runtime.component.ts @@ -15,7 +15,7 @@ import { DataItemService } from "../dataItem.service"; templateUrl: "listview-item-layouts-runtime.component.html", styleUrls: ["listview-item-layouts-runtime.component.css"] }) -export class ListviewItemLayoutsRuntimeComponent implements OnInit { +export class ListViewItemLayoutsRuntimeComponent implements OnInit { private _dataItems: ObservableArray; private _layout: ListViewLinearLayout; diff --git a/sdkAngular/app/listview/item-layouts/listview-item-layouts-staggered.component.ts b/sdkAngular/app/listview/item-layouts/listview-item-layouts-staggered.component.ts index add171e9..a4014caf 100644 --- a/sdkAngular/app/listview/item-layouts/listview-item-layouts-staggered.component.ts +++ b/sdkAngular/app/listview/item-layouts/listview-item-layouts-staggered.component.ts @@ -11,7 +11,7 @@ import { DataItemService } from "../dataItem.service"; templateUrl: "listview-item-layouts-staggered.component.html", styleUrls: ["listview-item-layouts-staggered.component.css"] }) -export class ListviewItemLayoutsStaggeredComponent implements OnInit { +export class ListViewItemLayoutsStaggeredComponent implements OnInit { private _staggeredItems: ObservableArray; constructor(private _changeDetectionRef: ChangeDetectorRef, private _dataItemService: DataItemService) { diff --git a/sdkAngular/app/listview/item-loading/listview-item-loading.component.ts b/sdkAngular/app/listview/item-loading/listview-item-loading.component.ts index 98de6f42..568e422f 100644 --- a/sdkAngular/app/listview/item-loading/listview-item-loading.component.ts +++ b/sdkAngular/app/listview/item-loading/listview-item-loading.component.ts @@ -14,7 +14,7 @@ import { ListViewEventData } from 'nativescript-telerik-ui-pro/listview'; styleUrls: ["listview-item-loading.component.css"] }) -export class ListviewItemLoadingComponent implements OnInit { +export class ListViewItemLoadingComponent implements OnInit { private _dataItems: ObservableArray; constructor(private _changeDetectionRef: ChangeDetectorRef, private _dataItemService: DataItemService) { diff --git a/sdkAngular/app/listview/item-reorder/listview-item-reorder-handle.component.ts b/sdkAngular/app/listview/item-reorder/listview-item-reorder-handle.component.ts index 9ac6cd3b..24e6652f 100644 --- a/sdkAngular/app/listview/item-reorder/listview-item-reorder-handle.component.ts +++ b/sdkAngular/app/listview/item-reorder/listview-item-reorder-handle.component.ts @@ -12,7 +12,7 @@ import { ListViewEventData } from "nativescript-telerik-ui-pro/listview"; templateUrl: "listview-item-reorder-handle.component.html", styleUrls: ["listview-item-reorder-handle.component.css"] }) -export class ListviewItemReorderHandleComponent implements OnInit { +export class ListViewItemReorderHandleComponent implements OnInit { private _dataItems: ObservableArray; constructor(private _dataItemService: DataItemService) { diff --git a/sdkAngular/app/listview/item-selection/listview-item-selection-multiple.component.ts b/sdkAngular/app/listview/item-selection/listview-item-selection-multiple.component.ts index c91a0604..d012a109 100644 --- a/sdkAngular/app/listview/item-selection/listview-item-selection-multiple.component.ts +++ b/sdkAngular/app/listview/item-selection/listview-item-selection-multiple.component.ts @@ -11,7 +11,7 @@ import { DataItemService } from "../dataItem.service"; templateUrl: "listview-item-selection-multiple.component.html", styleUrls: ["listview-item-selection-multiple.component.css"] }) -export class ListviewItemSelectionMultipleComponent implements OnInit { +export class ListViewItemSelectionMultipleComponent implements OnInit { private _dataItems: ObservableArray; constructor(private _dataItemService: DataItemService) { diff --git a/sdkAngular/app/listview/item-selection/listview-item-selection-programmatic.component.ts b/sdkAngular/app/listview/item-selection/listview-item-selection-programmatic.component.ts index 5277f659..e57321c2 100644 --- a/sdkAngular/app/listview/item-selection/listview-item-selection-programmatic.component.ts +++ b/sdkAngular/app/listview/item-selection/listview-item-selection-programmatic.component.ts @@ -12,7 +12,7 @@ import { RadListViewComponent } from "nativescript-telerik-ui-pro/listview/angul templateUrl: "listview-item-selection-programmatic.component.html", styleUrls: ["listview-item-selection-programmatic.component.css"] }) -export class ListviewItemSelectionProgrammaticComponent implements OnInit { +export class ListViewItemSelectionProgrammaticComponent implements OnInit { private _dataItems: ObservableArray; private _txtDeselectItemIndex: string; private _txtSelectItemIndex: string; diff --git a/sdkAngular/app/listview/item-separator/listview-item-separator.component.ts b/sdkAngular/app/listview/item-separator/listview-item-separator.component.ts index 6883b98a..8c16c514 100644 --- a/sdkAngular/app/listview/item-separator/listview-item-separator.component.ts +++ b/sdkAngular/app/listview/item-separator/listview-item-separator.component.ts @@ -10,7 +10,7 @@ import { DataItemService } from "../dataItem.service"; templateUrl: "listview-item-separator.component.html", styleUrls: ["listview-item-separator.component.css"] }) -export class ListviewItemSeparatorComponent implements OnInit { +export class ListViewItemSeparatorComponent implements OnInit { private _dataItems: ObservableArray; constructor(private _dataItemService: DataItemService) { diff --git a/sdkAngular/app/listview/listview-examples.module.ts b/sdkAngular/app/listview/listview-examples.module.ts index 11dbde8c..c365610a 100644 --- a/sdkAngular/app/listview/listview-examples.module.ts +++ b/sdkAngular/app/listview/listview-examples.module.ts @@ -8,24 +8,24 @@ import { ListViewGettingStartedComponent } from './getting-started/listview-gett import { ListViewHeaderFooterComponent } from './header-footer/listview-header-footer.component'; import { ListViewItemAnimationsComponent } from './item-animations/listview-item-animations.component'; import { ListViewItemLayoutsGridComponent } from './item-layouts/listview-item-layouts-grid.component'; -import { ListviewItemLayoutsLinearComponent } from './item-layouts/listview-item-layouts-linear.component'; -import { ListviewItemLayoutsRuntimeComponent } from './item-layouts/listview-item-layouts-runtime.component'; -import { ListviewItemLayoutsStaggeredComponent } from './item-layouts/listview-item-layouts-staggered.component'; -import { ListviewItemLoadingComponent } from './item-loading/listview-item-loading.component'; +import { ListViewItemLayoutsLinearComponent } from './item-layouts/listview-item-layouts-linear.component'; +import { ListViewItemLayoutsRuntimeComponent } from './item-layouts/listview-item-layouts-runtime.component'; +import { ListViewItemLayoutsStaggeredComponent } from './item-layouts/listview-item-layouts-staggered.component'; +import { ListViewItemLoadingComponent } from './item-loading/listview-item-loading.component'; import { ListViewItemReorderComponent } from './item-reorder/listview-item-reorder.component'; -import { ListviewItemReorderHandleComponent } from './item-reorder/listview-item-reorder-handle.component'; -import { ListviewItemSelectionMultipleComponent } from './item-selection/listview-item-selection-multiple.component'; -import { ListviewItemSelectionProgrammaticComponent } from './item-selection/listview-item-selection-programmatic.component'; +import { ListViewItemReorderHandleComponent } from './item-reorder/listview-item-reorder-handle.component'; +import { ListViewItemSelectionMultipleComponent } from './item-selection/listview-item-selection-multiple.component'; +import { ListViewItemSelectionProgrammaticComponent } from './item-selection/listview-item-selection-programmatic.component'; import { ListViewItemSelectionComponent } from './item-selection/listview-item-selection.component'; -import { ListviewItemSeparatorComponent } from './item-separator/listview-item-separator.component'; +import { ListViewItemSeparatorComponent } from './item-separator/listview-item-separator.component'; import { ListViewLoadOnDemandComponent } from './load-on-demand/listview-load-on-demand.component'; -import { ListviewMultipleTemplatesComponent } from './multiple-templates/listview-multiple-templates.component'; -import { ListviewObservableArrayComponent } from './observable-array/listview-observable-array.component'; +import { ListViewMultipleTemplatesComponent } from './multiple-templates/listview-multiple-templates.component'; +import { ListViewObservableArrayComponent } from './observable-array/listview-observable-array.component'; import { ListViewPullToRefreshComponent } from './pull-to-refresh/listview-pull-to-refresh.component'; import { ListViewScrollEventsComponent } from './scroll-events/listview-scroll-events.component'; -import { ListviewScrollToIndexHorizontalComponent } from './scroll-to-index/listview-scroll-to-index-horizontal.component'; -import { ListviewScrollToIndexVerticalComponent } from './scroll-to-index/listview-scroll-to-index-vertical.component'; -import { ListviewSelectionStatesComponent } from './selection-states/listview-selection-states.component'; +import { ListViewScrollToIndexHorizontalComponent } from './scroll-to-index/listview-scroll-to-index-horizontal.component'; +import { ListViewScrollToIndexVerticalComponent } from './scroll-to-index/listview-scroll-to-index-vertical.component'; +import { ListViewSelectionStatesComponent } from './selection-states/listview-selection-states.component'; import { ListViewSwipeActionsMultipleComponent } from './swipe-actions/listview-swipe-actions-multiple.component'; import { ListViewSwipeActionsThresholdsComponent } from './swipe-actions/listview-swipe-actions-thresholds.component'; import { ListViewSwipeActionsComponent } from './swipe-actions/listview-swipe-actions.component'; @@ -47,24 +47,24 @@ import { CommonDirectivesModule } from '../navigation/directives/common-directiv ListViewHeaderFooterComponent, ListViewItemAnimationsComponent, ListViewItemLayoutsGridComponent, - ListviewItemLayoutsLinearComponent, - ListviewItemLayoutsRuntimeComponent, - ListviewItemLayoutsStaggeredComponent, - ListviewItemLoadingComponent, + ListViewItemLayoutsLinearComponent, + ListViewItemLayoutsRuntimeComponent, + ListViewItemLayoutsStaggeredComponent, + ListViewItemLoadingComponent, ListViewItemReorderComponent, - ListviewItemReorderHandleComponent, - ListviewItemSelectionMultipleComponent, - ListviewItemSelectionProgrammaticComponent, + ListViewItemReorderHandleComponent, + ListViewItemSelectionMultipleComponent, + ListViewItemSelectionProgrammaticComponent, ListViewItemSelectionComponent, - ListviewItemSeparatorComponent, + ListViewItemSeparatorComponent, ListViewLoadOnDemandComponent, - ListviewMultipleTemplatesComponent, - ListviewObservableArrayComponent, + ListViewMultipleTemplatesComponent, + ListViewObservableArrayComponent, ListViewPullToRefreshComponent, ListViewScrollEventsComponent, - ListviewScrollToIndexHorizontalComponent, - ListviewScrollToIndexVerticalComponent, - ListviewSelectionStatesComponent, + ListViewScrollToIndexHorizontalComponent, + ListViewScrollToIndexVerticalComponent, + ListViewSelectionStatesComponent, ListViewSwipeActionsMultipleComponent, ListViewSwipeActionsThresholdsComponent, ListViewSwipeActionsComponent, diff --git a/sdkAngular/app/listview/listview-examples.routing.ts b/sdkAngular/app/listview/listview-examples.routing.ts index cc50fd92..d1dfe946 100644 --- a/sdkAngular/app/listview/listview-examples.routing.ts +++ b/sdkAngular/app/listview/listview-examples.routing.ts @@ -5,24 +5,24 @@ import { ListViewGettingStartedComponent } from './getting-started/listview-gett import { ListViewHeaderFooterComponent } from './header-footer/listview-header-footer.component'; import { ListViewItemAnimationsComponent } from './item-animations/listview-item-animations.component'; import { ListViewItemLayoutsGridComponent } from './item-layouts/listview-item-layouts-grid.component'; -import { ListviewItemLayoutsLinearComponent } from './item-layouts/listview-item-layouts-linear.component'; -import { ListviewItemLayoutsRuntimeComponent } from './item-layouts/listview-item-layouts-runtime.component'; -import { ListviewItemLayoutsStaggeredComponent } from './item-layouts/listview-item-layouts-staggered.component'; -import { ListviewItemLoadingComponent } from './item-loading/listview-item-loading.component'; +import { ListViewItemLayoutsLinearComponent } from './item-layouts/listview-item-layouts-linear.component'; +import { ListViewItemLayoutsRuntimeComponent } from './item-layouts/listview-item-layouts-runtime.component'; +import { ListViewItemLayoutsStaggeredComponent } from './item-layouts/listview-item-layouts-staggered.component'; +import { ListViewItemLoadingComponent } from './item-loading/listview-item-loading.component'; import { ListViewItemReorderComponent } from './item-reorder/listview-item-reorder.component'; -import { ListviewItemReorderHandleComponent } from './item-reorder/listview-item-reorder-handle.component'; -import { ListviewItemSelectionMultipleComponent } from './item-selection/listview-item-selection-multiple.component'; -import { ListviewItemSelectionProgrammaticComponent } from './item-selection/listview-item-selection-programmatic.component'; +import { ListViewItemReorderHandleComponent } from './item-reorder/listview-item-reorder-handle.component'; +import { ListViewItemSelectionMultipleComponent } from './item-selection/listview-item-selection-multiple.component'; +import { ListViewItemSelectionProgrammaticComponent } from './item-selection/listview-item-selection-programmatic.component'; import { ListViewItemSelectionComponent } from './item-selection/listview-item-selection.component'; -import { ListviewItemSeparatorComponent } from './item-separator/listview-item-separator.component'; +import { ListViewItemSeparatorComponent } from './item-separator/listview-item-separator.component'; import { ListViewLoadOnDemandComponent } from './load-on-demand/listview-load-on-demand.component'; -import { ListviewMultipleTemplatesComponent } from './multiple-templates/listview-multiple-templates.component'; -import { ListviewObservableArrayComponent } from './observable-array/listview-observable-array.component'; +import { ListViewMultipleTemplatesComponent } from './multiple-templates/listview-multiple-templates.component'; +import { ListViewObservableArrayComponent } from './observable-array/listview-observable-array.component'; import { ListViewPullToRefreshComponent } from './pull-to-refresh/listview-pull-to-refresh.component'; import { ListViewScrollEventsComponent } from './scroll-events/listview-scroll-events.component'; -import { ListviewScrollToIndexHorizontalComponent } from './scroll-to-index/listview-scroll-to-index-horizontal.component'; -import { ListviewScrollToIndexVerticalComponent } from './scroll-to-index/listview-scroll-to-index-vertical.component'; -import { ListviewSelectionStatesComponent } from './selection-states/listview-selection-states.component'; +import { ListViewScrollToIndexHorizontalComponent } from './scroll-to-index/listview-scroll-to-index-horizontal.component'; +import { ListViewScrollToIndexVerticalComponent } from './scroll-to-index/listview-scroll-to-index-vertical.component'; +import { ListViewSelectionStatesComponent } from './selection-states/listview-selection-states.component'; import { ListViewSwipeActionsMultipleComponent } from './swipe-actions/listview-swipe-actions-multiple.component'; import { ListViewSwipeActionsThresholdsComponent } from './swipe-actions/listview-swipe-actions-thresholds.component'; import { ListViewSwipeActionsComponent } from './swipe-actions/listview-swipe-actions.component'; @@ -33,24 +33,24 @@ export const routes: Routes = [ { path: 'ListViewHeaderFooterComponent', component: ListViewHeaderFooterComponent }, { path: 'ListViewItemAnimationsComponent', component: ListViewItemAnimationsComponent }, { path: 'ListViewItemLayoutsGridComponent', component: ListViewItemLayoutsGridComponent }, - { path: 'ListviewItemLayoutsLinearComponent', component: ListviewItemLayoutsLinearComponent }, - { path: 'ListviewItemLayoutsRuntimeComponent', component: ListviewItemLayoutsRuntimeComponent }, - { path: 'ListviewItemLayoutsStaggeredComponent', component: ListviewItemLayoutsStaggeredComponent }, - { path: 'ListviewItemLoadingComponent', component: ListviewItemLoadingComponent }, + { path: 'ListViewItemLayoutsLinearComponent', component: ListViewItemLayoutsLinearComponent }, + { path: 'ListViewItemLayoutsRuntimeComponent', component: ListViewItemLayoutsRuntimeComponent }, + { path: 'ListViewItemLayoutsStaggeredComponent', component: ListViewItemLayoutsStaggeredComponent }, + { path: 'ListViewItemLoadingComponent', component: ListViewItemLoadingComponent }, { path: 'ListViewItemReorderComponent', component: ListViewItemReorderComponent }, - { path: 'ListviewItemReorderHandleComponent', component: ListviewItemReorderHandleComponent }, - { path: 'ListviewItemSelectionMultipleComponent', component: ListviewItemSelectionMultipleComponent }, - { path: 'ListviewItemSelectionProgrammaticComponent', component: ListviewItemSelectionProgrammaticComponent }, + { path: 'ListViewItemReorderHandleComponent', component: ListViewItemReorderHandleComponent }, + { path: 'ListViewItemSelectionMultipleComponent', component: ListViewItemSelectionMultipleComponent }, + { path: 'ListViewItemSelectionProgrammaticComponent', component: ListViewItemSelectionProgrammaticComponent }, { path: 'ListViewItemSelectionComponent', component: ListViewItemSelectionComponent }, - { path: 'ListviewItemSeparatorComponent', component: ListviewItemSeparatorComponent }, + { path: 'ListViewItemSeparatorComponent', component: ListViewItemSeparatorComponent }, { path: 'ListViewLoadOnDemandComponent', component: ListViewLoadOnDemandComponent }, - { path: 'ListviewMultipleTemplatesComponent', component: ListviewMultipleTemplatesComponent }, - { path: 'ListviewObservableArrayComponent', component: ListviewObservableArrayComponent }, + { path: 'ListViewMultipleTemplatesComponent', component: ListViewMultipleTemplatesComponent }, + { path: 'ListViewObservableArrayComponent', component: ListViewObservableArrayComponent }, { path: 'ListViewPullToRefreshComponent', component: ListViewPullToRefreshComponent }, { path: 'ListViewScrollEventsComponent', component: ListViewScrollEventsComponent }, - { path: 'ListviewScrollToIndexHorizontalComponent', component: ListviewScrollToIndexHorizontalComponent }, - { path: 'ListviewScrollToIndexVerticalComponent', component: ListviewScrollToIndexVerticalComponent }, - { path: 'ListviewSelectionStatesComponent', component: ListviewSelectionStatesComponent }, + { path: 'ListViewScrollToIndexHorizontalComponent', component: ListViewScrollToIndexHorizontalComponent }, + { path: 'ListViewScrollToIndexVerticalComponent', component: ListViewScrollToIndexVerticalComponent }, + { path: 'ListViewSelectionStatesComponent', component: ListViewSelectionStatesComponent }, { path: 'ListViewSwipeActionsMultipleComponent', component: ListViewSwipeActionsMultipleComponent }, { path: 'ListViewSwipeActionsThresholdsComponent', component: ListViewSwipeActionsThresholdsComponent }, { path: 'ListViewSwipeActionsComponent', component: ListViewSwipeActionsComponent }, diff --git a/sdkAngular/app/listview/multiple-templates/listview-multiple-templates.component.ts b/sdkAngular/app/listview/multiple-templates/listview-multiple-templates.component.ts index 6e3bb7a0..f0e65b49 100644 --- a/sdkAngular/app/listview/multiple-templates/listview-multiple-templates.component.ts +++ b/sdkAngular/app/listview/multiple-templates/listview-multiple-templates.component.ts @@ -11,7 +11,7 @@ import { DataItemService } from "../dataItem.service"; templateUrl: "listview-multiple-templates.component.html", styleUrls: ["listview-multiple-templates.component.css"] }) -export class ListviewMultipleTemplatesComponent implements OnInit { +export class ListViewMultipleTemplatesComponent implements OnInit { private _dataItems: ObservableArray; private _templateSelector: (item: DataItem, index: number, items: any) => string; diff --git a/sdkAngular/app/listview/observable-array/listview-observable-array.component.ts b/sdkAngular/app/listview/observable-array/listview-observable-array.component.ts index 61ecfab5..fe2f62bc 100644 --- a/sdkAngular/app/listview/observable-array/listview-observable-array.component.ts +++ b/sdkAngular/app/listview/observable-array/listview-observable-array.component.ts @@ -12,7 +12,7 @@ import { ListViewEventData } from "nativescript-telerik-ui-pro/listview"; templateUrl: "listview-observable-array.component.html", styleUrls: ["listview-observable-array.component.css"] }) -export class ListviewObservableArrayComponent implements OnInit { +export class ListViewObservableArrayComponent implements OnInit { private _dataItems: ObservableArray; constructor(private _dataItemService: DataItemService) { diff --git a/sdkAngular/app/listview/scroll-to-index/listview-scroll-to-index-horizontal.component.ts b/sdkAngular/app/listview/scroll-to-index/listview-scroll-to-index-horizontal.component.ts index 1e13773a..d3902fde 100644 --- a/sdkAngular/app/listview/scroll-to-index/listview-scroll-to-index-horizontal.component.ts +++ b/sdkAngular/app/listview/scroll-to-index/listview-scroll-to-index-horizontal.component.ts @@ -18,7 +18,7 @@ import { RadListViewComponent } from "nativescript-telerik-ui-pro/listview/angul styleUrls: ["listview-scroll-to-index.component.css"] }) @Injectable() -export class ListviewScrollToIndexHorizontalComponent extends OptionsExampleBase implements OnInit { +export class ListViewScrollToIndexHorizontalComponent extends OptionsExampleBase implements OnInit { private _optionsParamName: string; private _dataItems: ObservableArray; private _options: Array = ["Auto", "Start", "Center", "End"]; diff --git a/sdkAngular/app/listview/scroll-to-index/listview-scroll-to-index-vertical.component.ts b/sdkAngular/app/listview/scroll-to-index/listview-scroll-to-index-vertical.component.ts index eecdebe2..bdd5c34f 100644 --- a/sdkAngular/app/listview/scroll-to-index/listview-scroll-to-index-vertical.component.ts +++ b/sdkAngular/app/listview/scroll-to-index/listview-scroll-to-index-vertical.component.ts @@ -18,7 +18,7 @@ import { RadListViewComponent } from "nativescript-telerik-ui-pro/listview/angul styleUrls: ["listview-scroll-to-index.component.css"] }) @Injectable() -export class ListviewScrollToIndexVerticalComponent extends OptionsExampleBase implements OnInit { +export class ListViewScrollToIndexVerticalComponent extends OptionsExampleBase implements OnInit { private _optionsParamName: string; private _dataItems: ObservableArray; private _options: Array = ["Auto", "Start", "Center", "End"]; diff --git a/sdkAngular/app/listview/selection-states/listview-selection-states.component.ts b/sdkAngular/app/listview/selection-states/listview-selection-states.component.ts index aa72a857..07f843af 100644 --- a/sdkAngular/app/listview/selection-states/listview-selection-states.component.ts +++ b/sdkAngular/app/listview/selection-states/listview-selection-states.component.ts @@ -12,7 +12,7 @@ import { ListViewEventData } from "nativescript-telerik-ui-pro/listview"; templateUrl: "listview-selection-states.component.html", styleUrls: ["listview-selection-states.component.css"] }) -export class ListviewSelectionStatesComponent implements OnInit { +export class ListViewSelectionStatesComponent implements OnInit { private _dataItems: ObservableArray; constructor(private _dataItemService: DataItemService) { diff --git a/sdkAngular/app/navigation/mock-exampleItems.ts b/sdkAngular/app/navigation/mock-exampleItems.ts index 2c214159..44e38ee9 100644 --- a/sdkAngular/app/navigation/mock-exampleItems.ts +++ b/sdkAngular/app/navigation/mock-exampleItems.ts @@ -212,12 +212,12 @@ export var EXAMPLEITEMS: ExampleItem[] = [ }, { "title": "Multiple Item Templates", - "path": "ListviewMultipleTemplatesComponent/ListviewMultipleTemplatesComponent", + "path": "ListViewMultipleTemplatesComponent/ListViewMultipleTemplatesComponent", "subItems": [] }, { "title": "Item Loading", - "path": "ListviewItemLoadingComponent/ListviewItemLoadingComponent", + "path": "ListViewItemLoadingComponent/ListViewItemLoadingComponent", "subItems": [] }, { @@ -231,7 +231,7 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Linear", - "path": "ListviewItemLayoutsLinearComponent/ListviewItemLayoutsLinearComponent", + "path": "ListViewItemLayoutsLinearComponent/ListViewItemLayoutsLinearComponent", "subItems": [] }, { @@ -241,12 +241,12 @@ export var EXAMPLEITEMS: ExampleItem[] = [ }, { "title": "Staggered", - "path": "ListviewItemLayoutsStaggeredComponent/ListviewItemLayoutsStaggeredComponent", + "path": "ListViewItemLayoutsStaggeredComponent/ListViewItemLayoutsStaggeredComponent", "subItems": [] }, { "title": "Change at runtime", - "path": "ListviewItemLayoutsRuntimeComponent/ListviewItemLayoutsRuntimeComponent", + "path": "ListViewItemLayoutsRuntimeComponent/ListViewItemLayoutsRuntimeComponent", "subItems": [] } ] @@ -258,7 +258,7 @@ export var EXAMPLEITEMS: ExampleItem[] = [ }, { "title": "Item Reorder with handle", - "path": "ListviewItemReorderHandleComponent/ListviewItemReorderHandleComponent", + "path": "ListViewItemReorderHandleComponent/ListViewItemReorderHandleComponent", "subItems": [] }, { @@ -272,19 +272,19 @@ export var EXAMPLEITEMS: ExampleItem[] = [ }, { "title": "Multiple Selection", - "path": "ListviewItemSelectionMultipleComponent/ListviewItemSelectionMultipleComponent", + "path": "ListViewItemSelectionMultipleComponent/ListViewItemSelectionMultipleComponent", "subItems": [] }, { "title": "Programmatic Selection", - "path": "ListviewItemSelectionProgrammaticComponent/ListviewItemSelectionProgrammaticComponent", + "path": "ListViewItemSelectionProgrammaticComponent/ListViewItemSelectionProgrammaticComponent", "subItems": [] } ] }, { "title": "Selection states", - "path": "ListviewSelectionStatesComponent/ListviewSelectionStatesComponent", + "path": "ListViewSelectionStatesComponent/ListViewSelectionStatesComponent", "subItems": [] }, { @@ -294,7 +294,7 @@ export var EXAMPLEITEMS: ExampleItem[] = [ }, { "title": "Observable Array", - "path": "ListviewObservableArrayComponent/ListviewObservableArrayComponent", + "path": "ListViewObservableArrayComponent/ListViewObservableArrayComponent", "subItems": [] }, { @@ -335,7 +335,7 @@ export var EXAMPLEITEMS: ExampleItem[] = [ }, { "title": "Item separators", - "path": "ListviewItemSeparatorComponent/ListviewItemSeparatorComponent", + "path": "ListViewItemSeparatorComponent/ListViewItemSeparatorComponent", "subItems": [] }, { @@ -344,12 +344,12 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "In vertical direction", - "path": "ListviewScrollToIndexVerticalComponent/ListviewScrollToIndexVerticalComponent", + "path": "ListViewScrollToIndexVerticalComponent/ListViewScrollToIndexVerticalComponent", "subItems": [] }, { "title": "In horizontal direction", - "path": "ListviewScrollToIndexHorizontalComponent/ListviewScrollToIndexHorizontalComponent", + "path": "ListViewScrollToIndexHorizontalComponent/ListViewScrollToIndexHorizontalComponent", "subItems": [] } ] From 3138c183a34d2f955205a9a73f7bfc935a75dd35 Mon Sep 17 00:00:00 2001 From: Vladimir Amiorkov Date: Tue, 5 Sep 2017 10:58:24 +0300 Subject: [PATCH 12/13] Migrated RadSideDrawer examples to lazy loading --- sdkAngular/app/app.module.ts | 15 +++++--- sdkAngular/app/app.routing.ts | 20 ++++------- .../navigation/exampleItemService.service.ts | 1 - .../app/navigation/mock-exampleItems.ts | 10 +++--- .../over-navigation.component.ts | 2 +- .../sidedrawer/sidedrawer-examples.module.ts | 34 +++++++++++++++++++ .../sidedrawer/sidedrawer-examples.routing.ts | 18 ++++++++++ 7 files changed, 74 insertions(+), 26 deletions(-) create mode 100644 sdkAngular/app/sidedrawer/sidedrawer-examples.module.ts create mode 100644 sdkAngular/app/sidedrawer/sidedrawer-examples.routing.ts diff --git a/sdkAngular/app/app.module.ts b/sdkAngular/app/app.module.ts index e2363748..b58a27a2 100644 --- a/sdkAngular/app/app.module.ts +++ b/sdkAngular/app/app.module.ts @@ -1,8 +1,15 @@ import { NativeScriptModule } from "nativescript-angular/nativescript.module"; // >> using-global-directives -// --- The built-in 'nativescript-telerik-ui-pro' modules -import { NativeScriptUISideDrawerModule } from "nativescript-telerik-ui-pro/sidedrawer/angular"; +// --- The built-in 'nativescript-telerik-ui-pro' modules, if you are not using 'lazy' loading, uncomment and import the below modules into the 'imports' of the first ngModule (AppModule) of the app. +// import { NativeScriptUISideDrawerModule } from "nativescript-telerik-ui-pro/sidedrawer/angular"; +// import { NativeScriptUIListViewModule } from "nativescript-telerik-ui-pro/listview/angular"; +// import { NativeScriptUICalendarModule } from "nativescript-telerik-ui-pro/calendar/angular"; +// import { NativeScriptUIChartModule } from "nativescript-telerik-ui-pro/chart/angular"; +// import { NativeScriptUIDataFormModule } from "nativescript-telerik-ui-pro/dataform/angular"; +// import { NativeScriptUIAutoCompleteTextViewModule } from "nativescript-telerik-ui-pro/autocomplete/angular"; +// import { NativeScriptUIGaugesModule } from "nativescript-telerik-ui-pro/gauges/angular"; + import { NativeScriptUIListViewModule } from "nativescript-telerik-ui-pro/listview/angular"; // Not required imports, these are used by the nativescript-samples-angular SDK examples - https://github.com/telerik/nativescript-ui-samples-angular @@ -12,7 +19,7 @@ import { NgModule, NO_ERRORS_SCHEMA, NgModuleFactoryLoader } from "@angular/core import { CommonModule } from "@angular/common"; import { AppComponent } from "./navigation/app.component"; -import { routing, EXAMPLES_COMPONENTS } from "./app.routing"; +import { routing } from "./app.routing"; import { OptionsService } from "./navigation/options/options.service"; import { ExampleItemService } from "./navigation/exampleItemService.service"; import { ExamplesListDepthComponents } from "./navigation/examples-list/examples-list.component"; @@ -40,7 +47,6 @@ if (applicationModule.android) { AppComponent, ExamplesListDepthComponents, OptionsComponent, - EXAMPLES_COMPONENTS, ], imports: [ NativeScriptModule, @@ -48,7 +54,6 @@ if (applicationModule.android) { CommonDirectivesModule, TNSFrescoModule, NativeScriptUIListViewModule, - NativeScriptUISideDrawerModule, NativeScriptFormsModule, NativeScriptRouterModule, routing diff --git a/sdkAngular/app/app.routing.ts b/sdkAngular/app/app.routing.ts index e9e6dffb..e81bd1fb 100644 --- a/sdkAngular/app/app.routing.ts +++ b/sdkAngular/app/app.routing.ts @@ -4,16 +4,8 @@ import { NativeScriptRouterModule } from "nativescript-angular/router"; import { ExamplesListDepth1Component, ExamplesListDepth2Component, ExamplesListDepth3Component } from "./navigation/examples-list/examples-list.component"; import { OptionsComponent } from "./navigation/options/options.component"; -import { SideDrawerGettingStartedComponent } from "./sidedrawer/getting-started/getting-started.component"; -import { SideDrawerOverNavigationComponent } from "./sidedrawer/over-navigation/over-navigation.component"; -import { SecondSideDrawerOverNavigationComponent } from "./sidedrawer/over-navigation/second-page/second-over-navigation.component"; -import { SideDrawerEventsComponent } from "./sidedrawer/events/events.component"; -import { SideDrawerPositionComponent } from "./sidedrawer/position/position.component"; -import { SideDrawerTransitionsComponent } from "./sidedrawer/transitions/transitions.component"; - var excludedComponents = []; -export const EXAMPLES_COMPONENTS = [SideDrawerGettingStartedComponent, SideDrawerOverNavigationComponent, SecondSideDrawerOverNavigationComponent, SideDrawerEventsComponent, SideDrawerPositionComponent, SideDrawerTransitionsComponent]; let APP_ROUTES: Routes = [ { path: "", redirectTo: "examples-depth-1/root/root", pathMatch: 'full' }, { path: "examples-depth-1/:parentTitle/:tappedTitle", component: ExamplesListDepth1Component }, @@ -141,42 +133,42 @@ let APP_ROUTES: Routes = [ }, { path: "SideDrawerGettingStartedComponent", - component: SideDrawerGettingStartedComponent, + loadChildren: './sidedrawer/sidedrawer-examples.module#SideDrawerExamplesModule', data: { "title": "Getting Started" } }, { path: "SideDrawerOverNavigationComponent", - component: SideDrawerOverNavigationComponent, + loadChildren: './sidedrawer/sidedrawer-examples.module#SideDrawerExamplesModule', data: { "title": "Over Navigation" } }, { path: "SecondSideDrawerOverNavigationComponent", - component: SecondSideDrawerOverNavigationComponent, + loadChildren: './sidedrawer/sidedrawer-examples.module#SideDrawerExamplesModule', data: { "title": "Over Navigation Second" } }, { path: "SideDrawerEventsComponent", - component: SideDrawerEventsComponent, + loadChildren: './sidedrawer/sidedrawer-examples.module#SideDrawerExamplesModule', data: { "title": "Events" } }, { path: "SideDrawerPositionComponent", - component: SideDrawerPositionComponent, + loadChildren: './sidedrawer/sidedrawer-examples.module#SideDrawerExamplesModule', data: { "title": "Position" } }, { path: "SideDrawerTransitionsComponent", - component: SideDrawerTransitionsComponent, + loadChildren: './sidedrawer/sidedrawer-examples.module#SideDrawerExamplesModule', data: { "title": "Transitions" } diff --git a/sdkAngular/app/navigation/exampleItemService.service.ts b/sdkAngular/app/navigation/exampleItemService.service.ts index 3d6c0f6d..070338c3 100644 --- a/sdkAngular/app/navigation/exampleItemService.service.ts +++ b/sdkAngular/app/navigation/exampleItemService.service.ts @@ -1,7 +1,6 @@ import { Injectable } from '@angular/core'; import { EXAMPLEITEMS } from "./mock-exampleItems"; import { ExampleItem } from "./exampleItem"; -import { EXAMPLES_COMPONENTS } from "../app.routes"; @Injectable() export class ExampleItemService { diff --git a/sdkAngular/app/navigation/mock-exampleItems.ts b/sdkAngular/app/navigation/mock-exampleItems.ts index 44e38ee9..bf9cafc0 100644 --- a/sdkAngular/app/navigation/mock-exampleItems.ts +++ b/sdkAngular/app/navigation/mock-exampleItems.ts @@ -367,27 +367,27 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Getting Started", - "path": "SideDrawerGettingStartedComponent/", + "path": "SideDrawerGettingStartedComponent/SideDrawerGettingStartedComponent", "subItems": [] }, { "title": "Position", - "path": "SideDrawerPositionComponent/", + "path": "SideDrawerPositionComponent/SideDrawerPositionComponent", "subItems": [] }, { "title": "Transitions", - "path": "SideDrawerTransitionsComponent/", + "path": "SideDrawerTransitionsComponent/SideDrawerTransitionsComponent", "subItems": [] }, { "title": "Events", - "path": "SideDrawerEventsComponent/", + "path": "SideDrawerEventsComponent/SideDrawerEventsComponent", "subItems": [] }, { "title": "Drawer Over Navigation", - "path": "SideDrawerOverNavigationComponent/", + "path": "SideDrawerOverNavigationComponent/SideDrawerOverNavigationComponent", "subItems": [] } ] diff --git a/sdkAngular/app/sidedrawer/over-navigation/over-navigation.component.ts b/sdkAngular/app/sidedrawer/over-navigation/over-navigation.component.ts index 9438b91f..9b2022f4 100644 --- a/sdkAngular/app/sidedrawer/over-navigation/over-navigation.component.ts +++ b/sdkAngular/app/sidedrawer/over-navigation/over-navigation.component.ts @@ -44,6 +44,6 @@ export class SideDrawerOverNavigationComponent implements AfterViewInit, OnInit } public goToSecondPage() { - this._router.navigateByUrl("SecondSideDrawerOverNavigationComponent"); + this._router.navigateByUrl("SecondSideDrawerOverNavigationComponent/SecondSideDrawerOverNavigationComponent"); } } diff --git a/sdkAngular/app/sidedrawer/sidedrawer-examples.module.ts b/sdkAngular/app/sidedrawer/sidedrawer-examples.module.ts new file mode 100644 index 00000000..f4355202 --- /dev/null +++ b/sdkAngular/app/sidedrawer/sidedrawer-examples.module.ts @@ -0,0 +1,34 @@ +import { NgModule } from '@angular/core'; +import { NativeScriptModule } from "nativescript-angular/nativescript.module"; + +import { NativeScriptRouterModule } from "nativescript-angular/router"; +import { NativeScriptUISideDrawerModule } from "nativescript-telerik-ui-pro/sidedrawer/angular"; + +import { SideDrawerEventsComponent } from './events/events.component'; +import { SideDrawerGettingStartedComponent } from './getting-started/getting-started.component'; +import { SideDrawerOverNavigationComponent } from './over-navigation/over-navigation.component'; +import { SecondSideDrawerOverNavigationComponent } from './over-navigation/second-page/second-over-navigation.component'; +import { SideDrawerPositionComponent } from './position/position.component'; +import { SideDrawerTransitionsComponent } from './transitions/transitions.component'; + +import { routes } from './sidedrawer-examples.routing'; +import { CommonDirectivesModule } from '../navigation/directives/common-directives.module'; + +@NgModule({ + imports: [ + NativeScriptModule, + CommonDirectivesModule, + NativeScriptUISideDrawerModule, + NativeScriptRouterModule, + NativeScriptRouterModule.forChild(routes) + ], + declarations: [ + SideDrawerEventsComponent, + SideDrawerGettingStartedComponent, + SideDrawerOverNavigationComponent, + SecondSideDrawerOverNavigationComponent, + SideDrawerPositionComponent, + SideDrawerTransitionsComponent + ] +}) +export class SideDrawerExamplesModule { } \ No newline at end of file diff --git a/sdkAngular/app/sidedrawer/sidedrawer-examples.routing.ts b/sdkAngular/app/sidedrawer/sidedrawer-examples.routing.ts new file mode 100644 index 00000000..4a56862d --- /dev/null +++ b/sdkAngular/app/sidedrawer/sidedrawer-examples.routing.ts @@ -0,0 +1,18 @@ +import { ModuleWithProviders } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; + +import { SideDrawerEventsComponent } from './events/events.component'; +import { SideDrawerGettingStartedComponent } from './getting-started/getting-started.component'; +import { SideDrawerOverNavigationComponent } from './over-navigation/over-navigation.component'; +import { SecondSideDrawerOverNavigationComponent } from './over-navigation/second-page/second-over-navigation.component'; +import { SideDrawerPositionComponent } from './position/position.component'; +import { SideDrawerTransitionsComponent } from './transitions/transitions.component'; + +export const routes: Routes = [ + { path: 'SideDrawerEventsComponent', component: SideDrawerEventsComponent }, + { path: 'SideDrawerGettingStartedComponent', component: SideDrawerGettingStartedComponent }, + { path: 'SideDrawerOverNavigationComponent', component: SideDrawerOverNavigationComponent }, + { path: 'SecondSideDrawerOverNavigationComponent', component: SecondSideDrawerOverNavigationComponent }, + { path: 'SideDrawerPositionComponent', component: SideDrawerPositionComponent }, + { path: 'SideDrawerTransitionsComponent', component: SideDrawerTransitionsComponent } +]; \ No newline at end of file From 800738971872b67e8080bf708ffa47480a61767c Mon Sep 17 00:00:00 2001 From: Vladimir Amiorkov Date: Tue, 5 Sep 2017 11:51:39 +0300 Subject: [PATCH 13/13] Fixed AoT error in new modules --- sdkAngular/app/autocomplete/autocomplete-examples.module.ts | 3 ++- sdkAngular/app/calendar/calendar-examples.module.ts | 3 ++- sdkAngular/app/chart/chart-examples.module.ts | 3 ++- sdkAngular/app/dataform/dataform-examples.module.ts | 3 ++- sdkAngular/app/gauges/gauges-examples.module.ts | 3 ++- sdkAngular/app/listview/listview-examples.module.ts | 3 ++- sdkAngular/app/sidedrawer/sidedrawer-examples.module.ts | 3 ++- 7 files changed, 14 insertions(+), 7 deletions(-) diff --git a/sdkAngular/app/autocomplete/autocomplete-examples.module.ts b/sdkAngular/app/autocomplete/autocomplete-examples.module.ts index c5c67086..66aa7902 100644 --- a/sdkAngular/app/autocomplete/autocomplete-examples.module.ts +++ b/sdkAngular/app/autocomplete/autocomplete-examples.module.ts @@ -1,4 +1,4 @@ -import { NgModule } from '@angular/core'; +import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import { NativeScriptModule } from "nativescript-angular/nativescript.module"; import { NativeScriptRouterModule } from "nativescript-angular/router"; @@ -24,6 +24,7 @@ import { routes } from './autocomplete-examples.routing'; import { CommonDirectivesModule } from '../navigation/directives/common-directives.module'; @NgModule({ + schemas: [NO_ERRORS_SCHEMA], imports: [ NativeScriptModule, CommonDirectivesModule, diff --git a/sdkAngular/app/calendar/calendar-examples.module.ts b/sdkAngular/app/calendar/calendar-examples.module.ts index dc71433b..aabdc8c0 100644 --- a/sdkAngular/app/calendar/calendar-examples.module.ts +++ b/sdkAngular/app/calendar/calendar-examples.module.ts @@ -1,4 +1,4 @@ -import { NgModule } from '@angular/core'; +import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import { NativeScriptModule } from "nativescript-angular/nativescript.module"; import { NativeScriptRouterModule } from "nativescript-angular/router"; @@ -17,6 +17,7 @@ import { routes } from './calendar-examples.routing'; import { CommonDirectivesModule } from '../navigation/directives/common-directives.module'; @NgModule({ + schemas: [NO_ERRORS_SCHEMA], imports: [ NativeScriptModule, CommonDirectivesModule, diff --git a/sdkAngular/app/chart/chart-examples.module.ts b/sdkAngular/app/chart/chart-examples.module.ts index 719a3471..0ce8d237 100644 --- a/sdkAngular/app/chart/chart-examples.module.ts +++ b/sdkAngular/app/chart/chart-examples.module.ts @@ -1,4 +1,4 @@ -import { NgModule } from '@angular/core'; +import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import { NativeScriptModule } from "nativescript-angular/nativescript.module"; import { NativeScriptRouterModule } from "nativescript-angular/router"; @@ -41,6 +41,7 @@ import { routes } from './chart-examples.routing'; import { CommonDirectivesModule } from '../navigation/directives/common-directives.module'; @NgModule({ + schemas: [NO_ERRORS_SCHEMA], imports: [ NativeScriptModule, CommonDirectivesModule, diff --git a/sdkAngular/app/dataform/dataform-examples.module.ts b/sdkAngular/app/dataform/dataform-examples.module.ts index 132bd5f6..6d4801c9 100644 --- a/sdkAngular/app/dataform/dataform-examples.module.ts +++ b/sdkAngular/app/dataform/dataform-examples.module.ts @@ -1,4 +1,4 @@ -import { NgModule } from '@angular/core'; +import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import { NativeScriptModule } from "nativescript-angular/nativescript.module"; import { NativeScriptRouterModule } from "nativescript-angular/router"; @@ -40,6 +40,7 @@ import { routes } from './dataform-examples.routing'; import { CommonDirectivesModule } from '../navigation/directives/common-directives.module'; @NgModule({ + schemas: [NO_ERRORS_SCHEMA], imports: [ NativeScriptModule, CommonDirectivesModule, diff --git a/sdkAngular/app/gauges/gauges-examples.module.ts b/sdkAngular/app/gauges/gauges-examples.module.ts index 49101e21..9f3262cf 100644 --- a/sdkAngular/app/gauges/gauges-examples.module.ts +++ b/sdkAngular/app/gauges/gauges-examples.module.ts @@ -1,4 +1,4 @@ -import { NgModule } from '@angular/core'; +import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import { NativeScriptModule } from "nativescript-angular/nativescript.module"; import { NativeScriptRouterModule } from "nativescript-angular/router"; @@ -13,6 +13,7 @@ import { routes } from './gauges-examples.routing'; import { CommonDirectivesModule } from '../navigation/directives/common-directives.module'; @NgModule({ + schemas: [NO_ERRORS_SCHEMA], imports: [ NativeScriptModule, CommonDirectivesModule, diff --git a/sdkAngular/app/listview/listview-examples.module.ts b/sdkAngular/app/listview/listview-examples.module.ts index c365610a..ec90281f 100644 --- a/sdkAngular/app/listview/listview-examples.module.ts +++ b/sdkAngular/app/listview/listview-examples.module.ts @@ -1,4 +1,4 @@ -import { NgModule } from '@angular/core'; +import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import { NativeScriptModule } from "nativescript-angular/nativescript.module"; import { NativeScriptRouterModule } from "nativescript-angular/router"; @@ -35,6 +35,7 @@ import { routes } from './listview-examples.routing'; import { CommonDirectivesModule } from '../navigation/directives/common-directives.module'; @NgModule({ + schemas: [NO_ERRORS_SCHEMA], imports: [ NativeScriptModule, CommonDirectivesModule, diff --git a/sdkAngular/app/sidedrawer/sidedrawer-examples.module.ts b/sdkAngular/app/sidedrawer/sidedrawer-examples.module.ts index f4355202..93fb63b1 100644 --- a/sdkAngular/app/sidedrawer/sidedrawer-examples.module.ts +++ b/sdkAngular/app/sidedrawer/sidedrawer-examples.module.ts @@ -1,4 +1,4 @@ -import { NgModule } from '@angular/core'; +import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import { NativeScriptModule } from "nativescript-angular/nativescript.module"; import { NativeScriptRouterModule } from "nativescript-angular/router"; @@ -15,6 +15,7 @@ import { routes } from './sidedrawer-examples.routing'; import { CommonDirectivesModule } from '../navigation/directives/common-directives.module'; @NgModule({ + schemas: [NO_ERRORS_SCHEMA], imports: [ NativeScriptModule, CommonDirectivesModule,