feat: restructure dashboard routing and components for improved organization and navigation

This commit is contained in:
Marek Lesko
2025-10-30 17:59:14 +00:00
parent 1cb5c3d03a
commit b7cf4ab106
10 changed files with 189 additions and 9 deletions

View File

@@ -80,9 +80,9 @@
<span class="flex-1-auto"></span> <span class="flex-1-auto"></span>
<!-- Mobile Menu --> <!-- Mobile Menu -->
<button mat-icon-button (click)="toggleMobileFilterNav.emit()" class="d-flex d-lg-none justify-content-center"> <!-- <button mat-icon-button (click)="toggleMobileFilterNav.emit()" class="d-flex d-lg-none justify-content-center">
<i-tabler name="grid-dots" class="icon-20 d-flex"></i-tabler> <i-tabler name="grid-dots" class="icon-20 d-flex"></i-tabler>
</button> </button> -->
<!-- --------------------------------------------------------------- --> <!-- --------------------------------------------------------------- -->
<!-- langugage Dropdown --> <!-- langugage Dropdown -->

View File

@@ -7,17 +7,17 @@ export const navItems: NavItem[] = [
{ {
displayName: 'Hlavná stránka', displayName: 'Hlavná stránka',
iconName: 'device-desktop', iconName: 'device-desktop',
route: 'dashboard', route: 'dashboard/main',
children: [ children: [
{ {
displayName: 'Administrácia', displayName: 'Administrácia',
iconName: 'tool', iconName: 'tool',
route: 'dashboards/admin', route: 'dashboard/main/admin',
}, },
{ {
displayName: 'Novinky', displayName: 'Novinky',
iconName: 'news', iconName: 'news',
route: 'dashboards/news', route: 'dashboard/main/news',
}, },
], ],
}, },
@@ -77,7 +77,7 @@ export const navItems: NavItem[] = [
{ {
displayName: 'Intervenčný tím', displayName: 'Intervenčný tím',
iconName: 'lifebuoy', iconName: 'lifebuoy',
route: 'dashboard/school/intervention-team', route: 'dashboard/school/specialists',
}, },
// { // {
// displayName: 'Email', // displayName: 'Email',

View File

@@ -1,8 +1,14 @@
import { Routes } from '@angular/router'; import { Routes } from '@angular/router';
// dashboards // dashboards
import { AppDashboardComponent } from './dashboard.component';
import { authGuard } from '../../app.route.guard'; import { authGuard } from '../../app.route.guard';
import { AppDashboardMainComponent } from './main/dashboard.component';
import { AppDashboardMainAdminComponent } from './main/admin/dashboard.main.admin.component';
import { AppDashboardMainNewsComponent } from './main/news/dashboard.main.news.component';
import { AppDashboardHomeChildrenComponent } from './home/children/dashboard.main.admin.component';
import { AppDashboardHomeParentsComponent } from './home/parents/dashboard.main.admin.component';
import { AppDashboardSchoolSpecialistsComponent } from './school/specialists/dashboard.school.teachers.component';
import { AppDashboardSchoolTeachersComponent } from './school/teachers/dashboard.school.teachers.component';
export const DashboardsRoutes: Routes = [ export const DashboardsRoutes: Routes = [
{ {
@@ -10,12 +16,88 @@ export const DashboardsRoutes: Routes = [
children: [ children: [
{ {
path: 'main', path: 'main',
component: AppDashboardComponent, component: AppDashboardMainComponent,
canActivate: [authGuard], canActivate: [authGuard],
data: { data: {
title: 'Hlavná stránka', title: 'Hlavná stránka',
breadcrumb: 'Hlavná stránka' breadcrumb: 'Hlavná stránka'
} },
children: [
{
path: 'admin',
component: AppDashboardMainAdminComponent,
canActivate: [authGuard],
data: {
title: 'Administrácia',
breadcrumb: 'Administrácia'
}
},
{
path: 'news',
component: AppDashboardMainNewsComponent,
canActivate: [authGuard],
data: {
title: 'Novinky',
breadcrumb: 'Novinky'
}
}
]
},
{
path: 'home',
canActivate: [authGuard],
data: {
title: 'Domov',
breadcrumb: 'Domov'
},
children: [
{
path: 'children',
component: AppDashboardHomeChildrenComponent,
canActivate: [authGuard],
data: {
title: 'Deti',
breadcrumb: 'Deti'
}
},
{
path: 'parents',
component: AppDashboardHomeParentsComponent,
canActivate: [authGuard],
data: {
title: 'Rodičia',
breadcrumb: 'Rodičia'
}
}
]
},
{
path: 'school',
canActivate: [authGuard],
data: {
title: 'Škola',
breadcrumb: 'Škola'
},
children: [
{
path: 'teachers',
component: AppDashboardSchoolTeachersComponent,
canActivate: [authGuard],
data: {
title: 'Učitelia',
breadcrumb: 'Učitelia'
}
},
{
path: 'specialists',
component: AppDashboardSchoolSpecialistsComponent,
canActivate: [authGuard],
data: {
breadcrumb: 'Intervenčný tím',
title: 'Intervenčný tím'
}
}
]
} }
] ]
} }

View File

@@ -0,0 +1,14 @@
import { Component } from '@angular/core';
// components
@Component({
selector: 'app-dashboard-home-children',
imports: [
],
template: ''
})
export class AppDashboardHomeChildrenComponent {
constructor() { }
}

View File

@@ -0,0 +1,14 @@
import { Component } from '@angular/core';
// components
@Component({
selector: 'app-dashboard-home-parents',
imports: [
],
template: ''
})
export class AppDashboardHomeParentsComponent {
constructor() { }
}

View File

@@ -0,0 +1,14 @@
import { Component } from '@angular/core';
// components
@Component({
selector: 'app-dashboard-main-admin',
imports: [
],
template: ''
})
export class AppDashboardMainAdminComponent {
constructor() { }
}

View File

@@ -0,0 +1,14 @@
import { Component } from '@angular/core';
// components
@Component({
selector: 'app-dashboard-main',
imports: [
],
template: ''
})
export class AppDashboardMainComponent {
constructor() { }
}

View File

@@ -0,0 +1,14 @@
import { Component } from '@angular/core';
// components
@Component({
selector: 'app-dashboard-main-news',
imports: [
],
template: ''
})
export class AppDashboardMainNewsComponent {
constructor() { }
}

View File

@@ -0,0 +1,14 @@
import { Component } from '@angular/core';
// components
@Component({
selector: 'app-dashboard-school-specialists',
imports: [
],
template: ''
})
export class AppDashboardSchoolSpecialistsComponent {
constructor() { }
}

View File

@@ -0,0 +1,14 @@
import { Component } from '@angular/core';
// components
@Component({
selector: 'app-dashboard-school-teachers',
imports: [
],
template: ''
})
export class AppDashboardSchoolTeachersComponent {
constructor() { }
}