feat: restructure dashboard routing and components for improved organization and navigation
This commit is contained in:
@@ -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 -->
|
||||
|
||||
@@ -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',
|
||||
|
||||
@@ -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'
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
14
Web/src/app/pages/dashboard/home/children/dashboard.main.admin.component.ts
Executable file
14
Web/src/app/pages/dashboard/home/children/dashboard.main.admin.component.ts
Executable file
@@ -0,0 +1,14 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
// components
|
||||
|
||||
@Component({
|
||||
selector: 'app-dashboard-home-children',
|
||||
imports: [
|
||||
|
||||
],
|
||||
template: ''
|
||||
})
|
||||
export class AppDashboardHomeChildrenComponent {
|
||||
constructor() { }
|
||||
}
|
||||
14
Web/src/app/pages/dashboard/home/parents/dashboard.main.admin.component.ts
Executable file
14
Web/src/app/pages/dashboard/home/parents/dashboard.main.admin.component.ts
Executable file
@@ -0,0 +1,14 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
// components
|
||||
|
||||
@Component({
|
||||
selector: 'app-dashboard-home-parents',
|
||||
imports: [
|
||||
|
||||
],
|
||||
template: ''
|
||||
})
|
||||
export class AppDashboardHomeParentsComponent {
|
||||
constructor() { }
|
||||
}
|
||||
14
Web/src/app/pages/dashboard/main/admin/dashboard.main.admin.component.ts
Executable file
14
Web/src/app/pages/dashboard/main/admin/dashboard.main.admin.component.ts
Executable file
@@ -0,0 +1,14 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
// components
|
||||
|
||||
@Component({
|
||||
selector: 'app-dashboard-main-admin',
|
||||
imports: [
|
||||
|
||||
],
|
||||
template: ''
|
||||
})
|
||||
export class AppDashboardMainAdminComponent {
|
||||
constructor() { }
|
||||
}
|
||||
14
Web/src/app/pages/dashboard/main/dashboard.component.ts
Executable file
14
Web/src/app/pages/dashboard/main/dashboard.component.ts
Executable file
@@ -0,0 +1,14 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
// components
|
||||
|
||||
@Component({
|
||||
selector: 'app-dashboard-main',
|
||||
imports: [
|
||||
|
||||
],
|
||||
template: ''
|
||||
})
|
||||
export class AppDashboardMainComponent {
|
||||
constructor() { }
|
||||
}
|
||||
14
Web/src/app/pages/dashboard/main/news/dashboard.main.news.component.ts
Executable file
14
Web/src/app/pages/dashboard/main/news/dashboard.main.news.component.ts
Executable file
@@ -0,0 +1,14 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
// components
|
||||
|
||||
@Component({
|
||||
selector: 'app-dashboard-main-news',
|
||||
imports: [
|
||||
|
||||
],
|
||||
template: ''
|
||||
})
|
||||
export class AppDashboardMainNewsComponent {
|
||||
constructor() { }
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
// components
|
||||
|
||||
@Component({
|
||||
selector: 'app-dashboard-school-specialists',
|
||||
imports: [
|
||||
|
||||
],
|
||||
template: ''
|
||||
})
|
||||
export class AppDashboardSchoolSpecialistsComponent {
|
||||
constructor() { }
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
// components
|
||||
|
||||
@Component({
|
||||
selector: 'app-dashboard-school-teachers',
|
||||
imports: [
|
||||
|
||||
],
|
||||
template: ''
|
||||
})
|
||||
export class AppDashboardSchoolTeachersComponent {
|
||||
constructor() { }
|
||||
}
|
||||
Reference in New Issue
Block a user