diff --git a/sdkAngular/app/app.module.ts b/sdkAngular/app/app.module.ts index b72cc66d..b58a27a2 100644 --- a/sdkAngular/app/app.module.ts +++ b/sdkAngular/app/app.module.ts @@ -1,28 +1,31 @@ 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"; -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 } 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,26 +44,19 @@ if (applicationModule.android) { AppComponent ], declarations: [ - COMMON_DIRECTIVES, AppComponent, ExamplesListDepthComponents, OptionsComponent, - EXAMPLES_COMPONENTS, ], imports: [ NativeScriptModule, CommonModule, + CommonDirectivesModule, TNSFrescoModule, NativeScriptUIListViewModule, - NativeScriptUISideDrawerModule, - NativeScriptUICalendarModule, - NativeScriptUIChartModule, - NativeScriptUIDataFormModule, - NativeScriptUIAutoCompleteTextViewModule, - NativeScriptUIGaugesModule, NativeScriptFormsModule, NativeScriptRouterModule, - NativeScriptRouterModule.forRoot(APP_ROUTES) + routing ], exports: [ NativeScriptModule, @@ -68,7 +64,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.routes.ts deleted file mode 100644 index 8e145082..00000000 --- a/sdkAngular/app/app.routes.ts +++ /dev/null @@ -1,1000 +0,0 @@ -import { Routes } from '@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"; -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"; -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"; -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 { 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"; -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 = [ - { 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 }, - { path: "examples-depth-3/:parentTitle/:tappedTitle", component: ExamplesListDepth3Component }, - { path: "options", component: OptionsComponent }, - { - path: "ListviewMultipleTemplatesComponent", - component: ListviewMultipleTemplatesComponent, - data: { - "title": "Multiple Item Templates" - } - }, - { - path: "ListViewGettingStartedComponent", - component: ListViewGettingStartedComponent, - data: { - "title": "Getting Started" - } - }, - { - path: "ListViewHeaderFooterComponent", - component: ListViewHeaderFooterComponent, - data: { - "title": "Header and Footer" - } - }, - { - path: "ListViewItemReorderComponent", - component: ListViewItemReorderComponent, - data: { - "title": "Item Reorder" - } - }, - { - path: "ListViewItemSelectionComponent", - component: ListViewItemSelectionComponent, - data: { - "title": "Single Selection" - } - }, - { - path: "ListviewSelectionStatesComponent", - component: ListviewSelectionStatesComponent, - data: { - "title": "Selection states" - } - }, - { - path: "ListViewLoadOnDemandComponent", - component: ListViewLoadOnDemandComponent, - data: { - "title": "Load on Demand" - } - }, - { - path: "ListViewPullToRefreshComponent", - component: ListViewPullToRefreshComponent, - data: { - "title": "Pull to Refresh" - } - }, - { - path: "ListViewItemLayoutsGridComponent", - component: ListViewItemLayoutsGridComponent, - data: { - "title": "Grid" - } - }, - { - path: "ListviewItemLayoutsLinearComponent", - component: ListviewItemLayoutsLinearComponent, - data: { - "title": "Linear" - } - }, - { - path: "ListviewItemLoadingComponent", - component: ListviewItemLoadingComponent, - data: { - "title": "Item Loading" - } - }, - { - path: "ListviewItemLayoutsStaggeredComponent", - component: ListviewItemLayoutsStaggeredComponent, - data: { - "title": "Staggered" - } - }, - { - path: "ListviewItemLayoutsRuntimeComponent", - component: ListviewItemLayoutsRuntimeComponent, - data: { - "title": "Change at runtime" - } - }, - { - path: "ListviewItemReorderHandleComponent", - component: ListviewItemReorderHandleComponent, - data: { - "title": "Item Reorder with handle" - } - }, - { - path: "ListviewItemSelectionMultipleComponent", - component: ListviewItemSelectionMultipleComponent, - data: { - "title": "Multiple Selection" - } - }, - { - path: "ListviewItemSelectionProgrammaticComponent", - component: ListviewItemSelectionProgrammaticComponent, - data: { - "title": "Programmatic Selection" - } - }, - { - path: "ListviewItemSeparatorComponent", - component: ListviewItemSeparatorComponent, - data: { - "title": "Item separators" - } - }, - { - path: "SideDrawerGettingStartedComponent", - component: SideDrawerGettingStartedComponent, - data: { - "title": "Getting Started" - } - }, - { - path: "SideDrawerOverNavigationComponent", - component: SideDrawerOverNavigationComponent, - data: { - "title": "Over Navigation" - } - }, - { - path: "SecondSideDrawerOverNavigationComponent", - component: SecondSideDrawerOverNavigationComponent, - data: { - "title": "Over Navigation Second" - } - }, - { - path: "SideDrawerEventsComponent", - component: SideDrawerEventsComponent, - data: { - "title": "Events" - } - }, - { - path: "SideDrawerPositionComponent", - component: SideDrawerPositionComponent, - data: { - "title": "Position" - } - }, - { - path: "SideDrawerTransitionsComponent", - component: SideDrawerTransitionsComponent, - data: { - "title": "Transitions" - } - }, - { - path: "CalendarGettingStartedComponent", - component: CalendarGettingStartedComponent, - data: { - "title": "Getting Started" - } - }, - { - path: "CalendarLocalizationComponent", - component: CalendarLocalizationComponent, - data: { - "title": "Localization" - } - }, - { - path: "CalendarPopulatingWithDataComponent", - component: CalendarPopulatingWithDataComponent, - data: { - "title": "Populating with data" - } - }, - { - path: "CalendarProgrammaticControlComponent", - component: CalendarProgrammaticControlComponent, - data: { - "title": "Programmatic control" - } - }, - { - path: "CalendarViewModesComponent", - component: CalendarViewModesComponent, - data: { - "title": "View modes" - } - }, - { - path: "CalendarSelectionModesComponent", - component: CalendarSelectionModesComponent, - data: { - "title": "Selection modes" - } - }, - { - path: "CalendarCellStylingComponent", - component: CalendarCellStylingComponent, - data: { - "title": "Cell styling" - } - }, - { - path: "CalendarEventsViewModesComponent", - component: CalendarEventsViewModesComponent, - data: { - "title": "Events view modes" - } - }, - { - path: "CalendarTransitionModesComponent", - component: CalendarTransitionModesComponent, - data: { - "title": "Transition modes" - } - }, - { - path: "ChartSeriesAreaComponent", - component: ChartSeriesAreaComponent, - data: { - "title": "Area Series" - } - }, - { - path: "ChartSeriesStackedAreaComponent", - component: ChartSeriesStackedAreaComponent, - data: { - "title": "Stacked Area Series" - } - }, - { - path: "ChartSeriesBarComponent", - component: ChartSeriesBarComponent, - data: { - "title": "Bar series" - } - }, - { - path: "ChartSeriesRangeBarComponent", - component: ChartSeriesRangeBarComponent, - data: { - "title": "Range Bar series" - } - }, - { - path: "ChartSeriesStackedBarComponent", - component: ChartSeriesStackedBarComponent, - data: { - "title": "Stacked Bar series" - } - }, - { - path: "ChartSeriesBubbleComponent", - component: ChartSeriesBubbleComponent, - data: { - "title": "Bubble series" - } - }, - { - path: "ChartSeriesScatterBubbleComponent", - component: ChartSeriesScatterBubbleComponent, - data: { - "title": "Scatter Bubble series" - } - }, - { - path: "ChartSeriesCandlestickComponent", - component: ChartSeriesCandlestickComponent, - data: { - "title": "Candlestick series" - } - }, - { - path: "ChartSeriesOhlcComponent", - component: ChartSeriesOhlcComponent, - data: { - "title": "Ohlc series" - } - }, - { - path: "ChartSeriesLineComponent", - component: ChartSeriesLineComponent, - data: { - "title": "Line series" - } - }, - { - path: "ChartSeriesPieComponent", - component: ChartSeriesPieComponent, - data: { - "title": "Pie series" - } - }, - { - path: "ChartSeriesScatterComponent", - component: ChartSeriesScatterComponent, - data: { - "title": "Scatter series" - } - }, - { - path: "ChartSeriesSplineComponent", - component: ChartSeriesSplineComponent, - data: { - "title": "Spline series" - } - }, - { - path: "ChartSeriesSplineAreaComponent", - component: ChartSeriesSplineAreaComponent, - data: { - "title": "Spline Area series" - } - }, - { - path: "ChartAnnotationsGridLineComponent", - component: ChartAnnotationsGridLineComponent, - data: { - "title": "Grid line" - } - }, - { - path: "ChartAnnotationsPlotBandComponent", - component: ChartAnnotationsPlotBandComponent, - data: { - "title": "Plot band" - } - }, - { - path: "ChartBehaviorsDatapointSelectionComponent", - component: ChartBehaviorsDatapointSelectionComponent, - data: { - "title": "Datapoint selection" - } - }, - { - path: "ChartBehaviorsPanZoomComponent", - component: ChartBehaviorsPanZoomComponent, - data: { - "title": "Pan & Zoom" - } - }, - { - path: "ChartBehaviorsChartPieSelectionComponent", - component: ChartBehaviorsChartPieSelectionComponent, - data: { - "title": "Pie selection" - } - }, - { - path: "ChartBehaviorsSeriesSelectionComponent", - component: ChartBehaviorsSeriesSelectionComponent, - data: { - "title": "Series selection" - } - }, - { - path: "ChartBehaviorsTrackballComponent", - component: ChartBehaviorsTrackballComponent, - data: { - "title": "Trackball" - } - }, - { - path: "ChartLegendComponent", - component: ChartLegendComponent, - data: { - "title": "Legend" - } - }, - { - path: "ChartAxesCustomizationComponent", - component: ChartAxesCustomizationComponent, - data: { - "title": "Customization" - } - }, - { - path: "ChartAxesDateTimeComponent", - component: ChartAxesDateTimeComponent, - data: { - "title": "Date time axis" - } - }, - { - path: "ChartAxesMultipleComponent", - component: ChartAxesMultipleComponent, - data: { - "title": "Multiple axes" - } - }, - { - path: "ChartAxesNegativeValuesComponent", - component: ChartAxesNegativeValuesComponent, - data: { - "title": "Negative values" - } - }, - { - path: "ChartStylingAxesComponent", - component: ChartStylingAxesComponent, - data: { - "title": "Styling axes" - } - }, - { - path: "ChartStylingGridComponent", - component: ChartStylingGridComponent, - data: { - "title": "Styling grid" - } - }, - { - path: "ChartStylingLabelComponent", - component: ChartStylingLabelComponent, - data: { - "title": "Styling labels" - } - }, - { - path: "ChartStylingSelectionComponent", - component: ChartStylingSelectionComponent, - data: { - "title": "Styling series selection" - } - }, - { - path: "ChartStylingSeriesComponent", - component: ChartStylingSeriesComponent, - data: { - "title": "Styling series" - } - }, - { - path: "ListviewScrollToIndexVerticalComponent", - component: ListviewScrollToIndexVerticalComponent, - data: { - "title": "In vertical direction" - } - }, - { - path: "ListviewScrollToIndexHorizontalComponent", - component: ListviewScrollToIndexHorizontalComponent, - data: { - "title": "In horizontal direction" - } - }, - { - path: "ListViewScrollEventsComponent", - component: ListViewScrollEventsComponent, - data: { - "title": "Scroll Events" - } - }, - { - path: "DataFormAdjustmentComponent", - component: DataFormAdjustmentComponent, - data: { - "title": "Properties" - } - }, - { - path: "DataFormCommitModesComponent", - component: DataFormCommitModesComponent, - data: { - "title": "Commit Modes" - } - }, - { - path: "DataFormEditorsComponent", - component: DataFormEditorsComponent, - data: { - "title": "Common" - } - }, - { - path: "DataFormLabelsComponent", - component: DataFormLabelsComponent, - data: { - "title": "Labels" - } - }, - { - path: "DataFormEventsComponent", - component: DataFormEventsComponent, - data: { - "title": "Events" - } - }, - { - path: "DataFormGettingStartedComponent", - component: DataFormGettingStartedComponent, - data: { - "title": "Getting started" - } - }, - { - path: "DataFormGroupsComponent", - component: DataFormGroupsComponent, - data: { - "title": "Groups" - } - }, - { - path: "DataFormPlatformSpecificsComponent", - component: DataFormPlatformSpecificsComponent, - data: { - "title": "Platform adjustments" - } - }, - { - path: "DataFormRuntimeUpdatesComponent", - component: DataFormRuntimeUpdatesComponent, - data: { - "title": "Runtime updates" - } - }, - { - path: "DataFormStylingComponent", - component: DataFormStylingComponent, - data: { - "title": "Styling" - } - }, - { - path: "DataFormValidationComponent", - component: DataFormValidationComponent, - data: { - "title": "Validators" - } - }, - { - path: "DataFormCustomValidationComponent", - component: DataFormCustomValidationComponent, - data: { - "title": "Custom Validation" - } - }, - { - path: "DataFormValidationModesComponent", - component: DataFormValidationModesComponent, - data: { - "title": "Validation Modes" - } - }, - { - path: "DataFormValidationEventsComponent", - component: DataFormValidationEventsComponent, - data: { - "title": "Validation Events" - } - }, - { - path: "DataFormValidationMetadataComponent", - component: DataFormValidationMetadataComponent, - data: { - "title": "Validators JSON" - } - }, - { - path: "DataFormAsyncValidationComponent", - component: DataFormAsyncValidationComponent, - data: { - "title": "Async Validation" - } - }, - { - path: "DataFormCustomValidatorComponent", - component: DataFormCustomValidatorComponent, - data: { - "title": "Custom Validator" - } - }, - { - path: "DataFormValueProvidersComponent", - component: DataFormValueProvidersComponent, - data: { - "title": "Value Providers" - } - }, - { - path: "DataFormScrollingComponent", - component: DataFormScrollingComponent, - data: { - "title": "Scrollable Form" - } - }, - { - path: "ListviewObservableArrayComponent", - component: ListviewObservableArrayComponent, - data: { - "title": "Observable Array" - } - }, - { - path: "ListViewItemAnimationsComponent", - component: ListViewItemAnimationsComponent, - data: { - "title": "Item Animations" - } - }, - { - path: "ChartStylingPieSeriesComponent", - component: ChartStylingPieSeriesComponent, - data: { - "title": "Styling Pie Chart series" - } - }, - { - path: "DataformGridLayoutComponent", - component: DataformGridLayoutComponent, - data: { - "title": "Grid" - } - }, - { - path: "DataformStackLayoutComponent", - component: DataformStackLayoutComponent, - data: { - "title": "Stack" - } - }, - { - path: "DataformGettingStartedJsonComponent", - component: DataformGettingStartedJsonComponent, - data: { - "title": "Getting started JSON" - } - }, - { - path: "DataformImageLabelsComponent", - component: DataformImageLabelsComponent, - data: { - "title": "Image Labels" - } - }, - { - path: "DataformPropertiesJsonComponent", - component: DataformPropertiesJsonComponent, - data: { - "title": "Properties JSON" - } - }, - { - path: "DataformStylingAdvancedComponent", - component: DataformStylingAdvancedComponent, - data: { - "title": "Styling Advanced" - } - }, - { - path: "DataFormEditorBackgroundComponent", - component: DataFormEditorBackgroundComponent, - data: { - "title": "Editor Background" - } - }, - { - path: "DataformCheckErrorsComponent", - component: DataformCheckErrorsComponent, - data: { - "title": "Check Validation State" - } - }, - { - path: "DataFormaAutoCompleteComponent", - component: DataFormaAutoCompleteComponent, - data: { - "title": "AutoComplete" - } - }, - { - path: "ListViewSwipeActionsComponent", - component: ListViewSwipeActionsComponent, - data: { - "title": "Getting Started" - } - }, - { - path: "ListViewSwipeActionsMultipleComponent", - component: ListViewSwipeActionsMultipleComponent, - data: { - "title": "Multiple actions" - } - }, - { - path: "ListViewSwipeActionsThresholdsComponent", - component: ListViewSwipeActionsThresholdsComponent, - data: { - "title": "Animated thresholds" - } - }, - { - path: "AutocompleteGettingStartedComponent", - component: AutoCompleteGettingStartedComponent, - data: { - "title": "Getting started" - } - }, - { - path: "AutoCompleteLayoutsRuntimeComponent", - component: AutoCompleteLayoutsRuntimeComponent, - data: { - "title": "Switch at runtime" - } - }, - { - path: "AutoCompleteRemoteComponent", - component: AutoCompleteRemoteComponent, - data: { - "title": "Async Data Fetch" - } - }, - { - path: "AutoCompleteCustomizationComponent", - component: AutoCompleteCustomizationComponent, - data: { - "title": "Customization" - } - }, - { - path: "AutoCompleteEventsComponent", - component: AutoCompleteEventsComponent, - data: { - "title": "Events" - } - }, - { - path: "AutoCompleteContainsModeComponent", - component: AutoCompleteContainsModeComponent, - data: { - "title": "Contains" - } - }, - { - path: "AutoCompleteStartsWithModeComponent", - component: AutoCompleteStartsWithModeComponent, - data: { - "title": "Starts with" - } - }, - { - path: "AutoCompleteTokensModeComponent", - component: AutoCompleteTokensModeComponent, - data: { - "title": "Tokens" - } - }, - { - path: "AutoCompletePlainModeComponent", - component: AutoCompletePlainModeComponent, - data: { - "title": "Plain" - } - }, - { - path: "AutoCompleteLayoutsWrapComponent", - component: AutoCompleteLayoutsWrapComponent, - data: { - "title": "Wrap" - } - }, - { - path: "AutoCompleteLayoutsHorizontalComponent", - component: AutoCompleteLayoutsHorizontalComponent, - data: { - "title": "Horizontal" - } - }, - { - path: "AutocompleteSuggestModeComponent", - component: AutocompleteSuggestModeComponent, - data: { - "title": "Suggest" - } - }, - { - path: "AutoCompleteAppendModeComponent", - component: AutoCompleteAppendModeComponent, - data: { - "title": "Append" - } - }, - { - path: "AutoCompleteSuggestAppendModeComponent", - component: AutoCompleteSuggestAppendModeComponent, - data: { - "title": "Suggest & Append" - } - }, - { - path: "ListViewSwipeDisableComponent", - component: ListViewSwipeDisableComponent, - data: { - "title": "Disable\\Enable" - } - }, - { - path: "GaugesGettingStartedComponent", - component: GaugesGettingStartedComponent, - data: { - "title": "Getting Started" - } - }, - { - path: "GaugesAnimationsComponent", - component: GaugesAnimationsComponent, - data: { - "title": "Animations" - } - }, - { - path: "GaugesCustomizationComponent", - component: GaugesCustomizationComponent, - data: { - "title": "Customization" - } - }, - { - path: "GaugesScalesComponent", - component: GaugesScalesComponent, - data: { - "title": "Scales" - } - }, - { - path: "AutoCompleteReadOnlyComponent", - component: AutoCompleteReadOnlyComponent, - data: { - "title": "Read Only" - } - }, - { - path: "DataformReadOnlyComponent", - component: DataformReadOnlyComponent, - data: { - "title": "Read Only" - } - }, - { - path: "DataformEditorStyleComponent", - component: DataformEditorStyleComponent, - data: { - "title": "At runtime" - } - }, - { - path: "DataformCustomEditorsComponent", - component: DataformCustomEditorsComponent, - data: { - "title": "Custom Editors" - } - } -]; \ No newline at end of file diff --git a/sdkAngular/app/app.routing.ts b/sdkAngular/app/app.routing.ts new file mode 100644 index 00000000..e81bd1fb --- /dev/null +++ b/sdkAngular/app/app.routing.ts @@ -0,0 +1,878 @@ +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"; + +var excludedComponents = []; + +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 }, + { path: "examples-depth-3/:parentTitle/:tappedTitle", component: ExamplesListDepth3Component }, + { path: "options", component: OptionsComponent }, + { + path: "ListViewMultipleTemplatesComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Multiple Item Templates" + } + }, + { + path: "ListViewGettingStartedComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Getting Started" + } + }, + { + path: "ListViewHeaderFooterComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Header and Footer" + } + }, + { + path: "ListViewItemReorderComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Item Reorder" + } + }, + { + path: "ListViewItemSelectionComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Single Selection" + } + }, + { + path: "ListViewSelectionStatesComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Selection states" + } + }, + { + path: "ListViewLoadOnDemandComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Load on Demand" + } + }, + { + path: "ListViewPullToRefreshComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Pull to Refresh" + } + }, + { + path: "ListViewItemLayoutsGridComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Grid" + } + }, + { + path: "ListViewItemLayoutsLinearComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Linear" + } + }, + { + path: "ListViewItemLoadingComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Item Loading" + } + }, + { + path: "ListViewItemLayoutsStaggeredComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Staggered" + } + }, + { + path: "ListViewItemLayoutsRuntimeComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Change at runtime" + } + }, + { + path: "ListViewItemReorderHandleComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Item Reorder with handle" + } + }, + { + path: "ListViewItemSelectionMultipleComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Multiple Selection" + } + }, + { + path: "ListViewItemSelectionProgrammaticComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Programmatic Selection" + } + }, + { + path: "ListViewItemSeparatorComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Item separators" + } + }, + { + path: "SideDrawerGettingStartedComponent", + loadChildren: './sidedrawer/sidedrawer-examples.module#SideDrawerExamplesModule', + data: { + "title": "Getting Started" + } + }, + { + path: "SideDrawerOverNavigationComponent", + loadChildren: './sidedrawer/sidedrawer-examples.module#SideDrawerExamplesModule', + data: { + "title": "Over Navigation" + } + }, + { + path: "SecondSideDrawerOverNavigationComponent", + loadChildren: './sidedrawer/sidedrawer-examples.module#SideDrawerExamplesModule', + data: { + "title": "Over Navigation Second" + } + }, + { + path: "SideDrawerEventsComponent", + loadChildren: './sidedrawer/sidedrawer-examples.module#SideDrawerExamplesModule', + data: { + "title": "Events" + } + }, + { + path: "SideDrawerPositionComponent", + loadChildren: './sidedrawer/sidedrawer-examples.module#SideDrawerExamplesModule', + data: { + "title": "Position" + } + }, + { + path: "SideDrawerTransitionsComponent", + loadChildren: './sidedrawer/sidedrawer-examples.module#SideDrawerExamplesModule', + data: { + "title": "Transitions" + } + }, + { + path: "CalendarGettingStartedComponent", + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', + data: { + "title": "Getting Started" + } + }, + { + path: "CalendarLocalizationComponent", + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', + data: { + "title": "Localization" + } + }, + { + path: "CalendarPopulatingWithDataComponent", + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', + data: { + "title": "Populating with data" + } + }, + { + path: "CalendarProgrammaticControlComponent", + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', + data: { + "title": "Programmatic control" + } + }, + { + path: "CalendarViewModesComponent", + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', + data: { + "title": "View modes" + } + }, + { + path: "CalendarSelectionModesComponent", + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', + data: { + "title": "Selection modes" + } + }, + { + path: "CalendarCellStylingComponent", + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', + data: { + "title": "Cell styling" + } + }, + { + path: "CalendarEventsViewModesComponent", + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', + data: { + "title": "Events view modes" + } + }, + { + path: "CalendarTransitionModesComponent", + loadChildren: './calendar/calendar-examples.module#CalendarExamplesModule', + data: { + "title": "Transition modes" + } + }, + { + path: "ChartSeriesAreaComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Area Series" + } + }, + { + path: "ChartSeriesStackedAreaComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Stacked Area Series" + } + }, + { + path: "ChartSeriesBarComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Bar series" + } + }, + { + path: "ChartSeriesRangeBarComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Range Bar series" + } + }, + { + path: "ChartSeriesStackedBarComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Stacked Bar series" + } + }, + { + path: "ChartSeriesBubbleComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Bubble series" + } + }, + { + path: "ChartSeriesScatterBubbleComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Scatter Bubble series" + } + }, + { + path: "ChartSeriesCandlestickComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Candlestick series" + } + }, + { + path: "ChartSeriesOhlcComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Ohlc series" + } + }, + { + path: "ChartSeriesLineComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Line series" + } + }, + { + path: "ChartSeriesPieComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Pie series" + } + }, + { + path: "ChartSeriesScatterComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Scatter series" + } + }, + { + path: "ChartSeriesSplineComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Spline series" + } + }, + { + path: "ChartSeriesSplineAreaComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Spline Area series" + } + }, + { + path: "ChartAnnotationsGridLineComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Grid line" + } + }, + { + path: "ChartAnnotationsPlotBandComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Plot band" + } + }, + { + path: "ChartBehaviorsDatapointSelectionComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Datapoint selection" + } + }, + { + path: "ChartBehaviorsPanZoomComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Pan & Zoom" + } + }, + { + path: "ChartBehaviorsChartPieSelectionComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Pie selection" + } + }, + { + path: "ChartBehaviorsSeriesSelectionComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Series selection" + } + }, + { + path: "ChartBehaviorsTrackballComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Trackball" + } + }, + { + path: "ChartLegendComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Legend" + } + }, + { + path: "ChartAxesCustomizationComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Customization" + } + }, + { + path: "ChartAxesDateTimeComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Date time axis" + } + }, + { + path: "ChartAxesMultipleComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Multiple axes" + } + }, + { + path: "ChartAxesNegativeValuesComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Negative values" + } + }, + { + path: "ChartStylingAxesComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Styling axes" + } + }, + { + path: "ChartStylingGridComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Styling grid" + } + }, + { + path: "ChartStylingLabelComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Styling labels" + } + }, + { + path: "ChartStylingSelectionComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Styling series selection" + } + }, + { + path: "ChartStylingSeriesComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Styling series" + } + }, + { + path: "ListViewScrollToIndexVerticalComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "In vertical direction" + } + }, + { + path: "ListViewScrollToIndexHorizontalComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "In horizontal direction" + } + }, + { + path: "ListViewScrollEventsComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Scroll Events" + } + }, + { + path: "DataFormAdjustmentComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Properties" + } + }, + { + path: "DataFormCommitModesComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Commit Modes" + } + }, + { + path: "DataFormEditorsComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Common" + } + }, + { + path: "DataFormLabelsComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Labels" + } + }, + { + path: "DataFormEventsComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Events" + } + }, + { + path: "DataFormGettingStartedComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Getting started" + } + }, + { + path: "DataFormGroupsComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Groups" + } + }, + { + path: "DataFormPlatformSpecificsComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Platform adjustments" + } + }, + { + path: "DataFormRuntimeUpdatesComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Runtime updates" + } + }, + { + path: "DataFormStylingComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Styling" + } + }, + { + path: "DataFormValidationComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Validators" + } + }, + { + path: "DataFormCustomValidationComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Custom Validation" + } + }, + { + path: "DataFormValidationModesComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Validation Modes" + } + }, + { + path: "DataFormValidationEventsComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Validation Events" + } + }, + { + path: "DataFormValidationMetadataComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Validators JSON" + } + }, + { + path: "DataFormAsyncValidationComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Async Validation" + } + }, + { + path: "DataFormCustomValidatorComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Custom Validator" + } + }, + { + path: "DataFormValueProvidersComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Value Providers" + } + }, + { + path: "DataFormScrollingComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Scrollable Form" + } + }, + { + path: "ListViewObservableArrayComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Observable Array" + } + }, + { + path: "ListViewItemAnimationsComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Item Animations" + } + }, + { + path: "ChartStylingPieSeriesComponent", + loadChildren: './chart/chart-examples.module#ChartExamplesModule', + data: { + "title": "Styling Pie Chart series" + } + }, + { + path: "DataformGridLayoutComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Grid" + } + }, + { + path: "DataformStackLayoutComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Stack" + } + }, + { + path: "DataformGettingStartedJsonComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Getting started JSON" + } + }, + { + path: "DataformImageLabelsComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Image Labels" + } + }, + { + path: "DataformPropertiesJsonComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Properties JSON" + } + }, + { + path: "DataformStylingAdvancedComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Styling Advanced" + } + }, + { + path: "DataFormEditorBackgroundComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Editor Background" + } + }, + { + path: "DataformCheckErrorsComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Check Validation State" + } + }, + { + path: "DataFormaAutoCompleteComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "AutoComplete" + } + }, + { + path: "ListViewSwipeActionsComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Getting Started" + } + }, + { + path: "ListViewSwipeActionsMultipleComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Multiple actions" + } + }, + { + path: "ListViewSwipeActionsThresholdsComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Animated thresholds" + } + }, + { + path: "AutoCompleteGettingStartedComponent", + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', + data: { + "title": "Getting started" + } + }, + { + path: "AutoCompleteLayoutsRuntimeComponent", + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', + data: { + "title": "Switch at runtime" + } + }, + { + path: "AutoCompleteRemoteComponent", + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', + data: { + "title": "Async Data Fetch" + } + }, + { + path: "AutoCompleteCustomizationComponent", + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', + data: { + "title": "Customization" + } + }, + { + path: "AutoCompleteEventsComponent", + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', + data: { + "title": "Events" + } + }, + { + path: "AutoCompleteContainsModeComponent", + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', + data: { + "title": "Contains" + } + }, + { + path: "AutoCompleteStartsWithModeComponent", + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', + data: { + "title": "Starts with" + } + }, + { + path: "AutoCompleteTokensModeComponent", + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', + data: { + "title": "Tokens" + } + }, + { + path: "AutoCompletePlainModeComponent", + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', + data: { + "title": "Plain" + } + }, + { + path: "AutoCompleteLayoutsWrapComponent", + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', + data: { + "title": "Wrap" + } + }, + { + path: "AutoCompleteLayoutsHorizontalComponent", + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', + data: { + "title": "Horizontal" + } + }, + { + path: "AutocompleteSuggestModeComponent", + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', + data: { + "title": "Suggest" + } + }, + { + path: "AutoCompleteAppendModeComponent", + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', + data: { + "title": "Append" + } + }, + { + path: "AutoCompleteSuggestAppendModeComponent", + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', + data: { + "title": "Suggest & Append" + } + }, + { + path: "ListViewSwipeDisableComponent", + loadChildren: './listview/listview-examples.module#ListViewExamplesModule', + data: { + "title": "Disable\\Enable" + } + }, + { + path: "GaugesGettingStartedComponent", + loadChildren: './gauges/gauges-examples.module#GaugesExamplesModule', + data: { + "title": "Getting Started" + } + }, + { + path: "GaugesAnimationsComponent", + loadChildren: './gauges/gauges-examples.module#GaugesExamplesModule', + data: { + "title": "Animations" + } + }, + { + path: "GaugesCustomizationComponent", + loadChildren: './gauges/gauges-examples.module#GaugesExamplesModule', + data: { + "title": "Customization" + } + }, + { + path: "GaugesScalesComponent", + loadChildren: './gauges/gauges-examples.module#GaugesExamplesModule', + data: { + "title": "Scales" + } + }, + { + path: "AutoCompleteReadOnlyComponent", + loadChildren: './autocomplete/autocomplete-examples.module#AutoCompleteExamplesModule', + data: { + "title": "Read Only" + } + }, + { + path: "DataformReadOnlyComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Read Only" + } + }, + { + path: "DataformEditorStyleComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "At runtime" + } + }, + { + path: "DataformCustomEditorsComponent", + loadChildren: './dataform/dataform-examples.module#DataFormExamplesModule', + data: { + "title": "Custom Editors" + } + } +]; + +export const routing = NativeScriptRouterModule.forRoot(APP_ROUTES); \ No newline at end of file diff --git a/sdkAngular/app/autocomplete/autocomplete-examples.module.ts b/sdkAngular/app/autocomplete/autocomplete-examples.module.ts new file mode 100644 index 00000000..66aa7902 --- /dev/null +++ b/sdkAngular/app/autocomplete/autocomplete-examples.module.ts @@ -0,0 +1,53 @@ +import { NgModule, NO_ERRORS_SCHEMA } 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({ + schemas: [NO_ERRORS_SCHEMA], + 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..364a64d1 --- /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: '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/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; diff --git a/sdkAngular/app/calendar/calendar-examples.module.ts b/sdkAngular/app/calendar/calendar-examples.module.ts new file mode 100644 index 00000000..aabdc8c0 --- /dev/null +++ b/sdkAngular/app/calendar/calendar-examples.module.ts @@ -0,0 +1,40 @@ +import { NgModule, NO_ERRORS_SCHEMA } 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({ + schemas: [NO_ERRORS_SCHEMA], + 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/chart/chart-examples.module.ts b/sdkAngular/app/chart/chart-examples.module.ts new file mode 100644 index 00000000..0ce8d237 --- /dev/null +++ b/sdkAngular/app/chart/chart-examples.module.ts @@ -0,0 +1,87 @@ +import { NgModule, NO_ERRORS_SCHEMA } 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({ + schemas: [NO_ERRORS_SCHEMA], + 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..60692fbf --- /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: '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/dataform/dataform-examples.module.ts b/sdkAngular/app/dataform/dataform-examples.module.ts new file mode 100644 index 00000000..6d4801c9 --- /dev/null +++ b/sdkAngular/app/dataform/dataform-examples.module.ts @@ -0,0 +1,85 @@ +import { NgModule, NO_ERRORS_SCHEMA } 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({ + schemas: [NO_ERRORS_SCHEMA], + imports: [ + NativeScriptModule, + CommonDirectivesModule, + NativeScriptUIDataFormModule, + NativeScriptRouterModule, + NativeScriptRouterModule.forChild(routes) + ], + declarations: [ + 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/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); }) } diff --git a/sdkAngular/app/gauges/gauges-examples.module.ts b/sdkAngular/app/gauges/gauges-examples.module.ts new file mode 100644 index 00000000..9f3262cf --- /dev/null +++ b/sdkAngular/app/gauges/gauges-examples.module.ts @@ -0,0 +1,31 @@ +import { NgModule, NO_ERRORS_SCHEMA } 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({ + schemas: [NO_ERRORS_SCHEMA], + 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/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 new file mode 100644 index 00000000..ec90281f --- /dev/null +++ b/sdkAngular/app/listview/listview-examples.module.ts @@ -0,0 +1,75 @@ +import { NgModule, NO_ERRORS_SCHEMA } 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({ + schemas: [NO_ERRORS_SCHEMA], + 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..d1dfe946 --- /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/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/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/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/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 9f0ef7d7..bf9cafc0 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/ChartSeriesBarComponent", "subItems": [] }, { "title": "Range Bar series", - "path": "ChartSeriesRangeBarComponent", + "path": "ChartSeriesRangeBarComponent/ChartSeriesRangeBarComponent", "subItems": [] }, { "title": "Stacked Bar series", - "path": "ChartSeriesStackedBarComponent", + "path": "ChartSeriesStackedBarComponent/ChartSeriesStackedBarComponent", "subItems": [] }, { "title": "Area Series", - "path": "ChartSeriesAreaComponent", + "path": "ChartSeriesAreaComponent/ChartSeriesAreaComponent", "subItems": [] }, { "title": "Stacked Area Series", - "path": "ChartSeriesStackedAreaComponent", + "path": "ChartSeriesStackedAreaComponent/ChartSeriesStackedAreaComponent", "subItems": [] }, { "title": "Line series", - "path": "ChartSeriesLineComponent", + "path": "ChartSeriesLineComponent/ChartSeriesLineComponent", "subItems": [] }, { "title": "Spline series", - "path": "ChartSeriesSplineComponent", + "path": "ChartSeriesSplineComponent/ChartSeriesSplineComponent", "subItems": [] }, { "title": "Spline Area series", - "path": "ChartSeriesSplineAreaComponent", + "path": "ChartSeriesSplineAreaComponent/ChartSeriesSplineAreaComponent", "subItems": [] }, { "title": "Bubble series", - "path": "ChartSeriesBubbleComponent", + "path": "ChartSeriesBubbleComponent/ChartSeriesBubbleComponent", "subItems": [] }, { "title": "Scatter Bubble series", - "path": "ChartSeriesScatterBubbleComponent", + "path": "ChartSeriesScatterBubbleComponent/ChartSeriesScatterBubbleComponent", "subItems": [] }, { "title": "Candlestick series", - "path": "ChartSeriesCandlestickComponent", + "path": "ChartSeriesCandlestickComponent/ChartSeriesCandlestickComponent", "subItems": [] }, { "title": "Ohlc series", - "path": "ChartSeriesOhlcComponent", + "path": "ChartSeriesOhlcComponent/ChartSeriesOhlcComponent", "subItems": [] }, { "title": "Pie series", - "path": "ChartSeriesPieComponent", + "path": "ChartSeriesPieComponent/ChartSeriesPieComponent", "subItems": [] }, { "title": "Scatter series", - "path": "ChartSeriesScatterComponent", + "path": "ChartSeriesScatterComponent/ChartSeriesScatterComponent", "subItems": [] } ] @@ -91,39 +91,39 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Styling axes", - "path": "ChartStylingAxesComponent", + "path": "ChartStylingAxesComponent/ChartStylingAxesComponent", "subItems": [] }, { "title": "Styling series", - "path": "ChartStylingSeriesComponent", + "path": "ChartStylingSeriesComponent/ChartStylingSeriesComponent", "subItems": [] }, { "title": "Styling Pie Chart series", - "path": "ChartStylingPieSeriesComponent", + "path": "ChartStylingPieSeriesComponent/ChartStylingPieSeriesComponent", "subItems": [] }, { "title": "Styling grid", - "path": "ChartStylingGridComponent", + "path": "ChartStylingGridComponent/ChartStylingGridComponent", "subItems": [] }, { "title": "Styling labels", - "path": "ChartStylingLabelComponent", + "path": "ChartStylingLabelComponent/ChartStylingLabelComponent", "subItems": [] }, { "title": "Styling series selection", - "path": "ChartStylingSelectionComponent", + "path": "ChartStylingSelectionComponent/ChartStylingSelectionComponent", "subItems": [] }, ] }, { "title": "Legend", - "path": "ChartLegendComponent", + "path": "ChartLegendComponent/ChartLegendComponent", "subItems": [] }, { @@ -132,27 +132,27 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Pan & Zoom", - "path": "ChartBehaviorsPanZoomComponent", + "path": "ChartBehaviorsPanZoomComponent/ChartBehaviorsPanZoomComponent", "subItems": [] }, { "title": "Pie selection", - "path": "ChartBehaviorsChartPieSelectionComponent", + "path": "ChartBehaviorsChartPieSelectionComponent/ChartBehaviorsChartPieSelectionComponent", "subItems": [] }, { "title": "Trackball", - "path": "ChartBehaviorsTrackballComponent", + "path": "ChartBehaviorsTrackballComponent/ChartBehaviorsTrackballComponent", "subItems": [] }, { "title": "Series selection", - "path": "ChartBehaviorsSeriesSelectionComponent", + "path": "ChartBehaviorsSeriesSelectionComponent/ChartBehaviorsSeriesSelectionComponent", "subItems": [] }, { "title": "Datapoint selection", - "path": "ChartBehaviorsDatapointSelectionComponent", + "path": "ChartBehaviorsDatapointSelectionComponent/ChartBehaviorsDatapointSelectionComponent", "subItems": [] } ] @@ -163,22 +163,22 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Customization", - "path": "ChartAxesCustomizationComponent", + "path": "ChartAxesCustomizationComponent/ChartAxesCustomizationComponent", "subItems": [] }, { "title": "Multiple axes", - "path": "ChartAxesMultipleComponent", + "path": "ChartAxesMultipleComponent/ChartAxesMultipleComponent", "subItems": [] }, { "title": "Negative values", - "path": "ChartAxesNegativeValuesComponent", + "path": "ChartAxesNegativeValuesComponent/ChartAxesNegativeValuesComponent", "subItems": [] }, { "title": "Date time axis", - "path": "ChartAxesDateTimeComponent", + "path": "ChartAxesDateTimeComponent/ChartAxesDateTimeComponent", "subItems": [] } ] @@ -189,12 +189,12 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Plot band", - "path": "ChartAnnotationsPlotBandComponent", + "path": "ChartAnnotationsPlotBandComponent/ChartAnnotationsPlotBandComponent", "subItems": [] }, { "title": "Grid line", - "path": "ChartAnnotationsGridLineComponent", + "path": "ChartAnnotationsGridLineComponent/ChartAnnotationsGridLineComponent", "subItems": [] } ] @@ -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": [] }, ] @@ -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": [] } ] @@ -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": [] } ] @@ -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": [] } ] @@ -634,7 +634,7 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Getting started", - "path": "AutocompleteGettingStartedComponent", + "path": "AutoCompleteGettingStartedComponent/AutoCompleteGettingStartedComponent", "subItems": [] }, { @@ -643,12 +643,12 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Contains", - "path": "AutoCompleteContainsModeComponent", + "path": "AutoCompleteContainsModeComponent/AutoCompleteContainsModeComponent", "subItems": [] }, { "title": "Starts with", - "path": "AutoCompleteStartsWithModeComponent", + "path": "AutoCompleteStartsWithModeComponent/AutoCompleteStartsWithModeComponent", "subItems": [] }] }, @@ -658,12 +658,12 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Tokens", - "path": "AutoCompleteTokensModeComponent", + "path": "AutoCompleteTokensModeComponent/AutoCompleteTokensModeComponent", "subItems": [] }, { "title": "Plain", - "path": "AutoCompletePlainModeComponent", + "path": "AutoCompletePlainModeComponent/AutoCompletePlainModeComponent", "subItems": [] }] }, @@ -673,17 +673,17 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Switch at runtime", - "path": "AutoCompleteLayoutsRuntimeComponent", + "path": "AutoCompleteLayoutsRuntimeComponent/AutoCompleteLayoutsRuntimeComponent", "subItems": [] }, { "title": "Horizontal", - "path": "AutoCompleteLayoutsHorizontalComponent", + "path": "AutoCompleteLayoutsHorizontalComponent/AutoCompleteLayoutsHorizontalComponent", "subItems": [] }, { "title": "Wrap", - "path": "AutoCompleteLayoutsWrapComponent", + "path": "AutoCompleteLayoutsWrapComponent/AutoCompleteLayoutsWrapComponent", "subItems": [] } ] @@ -694,39 +694,39 @@ export var EXAMPLEITEMS: ExampleItem[] = [ "subItems": [ { "title": "Append", - "path": "AutoCompleteAppendModeComponent", + "path": "AutoCompleteAppendModeComponent/AutoCompleteAppendModeComponent", "subItems": [] }, { "title": "Suggest", - "path": "AutocompleteSuggestModeComponent", + "path": "AutocompleteSuggestModeComponent/AutocompleteSuggestModeComponent", "subItems": [] }, { "title": "Suggest & Append", - "path": "AutoCompleteSuggestAppendModeComponent", + "path": "AutoCompleteSuggestAppendModeComponent/AutoCompleteSuggestAppendModeComponent", "subItems": [] } ] }, { "title": "Customization", - "path": "AutoCompleteCustomizationComponent", + "path": "AutoCompleteCustomizationComponent/AutoCompleteCustomizationComponent", "subItems": [] }, { "title": "Events", - "path": "AutoCompleteEventsComponent", + "path": "AutoCompleteEventsComponent/AutoCompleteEventsComponent", "subItems": [] }, { "title": "Async Data Fetch", - "path": "AutoCompleteRemoteComponent", + "path": "AutoCompleteRemoteComponent/AutoCompleteRemoteComponent", "subItems": [] }, { "title": "Read Only", - "path": "AutoCompleteReadOnlyComponent", + "path": "AutoCompleteReadOnlyComponent/AutoCompleteReadOnlyComponent", "subItems": [] }] }, @@ -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": [] }] }, 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..93fb63b1 --- /dev/null +++ b/sdkAngular/app/sidedrawer/sidedrawer-examples.module.ts @@ -0,0 +1,35 @@ +import { NgModule, NO_ERRORS_SCHEMA } 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({ + schemas: [NO_ERRORS_SCHEMA], + 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