Initial Commit on git.saherelm.ir ...
This commit is contained in:
@@ -0,0 +1 @@
|
||||
<p>Tab Page 1</p>
|
||||
@@ -0,0 +1,31 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { VPageComponent } from 'src/app/views/v-page/v-page.component';
|
||||
import { AppResourceIDs } from 'src/app/config/app.localization.config';
|
||||
import { XResourceIDs, XColorWithBrightness } from 'x-framework-core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-tab-page-1',
|
||||
templateUrl: './tab-page-1.page.html',
|
||||
styleUrls: ['./tab-page-1.page.scss'],
|
||||
})
|
||||
// tslint:disable-next-line:component-class-suffix
|
||||
export class TabPage1Page extends VPageComponent {
|
||||
//
|
||||
//#region Props ...
|
||||
//
|
||||
//#region Page Props ...
|
||||
titleRes = AppResourceIDs.tab_page_1;
|
||||
//#endregion
|
||||
|
||||
//
|
||||
// Prepare All Resource IDs ...
|
||||
readonly ResourceIDs = Object.assign(
|
||||
Object.assign({}, XResourceIDs),
|
||||
AppResourceIDs
|
||||
) as any;
|
||||
|
||||
//
|
||||
// Color Names ...
|
||||
readonly ColorNames = Object.assign({}, XColorWithBrightness);
|
||||
//#endregion
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<p>Tab Page 2</p>
|
||||
@@ -0,0 +1,31 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { VPageComponent } from 'src/app/views/v-page/v-page.component';
|
||||
import { AppResourceIDs } from 'src/app/config/app.localization.config';
|
||||
import { XResourceIDs, XColorWithBrightness } from 'x-framework-core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-tab-page-2',
|
||||
templateUrl: './tab-page-2.page.html',
|
||||
styleUrls: ['./tab-page-2.page.scss'],
|
||||
})
|
||||
// tslint:disable-next-line:component-class-suffix
|
||||
export class TabPage2Page extends VPageComponent {
|
||||
//
|
||||
//#region Props ...
|
||||
//
|
||||
//#region Page Props ...
|
||||
titleRes = AppResourceIDs.tab_page_2;
|
||||
//#endregion
|
||||
|
||||
//
|
||||
// Prepare All Resource IDs ...
|
||||
readonly ResourceIDs = Object.assign(
|
||||
Object.assign({}, XResourceIDs),
|
||||
AppResourceIDs
|
||||
) as any;
|
||||
|
||||
//
|
||||
// Color Names ...
|
||||
readonly ColorNames = Object.assign({}, XColorWithBrightness);
|
||||
//#endregion
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<p>Tab Page 3</p>
|
||||
@@ -0,0 +1,31 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { VPageComponent } from 'src/app/views/v-page/v-page.component';
|
||||
import { AppResourceIDs } from 'src/app/config/app.localization.config';
|
||||
import { XResourceIDs, XColorWithBrightness } from 'x-framework-core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-tab-page-3',
|
||||
templateUrl: './tab-page-3.page.html',
|
||||
styleUrls: ['./tab-page-3.page.scss'],
|
||||
})
|
||||
// tslint:disable-next-line:component-class-suffix
|
||||
export class TabPage3Page extends VPageComponent {
|
||||
//
|
||||
//#region Props ...
|
||||
//
|
||||
//#region Page Props ...
|
||||
titleRes = AppResourceIDs.tab_page_3;
|
||||
//#endregion
|
||||
|
||||
//
|
||||
// Prepare All Resource IDs ...
|
||||
readonly ResourceIDs = Object.assign(
|
||||
Object.assign({}, XResourceIDs),
|
||||
AppResourceIDs
|
||||
) as any;
|
||||
|
||||
//
|
||||
// Color Names ...
|
||||
readonly ColorNames = Object.assign({}, XColorWithBrightness);
|
||||
//#endregion
|
||||
}
|
||||
@@ -0,0 +1,43 @@
|
||||
import { TabsPage } from './tabs.page';
|
||||
import { NgModule } from '@angular/core';
|
||||
import { RouterModule } from '@angular/router';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { ViewsModule } from '../../views/views.module';
|
||||
import { TabPage1Page } from './tab-page-1/tab-page-1.page';
|
||||
import { TabPage2Page } from './tab-page-2/tab-page-2.page';
|
||||
import { TabPage3Page } from './tab-page-3/tab-page-3.page';
|
||||
import { Pages, BaseRoutes } from 'src/app/config/page.config';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
ViewsModule,
|
||||
CommonModule,
|
||||
RouterModule.forChild([
|
||||
{
|
||||
path: BaseRoutes.Default,
|
||||
component: TabsPage,
|
||||
children: [
|
||||
{
|
||||
path: BaseRoutes.Default,
|
||||
redirectTo: Pages.TabPage1.baseRoute,
|
||||
pathMatch: 'full',
|
||||
},
|
||||
{
|
||||
path: Pages.TabPage1.baseRoute,
|
||||
component: TabPage1Page,
|
||||
},
|
||||
{
|
||||
path: Pages.TabPage2.baseRoute,
|
||||
component: TabPage2Page,
|
||||
},
|
||||
{
|
||||
path: Pages.TabPage3.baseRoute,
|
||||
component: TabPage3Page,
|
||||
},
|
||||
],
|
||||
},
|
||||
]),
|
||||
],
|
||||
declarations: [TabsPage, TabPage1Page, TabPage2Page, TabPage3Page],
|
||||
})
|
||||
export class TabsPageModule {}
|
||||
@@ -0,0 +1,27 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { XColorWithBrightness } from 'x-framework-core';
|
||||
import { TabNavsItems } from 'src/app/config/page.config';
|
||||
import { VPageComponent } from 'src/app/views/v-page/v-page.component';
|
||||
|
||||
@Component({
|
||||
selector: 'app-components-tabs',
|
||||
template: `
|
||||
<x-tab-navigator
|
||||
[items]="tabItems"
|
||||
[color]="ColorNames.Dark"
|
||||
[iconColor]="ColorNames.Danger"
|
||||
[highlightColor]="ColorNames.Light"
|
||||
[selectedColor]="ColorNames.SecondaryShade"
|
||||
></x-tab-navigator>
|
||||
`,
|
||||
styles: [``],
|
||||
})
|
||||
// tslint:disable-next-line:component-class-suffix
|
||||
export class TabsPage extends VPageComponent {
|
||||
//
|
||||
//#region Props ...
|
||||
tabItems = TabNavsItems;
|
||||
|
||||
readonly ColorNames = Object.assign({}, XColorWithBrightness);
|
||||
//#endregion
|
||||
}
|
||||
Reference in New Issue
Block a user