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>
<!-- 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>
</button>
</button> -->
<!-- --------------------------------------------------------------- -->
<!-- langugage Dropdown -->

View File

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

View File

@@ -1,8 +1,14 @@
import { Routes } from '@angular/router';
// dashboards
import { AppDashboardComponent } from './dashboard.component';
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 = [
{
@@ -10,12 +16,88 @@ export const DashboardsRoutes: Routes = [
children: [
{
path: 'main',
component: AppDashboardComponent,
component: AppDashboardMainComponent,
canActivate: [authGuard],
data: {
title: '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() { }
}