UPDATE แก้คำ

src/app/components/company-components/account-settings/set-a-password/set-a-password.component.html

@@ -10,7 +10,7 @@
 
                 <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 text-sm font-medium text-center text-secondary border-secondary border-b-2 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 align-items-end"
                     href="javascript:void(0);">
-                    ดาวโหลดตัวอย่างไฟล์
+                    ดาวน์โหลดตัวอย่างไฟล์
                 </a>
             </div>
      </div>

src/app/components/company-components/account-settings/user-settings/user-settings.component.html

@@ -10,7 +10,7 @@
 
                 <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 text-sm font-medium text-center text-secondary border-secondary border-b-2 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 align-items-end"
                     href="javascript:void(0);">
-                    ดาวโหลดตัวอย่างไฟล์
+                    ดาวน์โหลดตัวอย่างไฟล์
                 </a>
             </div>
      </div>

src/app/components/company-components/company-registration/branch-business-unit/department-list/department-list.component.html

@@ -10,7 +10,7 @@
 
                 <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 text-sm font-medium text-center text-secondary border-secondary border-b-2 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 align-items-end"
                     href="javascript:void(0);">
-                    ดาวโหลดตัวอย่างไฟล์
+                    ดาวน์โหลดตัวอย่างไฟล์
                 </a>
             </div>
      </div>

src/app/components/company-components/company-registration/branch-business-unit/department-register/department-register.component.html

@@ -8,7 +8,7 @@
                 </button>
                 <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 font-weight-500 font-size-12px text-center text-secondary border-secondary border-b-2 align-items-end"
                     href="javascript:void(0);">
-                    ดาวโหลดตัวอย่างไฟล์
+                    ดาวน์โหลดตัวอย่างไฟล์
                 </a>
             </div>
         </div>

src/app/components/company-components/company-registration/branch-business-unit/section-registration/section-registration.component.html

@@ -10,7 +10,7 @@
 
                 <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 text-sm font-medium text-center text-secondary border-secondary border-b-2 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 align-items-end"
                     href="javascript:void(0);">
-                    ดาวโหลดตัวอย่างไฟล์
+                    ดาวน์โหลดตัวอย่างไฟล์
                 </a>
             </div>
      </div>

src/app/components/company-components/company-registration/branch-business-unit/sub-department-four/sub-department-four.component.html

@@ -10,7 +10,7 @@
 
                 <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 text-sm font-medium text-center text-secondary border-secondary border-b-2 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 align-items-end"
                     href="javascript:void(0);">
-                    ดาวโหลดตัวอย่างไฟล์
+                    ดาวน์โหลดตัวอย่างไฟล์
                 </a>
             </div>
      </div>

src/app/components/company-components/company-registration/branch-business-unit/sub-department-one/sub-department-one.component.html

@@ -10,7 +10,7 @@
 
                 <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 text-sm font-medium text-center text-secondary border-secondary border-b-2 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 align-items-end"
                     href="javascript:void(0);">
-                    ดาวโหลดตัวอย่างไฟล์
+                    ดาวน์โหลดตัวอย่างไฟล์
                 </a>
             </div>
      </div>

src/app/components/company-components/company-registration/branch-business-unit/sub-department-three/sub-department-three.component.html

@@ -10,7 +10,7 @@
 
                 <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 text-sm font-medium text-center text-secondary border-secondary border-b-2 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 align-items-end"
                     href="javascript:void(0);">
-                    ดาวโหลดตัวอย่างไฟล์
+                    ดาวน์โหลดตัวอย่างไฟล์
                 </a>
             </div>
      </div>

src/app/components/company-components/company-registration/branch-business-unit/sub-department-two/sub-department-two.component.html

@@ -10,7 +10,7 @@
 
                 <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 text-sm font-medium text-center text-secondary border-secondary border-b-2 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 align-items-end"
                     href="javascript:void(0);">
-                    ดาวโหลดตัวอย่างไฟล์
+                    ดาวน์โหลดตัวอย่างไฟล์
                 </a>
             </div>
      </div>

src/app/components/company-components/company-registration/company-registration-page/company-registration-page.component.html

@@ -9,7 +9,7 @@
                 </button>
                 <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 font-weight-500 font-size-12px text-center text-secondary border-secondary border-b-2 align-items-end"
                     href="javascript:void(0);">
-                    ดาวโหลดตัวอย่างไฟล์
+                    ดาวน์โหลดตัวอย่างไฟล์
                 </a>
             </div>
         </div>
@@ -78,8 +78,8 @@
                 <tr
                     *ngFor="let item of dataListFilter() | slice:((currentPage-1) * 10) : (((currentPage-1) * 10) + 10);let i = index">
                     <td class="flex justify-center items-center">
