Skip to content

Commit 2f4cce6

Browse files
Mohammad JavedMohammad Javed
Mohammad Javed
authored and
Mohammad Javed
committed
docs(routing): udpated routes
1 parent a913d84 commit 2f4cce6

File tree

5 files changed

+74
-60
lines changed

5 files changed

+74
-60
lines changed

projects/docs/src/app/app.routes.ts

Lines changed: 6 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -6,63 +6,22 @@ export const routes: Routes = [
66
loadComponent: () => import('./pages/docs/docs.component').then(c => c.DocsComponent),
77
children: [
88
{
9-
path: 'introduction',
10-
loadComponent: () => import('./pages/docs/introduction/introduction.component').then(c => c.IntroductionComponent)
9+
path: 'getting-started',
10+
loadChildren: () => import('./getting-started.routes').then(m => m.routes)
1111
},
1212
{
13-
path: 'installation',
14-
loadComponent: () => import('./pages/docs/installation/installation.component').then(c => c.InstallationComponent)
13+
path: 'components',
14+
loadChildren: () => import('./components.routes').then(m => m.routes)
1515
},
16-
{
17-
path: 'components/accordion',
18-
loadComponent: () => import('./pages/docs/components/accordion/accordion.component').then(c => c.AccordionComponent)
19-
},
20-
{
21-
path: 'components/button',
22-
loadComponent: () => import('./pages/docs/components/button/button.component').then(c => c.ButtonComponent)
23-
},
24-
{
25-
path: 'components/alert',
26-
loadComponent: () => import('./pages/docs/components/alert/alert.component').then(c => c.AlertComponent)
27-
},
28-
{
29-
path: 'components/avatar',
30-
loadComponent: () => import('./pages/docs/components/avatar/avatar.component').then(c => c.AvatarComponent)
31-
},
32-
{
33-
path: 'components/badge',
34-
loadComponent: () => import('./pages/docs/components/badge/badge.component').then(c => c.BadgeComponent)
35-
},
36-
{
37-
path: 'components/dialog',
38-
loadComponent: () => import('./pages/docs/components/dialog/dialog.component').then(c => c.DialogComponent)
39-
},
40-
{
41-
path: 'components/dropdown-menu',
42-
loadComponent: () => import('./pages/docs/components/dropdown-menu/dropdown-menu.component').then(c => c.DropdownMenuComponent)
43-
},
44-
{
45-
path: 'components/popover',
46-
loadComponent: () => import('./pages/docs/components/popover/popover.component').then(c => c.PopoverComponent)
47-
},
48-
{
49-
path: 'components/tabs',
50-
loadComponent: () => import('./pages/docs/components/tabs/tabs.component').then(c => c.TabsComponent)
51-
},
52-
{
53-
path: '',
54-
pathMatch: 'full',
55-
redirectTo: 'introduction'
56-
}
5716
]
5817
},
5918
{
6019
path: '',
61-
redirectTo: '/docs/introduction',
20+
redirectTo: 'docs/getting-started/introduction',
6221
pathMatch: 'full'
6322
},
6423
{
6524
path: '**',
66-
redirectTo: ''
25+
redirectTo: 'docs/getting-started/introduction'
6726
}
6827
];
Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
import { Routes } from '@angular/router';
2+
3+
export const routes: Routes = [
4+
{
5+
path: 'accordion',
6+
loadComponent: () => import('./pages/docs/components/accordion/accordion.component').then(c => c.AccordionComponent)
7+
},
8+
{
9+
path: 'button',
10+
loadComponent: () => import('./pages/docs/components/button/button.component').then(c => c.ButtonComponent)
11+
},
12+
{
13+
path: 'alert',
14+
loadComponent: () => import('./pages/docs/components/alert/alert.component').then(c => c.AlertComponent)
15+
},
16+
{
17+
path: 'avatar',
18+
loadComponent: () => import('./pages/docs/components/avatar/avatar.component').then(c => c.AvatarComponent)
19+
},
20+
{
21+
path: 'badge',
22+
loadComponent: () => import('./pages/docs/components/badge/badge.component').then(c => c.BadgeComponent)
23+
},
24+
{
25+
path: 'dialog',
26+
loadComponent: () => import('./pages/docs/components/dialog/dialog.component').then(c => c.DialogComponent)
27+
},
28+
{
29+
path: 'dropdown-menu',
30+
loadComponent: () => import('./pages/docs/components/dropdown-menu/dropdown-menu.component').then(c => c.DropdownMenuComponent)
31+
},
32+
{
33+
path: 'popover',
34+
loadComponent: () => import('./pages/docs/components/popover/popover.component').then(c => c.PopoverComponent)
35+
},
36+
{
37+
path: 'tabs',
38+
loadComponent: () => import('./pages/docs/components/tabs/tabs.component').then(c => c.TabsComponent)
39+
}
40+
];

