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>
|
<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 -->
|
||||||
|
|||||||
@@ -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',
|
||||||
|
|||||||
@@ -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'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
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