แก้ตาม doc

src/app/components/competency-assessment/competency-management/group-competencies/edit-group-competencies/edit-group-competencies.component.html

@@ -53,9 +53,9 @@
             <!-- Content ของ div แรก -->
             <div class="flex gap-x-6">
                 <div class="flex items-center">
-                    <input type="checkbox" class="ti-form-checkbox mt-0.5" id="hs-checkbox-group-1">
                     <label for="hs-checkbox-group-1"
-                        class="text-sm text-gray-500 ltr:ml-2 rtl:mr-2 dark:text-white/70">0 Selected</label>
+                        class="text-sm text-gray-500 ltr:ml-2 rtl:mr-2 dark:text-white/70">{{checkSelect()}}
+                        Selected</label>
                 </div>
 
                 <div class="flex items-center">
@@ -129,18 +129,14 @@
                         </tr>
                     </thead>
                     <tbody>
-                        <tr *ngFor="let item of[
-                                ['CC-01', 'จิตสำนึกด้านความปลอดภัยและคุณภาพ (Safety & Quality)','ระดับที่ 1'],
-                                ['CC-02', 'การทำงานเป็นทีมแบบ TAT (TAT Teamwork)','ระดับที่ 1'],
-                                ['CC-03', 'ความรับผิดชอบในหน้าที่และโปร่งใส (Accountability & Ethics)','ระดับที่ 1'],
-                                ['CC-04', 'การพัฒนาอย่างต่อเนื่อง (Readiness to Learn & Continous Improvement)','ระดับที่ 1'],
-                                ['CC-05', 'การคิดอย่างเป็นระบบ (Systematic Thinking)','ระดับที่ 1']];let i = index">
+                        <tr *ngFor="let item of mockDataList;let i = index">
                             <td class="flex justify-center items-center" style="height: 40px; font-size: 12px;">
-                                <input class="mr-1" type="checkbox" style="transform: scale(0.7);">
-                                <span style="display: inline-block;" class="w-10">{{ item[0] }}</span>
+                                <input class="mr-1" type="checkbox" style="transform: scale(0.7);"
+                                    [(ngModel)]="item.checked">
+                                <span style="display: inline-block;" class="w-10">{{ item.id}}</span>
                             </td>
-                            <td style="font-size: 12px; width: 60%;">{{item[1]}}</td>
-                            <td style="font-size: 12px;text-align: center;">{{item[2]}}</td>
+                            <td style="font-size: 12px; width: 60%;">{{item.name}}</td>
+                            <td style="font-size: 12px;text-align: center;">{{item.level}}</td>
                             <td class="flex justify-center">
                                 <i class="ti ti-trash cursor-pointer i-gray fs-l px-1"
                                     data-hs-overlay="#edit-group-competencies-alert-delete-modal"></i>

src/app/components/competency-assessment/competency-management/group-competencies/edit-group-competencies/edit-group-competencies.component.ts

@@ -40,6 +40,15 @@ export class EditGroupCompetenciesComponent {
       }
     };
 
