feat(arc-lib): standalone components with intro part

standalone components with docs of introduction part

GH-26

Author: Deepika516

projects/arc-lib/src/lib/components/header /header.component.ts

@@ -1,12 +1,12 @@
 import {Component, OnInit} from '@angular/core';
 import {CommonModule} from '@angular/common';
-import { ThemeModule } from '@project-lib/theme/theme.module';
-import { ActivatedRoute, Router } from '@angular/router';
-import { NbSidebarService, NbMenuService, NbMenuItem } from '@nebular/theme';
-import { AuthService, LoggedInUserDM } from '@project-lib/core/auth';
-import { RouteComponentBaseDirective } from '@project-lib/core/route-component-base';
-import { IconPacksManagerService } from '@project-lib/theme/services';
-import { takeUntil } from 'rxjs';
+import {ThemeModule} from '@project-lib/theme/theme.module';
+import {ActivatedRoute, Router} from '@angular/router';
+import {NbSidebarService, NbMenuService, NbMenuItem} from '@nebular/theme';
+import {AuthService, LoggedInUserDM} from '@project-lib/core/auth';
+import {RouteComponentBaseDirective} from '@project-lib/core/route-component-base';
+import {IconPacksManagerService} from '@project-lib/theme/services';
+import {takeUntil} from 'rxjs';
 import {Location} from '@angular/common';
 
 @Component({
@@ -22,10 +22,7 @@ export class HeaderComponent
 {
   toggleFooter = false;
   loggedInUserDM: LoggedInUserDM = new LoggedInUserDM();
-  userMenu: NbMenuItem[] = [{ title: 'Log out', data: 'logout' }]; //dynamic krna hai ,
-  // dusry project mai b chala hai
-  //header place change   ------Done
-  //css variable
+  userMenu: NbMenuItem[] = [{title: 'Log out', data: 'logout'}];
   constructor(
     override readonly route: ActivatedRoute,
     override readonly location: Location,
@@ -55,14 +52,5 @@ export class HeaderComponent
       .subscribe(usr => {
         this.loggedInUserDM = usr;
       });
-    // this.menuService
-    //   .onItemClick()
-    //   .pipe(takeUntil(this._destroy$))
-    //   .subscribe(menu => {
-    //     console.log(menu);
-    //     if (menu.tag === 'userMenu' && menu.item.data === 'logout') {
-    //       this.authService.logout().pipe(takeUntil(this._destroy$)).subscribe();
-    //     }
-    //   });
   }
 }

projects/arc/src/app/app-routing.module.ts

@@ -6,24 +6,24 @@ import {AuthGuard, LoggedInGuard} from '@project-lib/core/auth';
 const routes: Routes = [
   {
     path: 'auth',
-  loadChildren: () =>
-  import('projects/arc-lib/src/lib/components/auth/auth.module').then(
-  m => m.AuthModule,
-  ),
-  // canActivate: [LoggedInGuard],
+    loadChildren: () =>
+      import('projects/arc-lib/src/lib/components/auth/auth.module').then(
+        m => m.AuthModule,
+      ),
+    canActivate: [LoggedInGuard],
   },
   {
     path: 'main',
     loadChildren: () => import('./main/main.module').then(m => m.MainModule),
-    // canActivate: [AuthGuard],
+    canActivate: [AuthGuard],
   },
   {
     path: 'gantt',
     loadChildren: () =>
       import('../../../arc-lib/src/lib/components/gantt/gantt.module').then(
         m => m.GanttModule,
       ),
-    // canActivate: [AuthGuard],
+    canActivate: [AuthGuard],
   },
   {
     path: '',

projects/arc/src/app/main/home/home.component.scss

@@ -27,7 +27,7 @@
     }
   }
 
-    .feat-detail-wrapper { //extra
+    .feat-detail-wrapper { 
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
@@ -60,7 +60,7 @@
     max-width: 100%;
   }
 
-  .feat-detail-img-wrapper img{           // extra
+  .feat-detail-img-wrapper img{   
     max-width: 100%;
   }
 
@@ -166,7 +166,7 @@
         font-size: 24px;
       }
     }
-    .feat-detail-wrapper{ // etra
+    .feat-detail-wrapper{ 
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
@@ -196,15 +196,15 @@
     .col-md-3 {
       width: 100%;
     }
-    .feat-detail-box{   //extra
+    .feat-detail-box{   
       margin-bottom: 20px;
       .feat-detail-content{
         h2{
         font-size: 24px;
       }
      }
     }
-     .feat-detail-img-wrapper{           // extra
+     .feat-detail-img-wrapper{  
     text-align: center;
   }
   }

projects/arc/src/app/main/main.component.ts

@@ -31,9 +31,6 @@ export class MainComponent
     super(route, location);
     this.iconMgr.registerSvgs();
   }
-
-  // loggedInUserDM: LoggedInUserDM = new LoggedInUserDM();
-  // userMenu: NbMenuItem[] = [{title: 'Log out', data: 'logout'}];
   menu: NbMenuItem[] = [
     {
       title: 'Home',
@@ -63,22 +60,7 @@ export class MainComponent
     },
   ];
 
-  // navigate(link: string) {
-  //   this.router.navigate([link]);
-  // }
-
-  // toggle() {
-  //   this.sidebarService.toggle(true, 'right');
-  //   this.toggleFooter = !this.toggleFooter;
-  // }
-
   ngOnInit(): void {
-    // this.authService
-    //   .currentUser()
-    //   .pipe(takeUntil(this._destroy$))
-    //   .subscribe(usr => {
-    //     this.loggedInUserDM = usr;
-    //   });
     this.menuService
       .onItemClick()
       .pipe(takeUntil(this._destroy$))