แก้หน้าจอdashboard

src/app/components/my-skill-x-module/my-skill-x-module.component.html

-
 <header class="flex flex-col items-center gap-3 text-center">
 
   <!-- โลโก้ -->
-  <img src="./assets/img/brand-logos/mySkill-XXX-h190.PNG"
-       alt="mySkillX"
-       class="h-32 w-auto" />
+  <img src="./assets/img/brand-logos/mySkill-XXX-h190.PNG" alt="mySkillX" class="h-32 w-auto" />
 
   <!-- บรรทัดใหญ่ -->
   <h1 class="max-w-[900px] text-2xl sm:text-3xl font-bold text-gray-900">
@@ -25,15 +22,13 @@
   <div class="bp-card bp-glow">
     <div class="bp-head">
       <h3 class="bp-title">HRD One X</h3>
-      <p  class="bp-sub">Human Resource Development</p>
+      <p class="bp-sub">Human Resource Development</p>
     </div>
 
     <div class="bp-grid">
-      <ng-container *ngFor="let m of hrdModules">
-        <div class="module-card" routerLink="/ess/employee-self-service">
-            <img [src]="m.icon"
-             [alt]="m.title + ' icon'"
-             class="module-img"/>
+      <ng-container *ngFor="let m of hrdModules let f = first">
+        <div class="module-card" [routerLink]=" !f ? '/ess/employee-self-service' :null">
+          <img [src]="m.icon" [alt]="m.title + ' icon'" class="module-img" />
           <p class="module-label">
             <span class="font-semibold text-sky-600">One X</span><br />
             {{ m.title }}
@@ -48,15 +43,13 @@
   <div class="bp-card bp-card--blue bp-glow">
     <div class="bp-head">
       <h3 class="bp-title">HRM One X</h3>
-      <p  class="bp-sub">Human Resource Management</p>
+      <p class="bp-sub">Human Resource Management</p>
     </div>
 
     <div class="bp-grid">
       <ng-container *ngFor="let m of hrmModules">
-        <div class="module-card"  routerLink="/ess/employee-self-service">
-            <img [src]="m.icon"
-             [alt]="m.title + ' icon'"
-             class="module-img"/>
+        <div class="module-card" routerLink="/ess/employee-self-service">
+          <img [src]="m.icon" [alt]="m.title + ' icon'" class="module-img" />
           <p class="module-label">
             <span class="font-semibold text-sky-600">One X</span><br />
             {{ m.title }}
@@ -70,6 +63,10 @@
 </section>
 
 <!-- eco-system pill --------------------------------------------------->
-<div class="eco-pill bp-glow mx-auto mt-5">
-  Eco system <span class="font-semibold">myHR</span>
-</div>
+<div (click)="goToWebsite('https://www.myhr.co.th/')"
+  class="eco-pill bp-glow mx-auto mt-5 text-center !p-0 cursor-pointer">
+  <span class="flex flex-row" style="font-size: 30px;align-items: center;justify-content: center;">
+    Eco system <span class="font-semibold">myHR</span>
+    <img src='./assets/img/icons-menu/logo-myhr.png' style="width: 100px;" />
+  </span>
+</div>
\ No newline at end of file

src/app/components/my-skill-x-module/my-skill-x-module.component.ts

@@ -23,4 +23,8 @@ export class MySkillXModuleComponent {
     { icon: 'assets/img/logos/HDM/5.png', title: 'JD & Org Chart' },
     { icon: 'assets/img/logos/HDM/6.png', title: 'Welfare & Reward' }
   ];
+
+  goToWebsite(web: string) {
+    window.open(web, '_blank');
+  }
 }