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 @@
+
+
+ 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.
+
+
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