+  mockDataList = [
+    { checked: false, id: 'CC-01', name: 'จิตสำนึกด้านความปลอดภัยและคุณภาพ (Safety & Quality)', level: 'ระดับที่ 1' },
+    { checked: false, id: 'CC-02', name: 'การทำงานเป็นทีมแบบ TAT (TAT Teamwork)', level: 'ระดับที่ 1' },
+    { checked: false, id: 'CC-03', name: 'ความรับผิดชอบในหน้าที่และโปร่งใส (Accountability & Ethics)', level: 'ระดับที่ 1' },
+    { checked: false, id: 'CC-04', name: 'การพัฒนาอย่างต่อเนื่อง (Readiness to Learn & Continous Improvement)', level: 'ระดับที่ 1' },
+    { checked: false, id: 'CC-05', name: 'การคิดอย่างเป็นระบบ (Systematic Thinking)', level: 'ระดับที่ 1' }]
+  checkSelect() {
+    return this.mockDataList.filter(item => item.checked).length;
+  }
   openModal(name: string, size: string, closeOnBackdrop?: boolean) {
     this.modalOptions[name].modalSize = size;
     this.modalOptions[name].backdropClose = closeOnBackdrop || false;
@@ -64,6 +73,7 @@ export class EditGroupCompetenciesComponent {
 
   toggleCheckbox() {
     this.isChecked = !this.isChecked; // สลับสถานะ
+    this.mockDataList = this.mockDataList.map(x => ({ ...x, checked: this.isChecked }))
   }
 
   // ฟังก์ชันสำหรับการเพิ่ม ลบ หรือแก้ไข ข้อมูล

src/app/components/competency-assessment/idp-development-plan/set-idp-development-plan/set-idp-development-plan.component.html

@@ -80,7 +80,7 @@
     </div>
 </div>
 
-<div class="page px-rem mt-5">
+<div class="page px-rem my-5">
     <p class="pb-2">ตารางกำหนดแผนพัฒนา</p>
     <div class="overflow-auto table-bordered rounded-t-md" style="max-width: 70%;">
       <div id="card-type-1" role="tabpanel" aria-labelledby="card-type-item-1">
@@ -127,6 +127,12 @@
                         <td><input type="checkbox"></td>
                         <td><input type="checkbox"></td>
                     </tr>
+                    <tr>
+                        <td>5</td>
+                        <td><input type="checkbox"></td>
+                        <td><input type="checkbox"></td>
+                        <td><input type="checkbox"></td>
+                    </tr>
                   </tbody>
               </table>
           </div>

src/app/components/job-detail-components/job-detail-management/import-data/import-data.component.html

@@ -54,7 +54,7 @@
                             <thead>
                                 <tr>
                                     <ng-container
-                                        *ngFor="let item of ['ลำดับ','รหัสงาน','ชื่อลักษณะงาน (ไทย)','ชื่อลักษณะงาน (อังกฤษ)','การจัดการ']; let f = first; let l = last">
+                                        *ngFor="let item of ['ลำดับ','รหัสงาน','ชื่อลักษณะงาน (ไทย) *','ชื่อลักษณะงาน (อังกฤษ)','การจัดการ']; let f = first; let l = last">
                                         <th scope="col" class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
                                             <span class="font-size-12px font-weight-700">{{ item }}</span>
                                             <div class="absolute top-1/2 transform -translate-y-1/2 right-0" *ngIf="!l">

src/app/components/job-detail-components/job-detail/work-detail/work-detail.component.html

@@ -50,7 +50,7 @@
                             <thead>
                                 <tr>
                                     <ng-container
-                                        *ngFor="let item of ['ลำดับ','รหัสงาน','ชื่อลักษณะงาน (ไทย)','ชื่อลักษณะงาน (อังกฤษ)','การจัดการ']; let f = first; let l = last">
+                                        *ngFor="let item of ['ลำดับ','รหัสงาน','ชื่อลักษณะงาน (ไทย) *','ชื่อลักษณะงาน (อังกฤษ)','การจัดการ']; let f = first; let l = last">
                                         <th scope="col" class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
                                             <span class="font-size-12px font-weight-700">{{ item }}</span>
                                             <div class="absolute top-1/2 transform -translate-y-1/2 right-0" *ngIf="!l">

src/app/components/job-detail-components/job-position-indicators/sub-job-position-indicators/sub-job-position-indicators.component.html

@@ -50,7 +50,7 @@
                             <thead>
                                 <tr>
                                     <ng-container
-                                        *ngFor="let item of ['ลำดับ','รหัสงาน','ชื่อลักษณะงาน (ไทย)','ชื่อลักษณะงาน (อังกฤษ)','การจัดการ']; let f = first; let l = last">
+                                        *ngFor="let item of ['ลำดับ','รหัสงาน','ชื่อลักษณะงาน (ไทย) *','ชื่อลักษณะงาน (อังกฤษ)','การจัดการ']; let f = first; let l = last">
                                         <th scope="col" class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
                                             <span class="font-size-12px font-weight-700">{{ item }}</span>
                                             <div class="absolute top-1/2 transform -translate-y-1/2 right-0" *ngIf="!l">

src/app/shared/services/navservice.ts

@@ -155,7 +155,7 @@ export class NavService implements OnDestroy {
         { path: '/assessment-management', title: 'การจัดการการประเมิน', type: 'link' },
         { path: '/evaluation-cycle-performance', title: 'รอบการประเมิน', type: 'link' },
         { path: '/setting-performance-evalution', title: 'การตั้งค่า', type: 'link' },
-        { path: '', title: 'รายงาน', type: 'link' },
+        { path: '/dashboard/projects', title: 'รายงาน', type: 'link' },
       ],
     },