This section explains how to bypass the login page and go directly to the dashboard page.
src/app/app-routing.module.ts
// Angular Imports
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
// project import
import { AdminLayout } from './theme/layout/admin-layout/admin-layout.component';
import { GuestLayouts } from './theme/layout/guest-layout/guest-layout.component';
// import { AuthGuardChild } from './theme/shared/components/_helpers/auth.guard';
import { Role } from './theme/shared/components/_helpers/role';
const routes: Routes = [
{
path: '',
component: GuestLayouts,
children: [
....
{
path: 'auth',
// canActivateChild: [AuthGuardChild],
loadChildren: () => import('./demo/pages/authentication/authentication.module').then((m) => m.AuthenticationModule),
data: {
roles: [Role.Admin, Role.User]
}
},
{
path: 'maintenance',
// canActivateChild: [AuthGuardChild],
loadChildren: () => import('./demo/pages/maintenance/maintenance.module').then((m) => m.MaintenanceModule),
data: {
roles: [Role.Admin, Role.User]
}
}
]
},
{
path: '',
component: AdminComponent,
// canActivateChild: [AuthGuardChild], <!-- Commented to AuthGuardChild -->
children: [
....
]
},
...
]
src/app/demo/pages/landing/landing.component.html
Form:
<a [routerLink]="['/login']" class="btn btn-primary live-btn" target="_blank">
<i class="me-1" antIcon theme="outline" type="eye"></i>
Live Preview
</a>
To:
<a [routerLink]="['/dashboard/default']" class="btn btn-primary live-btn" target="_blank">
<i class="me-1" antIcon theme="outline" type="eye"></i>
Live Preview
</a>