Gradient Able Angular
  • ✨Introduction
  • 🚀Quick Installation
  • 📂File Structure
  • 📄Page Structure
  • 🛠️Theme Configuration
  • 🎨Theme Layouts
  • 📦Dependencies
  • ✏️How to
    • Dashboard as First Page
    • Login as First Page
    • Remove Role Base Authentication
    • Remove Authentication
    • Guard Children Routes
    • Role-Based Authentication
  • 📅Changelog
  • 🆘Support
Powered by GitBook
On this page

Was this helpful?

  1. How to

Remove Authentication

How to remove authentication login page.

This section explains how to bypass the login page and go directly to the dashboard page.

  1. Update route at: src/app/app-routing.module.ts

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: [
           ....
        ]
     },
    ...
]
  1. Changed the navigation path from the landing page to the login page, to now redirect from the landing page to the dashboard page.

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>
​
PreviousRemove Role Base AuthenticationNextGuard Children Routes

Last updated 5 months ago

Was this helpful?

✏️