-                        <input type="checkbox" class="ti-form-checkbox cursor-pointer" [(ngModel)]="item.check">
-                        <label>&nbsp;{{item.data.code}}</label>
+                        <input type="checkbox" class="ti-form-checkbox cursor-pointer" id="checkbox-{{item.data.code}}" [(ngModel)]="item.check">
+                        <label for="checkbox-{{item.data.code}}">&nbsp;{{item.data.code}}</label>
                     </td>
                     <td>{{item.data.tdesc}}</td>
                     <td>{{item.data.edesc}}</td>

src/app/components/company-components/employee-registration/sub-employee-registration/sub-employee-registration.component.html

@@ -10,7 +10,7 @@
 
         <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 text-sm font-medium text-center text-secondary border-secondary border-b-2 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 align-items-end"
           href="javascript:void(0);" data-hs-overlay="#sub-employee-registration-modal-upload">
-          ดาวโหลดตัวอย่างไฟล์
+          ดาวน์โหลดตัวอย่างไฟล์
         </a>
       </div>
     </div>

src/app/components/company-components/job-description/employee-categories/employee-categories.component.html

@@ -10,7 +10,7 @@
 
                 <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 text-sm font-medium text-center text-secondary border-secondary border-b-2 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 align-items-end"
                     href="javascript:void(0);">
-                    ดาวโหลดตัวอย่างไฟล์
+                    ดาวน์โหลดตัวอย่างไฟล์
                 </a>
             </div>
      </div>

src/app/components/company-components/job-description/employee-group-unit/employee-group-unit.component.html

@@ -10,7 +10,7 @@
 
                 <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 text-sm font-medium text-center text-secondary border-secondary border-b-2 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 align-items-end"
                     href="javascript:void(0);" data-hs-overlay="#employee-group-unit-component-modal-upload">
-                    ดาวโหลดตัวอย่างไฟล์
+                    ดาวน์โหลดตัวอย่างไฟล์
                 </a>
             </div>
      </div>

src/app/components/company-components/job-description/employee-level/employee-level.component.html

@@ -10,7 +10,7 @@
 
               <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 text-sm font-medium text-center text-secondary border-secondary border-b-2 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 align-items-end"
                   href="javascript:void(0);" data-hs-overlay="#employee-level-modal-upload">
-                  ดาวโหลดตัวอย่างไฟล์
+                  ดาวน์โหลดตัวอย่างไฟล์
               </a>
           </div>
    </div>

src/app/components/company-components/job-description/position/position-unit.component.html

@@ -10,7 +10,7 @@
 
                 <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 text-sm font-medium text-center text-secondary border-secondary border-b-2 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 align-items-end"
                     href="javascript:void(0);" data-hs-overlay="#position-unit-component-modal-upload">
-                    ดาวโหลดตัวอย่างไฟล์
+                    ดาวน์โหลดตัวอย่างไฟล์
                 </a>
             </div>
      </div>

src/app/components/competency-assessment/grade-registration/grade-management/grade-management.component.html

@@ -4,18 +4,16 @@
             <div class="flex pr-2">
                 <div class="flex">
                     <div class="flex items-center">
-                        <input type="checkbox" class="ti-form-checkbox pointer-events-none" id="hs-default-checkbox"
-                            [(ngModel)]="isDataListChecked">
                         <label for="hs-default-checkbox" class="text-sm text-gray-500 mx-2 pointer-events-none">
                             {{numDataListChecked}} Selected</label>
                     </div>
                     <div class="mx-1 flex items-center">
-                        <button (click)="isDataListCheckedAll = !isDataListCheckedAll;dataListCheckAll()"
+                        <button (click)="dataListCheckAll()"
                             class="focus:ring-2 focus:ring-primary rounded-sm flex item-center">
                             <i class="fs-l transition-all duration-200"
                                 [ngClass]="{'ri-checkbox-multiple-line text-gray-500': !isDataListCheckedAll, 'ri-checkbox-multiple-fill text-primary': isDataListCheckedAll}"></i>
                         </button>
-                        <label class="text-sm text-gray-500 ml-2">Select All</label>
+                        <label class="text-sm text-gray-500 ml-2" (click)="dataListCheckAll()">Select All</label>
                     </div>
                 </div>
             </div>
@@ -60,7 +58,7 @@
                 <thead class="height-50px">
                     <tr class="font-size-12px">
                         <ng-container
-                            *ngFor="let item of ['รหัส','รายละเอียด (ไทย)','รายละเอียด (อังกฤษ)','Action']; 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"
                                 [class.!text-center]="f||l">
                                 <span class="font-size-12px font-weight-700">{{ item }}</span>
@@ -79,12 +77,10 @@
                     </tr>
                 </tbody>
                 <tbody *ngIf="dataListFilter().length">