projects/docs/src/app/components/sidenav/sidenav.component.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ <h2 class="mb-4 text-sm font-semibold text-zinc-800 dark:text-zinc-100">
1010
@for (link of section.links; track link.name) {
1111
<li class="text-zinc-600 hover:text-zinc-950 dark:text-zinc-300 dark:hover:text-white">
1212
<a class="relative flex h-10 items-center border-l border-zinc-200 px-4 outline-none transition-colors focus-visible:ring-2 focus-visible:ring-blue-500 dark:border-zinc-800"
13-
[routerLink]="link.path"
13+
[routerLink]="'docs/' + section.link + '/' + link.path"
1414
routerLinkActive="text-black dark:text-white font-medium before:w-0.5 before:bg-zinc-950 before:rounded-lg before:h-6 before:absolute before:left-0 before:-translate-x-1/2 dark:before:bg-white">
1515
@if (link.icon) {
1616
<ng-icon class="mr-2 text-base text-zinc-600 dark:text-zinc-300" [name]="link.icon" />

projects/docs/src/app/components/sidenav/sidenav.component.ts

Lines changed: 15 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -18,24 +18,26 @@ export class SidenavComponent {
1818
sections: NavSection[] = [
1919
{
2020
title: 'Getting Started',
21+
link: 'getting-started',
2122
links: [
22-
{ name: 'Introduction', icon: 'bootstrapBook', path: '/docs/introduction' },
23-
{ name: 'Installation', icon: 'bootstrapRocketTakeoff', path: '/docs/installation' },
24-
{ name: 'Theming', icon: 'bootstrapPaintBucket', path: '/docs/theming' }
23+
{ name: 'Introduction', icon: 'bootstrapBook', path: 'introduction' },
24+
{ name: 'Installation', icon: 'bootstrapRocketTakeoff', path: 'installation' },
25+
{ name: 'Theming', icon: 'bootstrapPaintBucket', path: 'theming' }
2526
]
2627
},
2728
{
2829
title: 'Components',
30+
link: 'components',
2931
links: [
30-
{ name: 'Accordion', path: '/docs/components/accordion' },
31-
{ name: 'Alert', path: '/docs/components/alert' },
32-
{ name: 'Tabs', path: '/docs/components/tabs' },
33-
{ name: 'Avatar', path: '/docs/components/avatar' },
34-
{ name: 'Badge', path: '/docs/components/badge' },
35-
{ name: 'Button', path: '/docs/components/button' },
36-
{ name: 'Dialog', path: '/docs/components/dialog' },
37-
{ name: 'Dropdown Menu', path: '/docs/components/dropdown-menu' },
38-
{ name: 'Popver', path: '/docs/components/popover' },
32+
{ name: 'Accordion', path: 'accordion' },
33+
{ name: 'Alert', path: 'alert' },
34+
{ name: 'Tabs', path: 'tabs' },
35+
{ name: 'Avatar', path: 'avatar' },
36+
{ name: 'Badge', path: 'badge' },
37+
{ name: 'Button', path: 'button' },
38+
{ name: 'Dialog', path: 'dialog' },
39+
{ name: 'Dropdown Menu', path: 'dropdown-menu' },
40+
{ name: 'Popver', path: 'popover' },
3941
]
4042
}
4143
];
@@ -59,5 +61,6 @@ interface NavLink {
5961

6062
interface NavSection {
6163
title: string;
64+
link?: string;
6265
links: NavLink[];
6366
}
Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import { Routes } from '@angular/router';
2+
3+
export const routes: Routes = [
4+
{
5+
path: 'introduction',
6+
loadComponent: () => import('./pages/docs/introduction/introduction.component').then(c => c.IntroductionComponent)
7+
},
8+
{
9+
path: 'installation',
10+
loadComponent: () => import('./pages/docs/installation/installation.component').then(c => c.InstallationComponent)
11+
},
12+
];

0 commit comments

Comments
 (0)