Set apptoken header

src/app/DPU/home/home.component.ts

@@ -17,8 +17,9 @@ export class HomeComponent {
   ) { }
 
   logout() {
-    localStorage.removeItem('authToken'); // Clear the authentication token
-    this.router.navigate(['/auth/login']); // Navigate to the login page
+    // localStorage.removeItem('authToken'); // Clear the authentication token
+    // this.router.navigate(['/auth/login']); // Navigate to the login page
+    this.tokenService.signOut();
   }
 
   checkAppToken(appmodule:string){

src/app/shared/components/header/header.component.html

@@ -303,7 +303,8 @@
               id="header-shortcut-scroll">
               <div class="grid grid-cols-3 gap-2">
                 <div class="">
-                  <a routerLink="/myhr-plus/dashboard"
+                  <!-- <a routerLink="/myhr-plus/dashboard" -->
+                  <a (click)="checkAppToken('myhr-plus')"
                     class="p-4 items-center related-app block text-center rounded-sm hover:bg-gray-50 dark:hover:bg-black/20">
                     <img src="./assets/images/logoallHR/myhr-plus.jpg" alt="miscrosoft"
                       class="leading-[1.75] text-2xl !h-[1.75rem] align-middle flex justify-center mx-auto">
@@ -313,7 +314,8 @@
                 </div>
 
                 <div class="">
-                  <a routerLink="/myhr-lite/dashboard"
+                  <!-- <a routerLink="/myhr-lite/dashboard" -->
+                  <a (click)="checkAppToken('myhr-lite')"
                     class="p-4 items-center related-app block text-center rounded-sm hover:bg-gray-50 dark:hover:bg-black/20">
                     <img src="./assets/images/logoallHR/myHR-Lite-logo-new.png" alt="miscrosoft"
                       class="leading-[1.75] text-2xl !h-[1.75rem] align-middle flex justify-center mx-auto">
@@ -323,7 +325,8 @@
                 </div>
 
                 <div class="">
-                  <a routerLink="/zeeme/dashboard"
+                  <!-- <a routerLink="/zeeme/dashboard" -->
+                  <a (click)="checkAppToken('zeeme')"
                     class="p-4 items-center related-app block text-center rounded-sm hover:bg-gray-50 dark:hover:bg-black/20">
                     <img src="./assets/images/logoallHR/zeemePlus.png" alt="miscrosoft"
                       class="leading-[1.75] text-2xl !h-[1.75rem] align-middle flex justify-center mx-auto">
@@ -333,7 +336,8 @@
                 </div>
 
                 <div class="">
-                  <a routerLink="/myface/dashboard"
+                  <!-- <a routerLink="/myface/dashboard" -->
+                  <a (click)="checkAppToken('myface')"
                     class="p-4 items-center related-app block text-center rounded-sm hover:bg-gray-50 dark:hover:bg-black/20">
                     <img src="./assets/images/logoallHR/logo_myface.png" alt="miscrosoft"
                       class="leading-[1.75] text-2xl !h-[1.75rem] align-middle flex justify-center mx-auto">
@@ -343,7 +347,8 @@
                 </div>
 
                 <div class="">
-                  <a routerLink="/mylearn/mylearn-pdpa-manage"
+                  <!-- <a routerLink="/mylearn/mylearn-pdpa-manage" -->
+                  <a (click)="checkAppToken('mylearn')"
                     class="p-4 items-center related-app block text-center rounded-sm hover:bg-gray-50 dark:hover:bg-black/20">
                     <img src="./assets/images/logoallHR/mylearn-logo.png" alt="miscrosoft"
                       class="leading-[1.75] text-2xl !h-[1.75rem] align-middle flex justify-center mx-auto">
@@ -353,7 +358,8 @@
                 </div>
 
                 <div class="">
-                  <a routerLink="/myjob/pdpa-manage"
+                  <!-- <a routerLink="/myjob/pdpa-manage" -->
+                  <a (click)="checkAppToken('myjob')"
                     class="p-4 items-center related-app block text-center rounded-sm hover:bg-gray-50 dark:hover:bg-black/20">
                     <img src="./assets/images/logoallHR/logo_myjob.png" alt="miscrosoft"
                       class="leading-[1.75] text-2xl !h-[1.75rem] align-middle flex justify-center mx-auto">
@@ -363,7 +369,9 @@
                 </div>
 
                 <div class="">
-                  <a routerLink="/myskill-x/portal-category-list"
+                  <!-- <a routerLink="/myskill-x/portal-category-list" -->
+                  <!-- <a routerLink="/myskill-x/portal-category-list" -->
+                  <a (click)="checkAppToken('myskill-x')"
                     class="p-4 items-center related-app block text-center rounded-sm hover:bg-gray-50 dark:hover:bg-black/20">
                     <img src="./assets/images/logoallHR/mySkill-x.png" alt="miscrosoft"
                       class="leading-[1.75] text-2xl !h-[1.75rem] align-middle flex justify-center mx-auto">

src/app/shared/components/header/header.component.ts

@@ -26,10 +26,14 @@ export class HeaderComponent {
   notificationCount: number = 5;
   public isCollapsed = true;
   public selectedLanguage = "";
-  constructor(public navServices: NavService,
-    private elementRef: ElementRef, private renderer: Renderer2,
+  constructor(
+    public navServices: NavService,
+    private elementRef: ElementRef, 
+    private renderer: Renderer2,
     private tokenService: TokenService,
-    private translate: TranslateService) {
+    private translate: TranslateService,
+    private router: Router,
+  ) {
 
     this.translate.use(
       sessionStorage.getItem("Lang") != null
@@ -250,4 +254,9 @@ export class HeaderComponent {
   logOut() {
     this.tokenService.signOut();
   }
+
+  checkAppToken(appmodule:string){
+    this.tokenService.saveAppToken(appmodule)
+    this.router.navigate(['/'+appmodule])
+  }
 }