-                    <tr
-                        *ngFor="let item of dataListFilter() | slice:((currentPage-1) * 10) : (((currentPage-1) * 10) + 10);let i = index">
-                        <td class="flex justify-center">
-                            <input type="checkbox" class="ti-form-checkbox cursor-pointer" [(ngModel)]="item.check"
-                                (ngModelChange)="dataListCheck()">
-                            <label class="px-6">{{item.code}}</label>
+                    <tr *ngFor="let item of dataListFilter() | slice:((currentPage-1) * 10) : (((currentPage-1) * 10) + 10);let i = index">
+                        <td class="flex justify-center items-center">
+                            <input type="checkbox" class="ti-form-checkbox cursor-pointer" [(ngModel)]="item.check" id="checkbox-{{item.code}}">
+                            <label for="checkbox-{{item.code}}">&nbsp;{{item.code}}</label>
                         </td>
                         <td>{{item.tdesc}}</td>
                         <td>{{item.edesc}}</td>

src/app/components/competency-assessment/grade-registration/grade-management/grade-management.component.ts

@@ -74,6 +74,7 @@ export class GradeManagementComponent {
   }
 
   dataListCheckAll() {
+    this.isDataListCheckedAll = !this.isDataListCheckedAll;
     const selectAll = this.isDataListCheckedAll;
     this.dataList.forEach((x) => (x.check = selectAll));
     this.dataListCheck(); // อัปเดตสถานะการเช็ก

src/app/components/dashboard/dashboard-routing.module.ts

@@ -84,6 +84,7 @@ const routes: Routes = [
       { path: "name-registration-perfomance", title: 'ทะเบียนกำหนดชื่อ', component: NameRegistrationPerfomanceComponent },
       { path: "evaluation-factors", title: 'การประเมินจัดการประสิทธิภาพ', component: EvaluationFactorsComponent },
       { path: "grade-registration", title: 'ทะเบียนเกรด', component: GradeRegistrationComponent },
+      { path: "grade-registration-sub", title: 'ทะเบียนเกรด', component: GradeRegistrationComponent },
       { path: "setting-performance-evalution", title: 'การตั้งค่า', component: SettingPerformanceEvalutionComponent },
       { path: "self-evaluation", title: 'ประเมินตนเอง', component: SelfEvaluationComponent }
     ]

src/app/components/job-detail-components/command-structure/sub-command-structure/sub-command-structure.component.html

@@ -16,7 +16,7 @@
 
                         <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 font-weight-500 font-size-12px text-center text-secondary border-secondary border-b-2 align-items-end"
                             href="javascript:void(0);">
-                            ดาวโหลดตัวอย่างไฟล์
+                            ดาวน์โหลดตัวอย่างไฟล์
                         </a>
                     </div>
                 </div>

src/app/components/job-detail-components/job-competency/sub-job-competency/sub-job-competency.component.html

@@ -40,7 +40,7 @@
 
                     <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 font-weight-500 font-size-12px text-center text-secondary border-secondary border-b-2 align-items-end"
                         href="javascript:void(0);">
-                        ดาวโหลดตัวอย่างไฟล์
+                        ดาวน์โหลดตัวอย่างไฟล์
                     </a>
                 </div>
             </div>

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

@@ -16,7 +16,7 @@
 
                         <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 font-weight-500 font-size-12px text-center text-secondary border-secondary border-b-2 align-items-end"
                             href="javascript:void(0);">
-                            ดาวโหลดตัวอย่างไฟล์
+                            ดาวน์โหลดตัวอย่างไฟล์
                         </a>
                     </div>
                 </div>

src/app/components/job-detail-components/job-qualifications/sub-job-qualifications/sub-job-qualifications.component.html

@@ -40,7 +40,7 @@
 
                         <a class="mx-2 justify-center  -mb-px  inline-flex items-center gap-2 font-weight-500 font-size-12px text-center text-secondary border-secondary border-b-2 align-items-end"
                             href="javascript:void(0);">
-                            ดาวโหลดตัวอย่างไฟล์
+                            ดาวน์โหลดตัวอย่างไฟล์
                         </a>
                     </div>
                 </div>

src/app/shared/services/navservice.ts

@@ -139,7 +139,7 @@ export class NavService implements OnDestroy {
       path: '/name-registration-perfomance',
       children: [
         { path: '/name-registration-perfomance', title: 'ทะเบียนกำหนดชื่อ', type: 'link' },
-        { path: '/grade-registration', title: 'ทะเบียนเกรด', type: 'link' },
+        { path: '/grade-registration-sub', title: 'ทะเบียนเกรด', type: 'link' },
         { path: '/evaluation-factors', title: 'ปัจจัยการประเมินผล', type: 'link' },
         { path: '/assessment-management', title: 'การจัดการการประเมิน', type: 'link' },
         { path: '/evaluation-cycle-performance', title: 'รอบการประเมิน', type: 'link' },