diff --git a/.cspell.json b/.cspell.json index e48dfc3bc..18ca55719 100644 --- a/.cspell.json +++ b/.cspell.json @@ -31,6 +31,7 @@ "forecastday", "mintemp", "maxtemp", - "Tiko" + "Tiko", + "Create" ] } diff --git a/apps/taiga-lumbermill/src/components/app/app.routes.ts b/apps/taiga-lumbermill/src/components/app/app.routes.ts index dd39330f5..7ed84af80 100644 --- a/apps/taiga-lumbermill/src/components/app/app.routes.ts +++ b/apps/taiga-lumbermill/src/components/app/app.routes.ts @@ -34,5 +34,12 @@ export const appRoutes: Route[] = [ }, ], }, + { + path: '', + loadComponent: async () => + import('../../dashboards/common-page/common-page.component').then( + (mod) => mod.CommonPageComponent, + ), + }, {path: '**', redirectTo: 'dashboards'}, ]; diff --git a/apps/taiga-lumbermill/src/dashboards/common-page/common-page.component.html b/apps/taiga-lumbermill/src/dashboards/common-page/common-page.component.html new file mode 100644 index 000000000..15ae2ad4b --- /dev/null +++ b/apps/taiga-lumbermill/src/dashboards/common-page/common-page.component.html @@ -0,0 +1,52 @@ +
+

+ Taiga Lumbermill +

+
+

+ This project contains a comprehensive set of ready-made templates, dashboards, and pages built using the Taiga UI + component library. Our goal is to provide developers with a robust foundation for quickly creating beautiful and + functional web applications. +

+
+
+
+
+

+ Dashboards +

+
+
+
+
+
+
+

+ Theme generator +

+
+
+
+
diff --git a/apps/taiga-lumbermill/src/dashboards/common-page/common-page.component.less b/apps/taiga-lumbermill/src/dashboards/common-page/common-page.component.less new file mode 100644 index 000000000..1e26d9477 --- /dev/null +++ b/apps/taiga-lumbermill/src/dashboards/common-page/common-page.component.less @@ -0,0 +1,27 @@ +.description { + margin-top: 0.75rem; + font-size: 0.9rem; + text-align: center; + margin-left: auto; + margin-right: auto; + max-width: 40rem; +} + +.row { + display: flex; + margin-top: 1.25rem; + gap: 1.25rem; + justify-content: space-between; + + @media (max-width: 800px) { + flex-direction: column; + } +} + +.card { + flex-grow: 1; + + @media (max-width: 800px) { + width: 100%; + } +} diff --git a/apps/taiga-lumbermill/src/dashboards/common-page/common-page.component.ts b/apps/taiga-lumbermill/src/dashboards/common-page/common-page.component.ts new file mode 100644 index 000000000..58febe4ef --- /dev/null +++ b/apps/taiga-lumbermill/src/dashboards/common-page/common-page.component.ts @@ -0,0 +1,15 @@ +import {CommonModule} from '@angular/common'; +import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {RouterLink} from '@angular/router'; +import {TuiAppearance, TuiTitle} from '@taiga-ui/core'; +import {TuiCardLarge, TuiHeader} from '@taiga-ui/layout'; + +@Component({ + standalone: true, + selector: 'lmb-common-page', + imports: [CommonModule, RouterLink, TuiAppearance, TuiCardLarge, TuiHeader, TuiTitle], + templateUrl: './common-page.component.html', + styleUrl: './common-page.component.less', + changeDetection: ChangeDetectionStrategy.OnPush, +}) +export class CommonPageComponent {} diff --git a/apps/taiga-lumbermill/src/dashboards/dashboards-list/dashboards-list.component.ts b/apps/taiga-lumbermill/src/dashboards/dashboards-list/dashboards-list.component.ts index 235fea4aa..66b7c07af 100644 --- a/apps/taiga-lumbermill/src/dashboards/dashboards-list/dashboards-list.component.ts +++ b/apps/taiga-lumbermill/src/dashboards/dashboards-list/dashboards-list.component.ts @@ -10,7 +10,7 @@ interface DashboardsData { readonly description: string; } -const INITIAL_DATA: DashboardsData[] = [ +export const INITIAL_DATA: DashboardsData[] = [ { title: 'Iot Dashboard', link: '/dashboards/iot', diff --git a/apps/taiga-lumbermill/src/dashboards/dashboards/dashboards.component.html b/apps/taiga-lumbermill/src/dashboards/dashboards/dashboards.component.html index d08a8f905..a81d5ab30 100644 --- a/apps/taiga-lumbermill/src/dashboards/dashboards/dashboards.component.html +++ b/apps/taiga-lumbermill/src/dashboards/dashboards/dashboards.component.html @@ -2,13 +2,14 @@ tuiNavigationNav [style.position]="'sticky'" > - + @let title = (data$ | async) ?? ''; + Back / - {{ (data$ | async) ?? '' }} dashboard + {{ title }} dashboard