จัดการรายละเอียดงาน แปลภาษา

815eabb2 · Nattana Chaiyamat · e0532566 · 815eabb2 · 815eabb2 · 815eabb2
Commit 815eabb2 authored Sep 17, 2025 by Nattana Chaiyamat
26 changed files
--- a/src/app/components/dashboard/dashboard-routing.module.ts
+++ b/src/app/components/dashboard/dashboard-routing.module.ts
@@ -85,13 +85,13 @@ const routes: Routes = [
      { path: "ess/self-evaluation", title: 'ประเมินตนเอง', component: SelfEvaluationComponent },
      { path: "ess/self-evaluation/:part", title: 'ประเมินตนเอง', component: SelfEvaluationComponent },
      { path: "admin/day-type-registry", title: 'ประเมินตนเอง', component: DayTypeRegistryComponent },
-      { path: "admin/company-registration", title: 'menu.Company', component: CompanyRegistrationComponent },
+      { path: "admin/company-registration", title: 'ทะเบียนบริษัท', component: CompanyRegistrationComponent },
      { path: "admin/job-description", title: 'ข้อมูลลักษณะงาน', component: JobDescriptionComponent },
      { path: "admin/account-settings", title: 'ตั้งค่าผู้ใช้งาน', component: AccountSettingsComponent },
      { path: "admin/name-registration", title: 'ทะเบียนกำหนดชื่อ', component: NameRegistrationComponent },
      { path: "admin/tool-register", title: 'ทะเบียนเครื่องมือ', component: ToolRegisterComponent },
      { path: "admin/competency-management", title: 'การจัดการสมรรถนะ', component: CompetencyManagementComponent },
-      { path: "admin/job-detail-management", title: 'การจัดการรายละเอียดงาน', component: JobDetailManagementComponent },
+      { path: "admin/job-detail-management", title: 'จัดการรายละเอียดงาน', component: JobDetailManagementComponent },
      { path: "admin/course-registration", title: 'ทะเบียนหลักสูตร', component: CourseRegistrationComponent },
      { path: "admin/edit-group-competencies", title: 'แก้ไขกลุ่มสมรรถนะ', component: EditGroupCompetenciesComponent },
      { path: "admin/evaluation-cycle-manager", title: 'การจัดการรอบการประเมิน', component: EvaluationCycleManagerComponent },

--- a/src/app/components/job-detail-components/command-structure/command-structure.component.html
+++ b/src/app/components/job-detail-components/command-structure/command-structure.component.html
@@ -3,7 +3,7 @@
 </div>
 <div class="block-main-content">
    <div class="font-size-18px font-weight-700 pt-1.5rem text-primary px-2rem">
-        โครงสร้างสายการบังคับบัญชา
+        {{'menu.OrganizationChart' | translate}}
    </div>
    <div class="page pt-0.75rem">
        <div class="border-b border-gray-200 dark:border-white/10 px-2rem">
@@ -11,8 +11,8 @@
                <a class="font-size-16px font-weight-500  hs-tab-active:font-weight-700 hs-tab-active:border-secondary  hs-tab-active:text-secondary pb-3 inline-flex items-center gap-2 border-b-[3px] border-transparent whitespace-nowrap text-gray-500  hover:text-secondary active"
                    href="javascript:void(0);" id="underline-item-1" data-hs-tab="#underline-1"
                    aria-controls="underline-1"
-                    (click)="pathTitle = ['การจัดการรายละเอียดงาน','โครงสร้างสายการบังคับบัญชา']">
-                    โครงสร้างสายการบังคับบัญชา
+                    (click)="pathTitle = ['menu.JobDescriptionJD','menu.OrganizationChart']">
+                    {{'menu.OrganizationChart' | translate}}
                </a>
            </nav>
        </div>

--- a/src/app/components/job-detail-components/command-structure/command-structure.component.ts
+++ b/src/app/components/job-detail-components/command-structure/command-structure.component.ts
@@ -6,5 +6,5 @@ import { Component } from '@angular/core';
  styleUrls: ['./command-structure.component.scss']
 })
 export class CommandStructureComponent {
-  pathTitle = ['การจัดการรายละเอียดงาน', 'โครงสร้างสายการบังคับบัญชา']
+  pathTitle = ['menu.JobDescriptionJD', 'menu.OrganizationChart']
 }
--- a/src/app/components/job-detail-components/command-structure/sub-command-structure/sub-command-structure.component.html
+++ b/src/app/components/job-detail-components/command-structure/sub-command-structure/sub-command-structure.component.html
@@ -5,7 +5,6 @@
                <input type="text" id="hs-leading-icon" name="hs-leading-icon"
                    class="ti-form-input ltr:pl-11 rtl:pr-11 focus:z-10 " [placeholder]="'SearchByNoOrName' | translate"
                    [(ngModel)]="search" (ngModelChange)="searchChange()">
-
                <div
                    class="absolute inset-y-0 ltr:left-0 rtl:right-0 flex items-center pointer-events-none z-20 ltr:pl-4 rtl:pr-4">
                    <i class="ri-search-line text-gray"></i>
@@ -17,14 +16,14 @@
                class=" h-45px ti-btn ti-btn bg-pink-500/10 text-pink-500 hover:text-white hover:bg-pink-500 ring-offset-white focus:ring-pink-500 dark:focus:ring-offset-white/10 h-10 m-0 shadow-md"
                data-hs-overlay="#company-registration-page-upload-modal">
                <i class="ti ti-file-plus"></i>
-                import
+                {{'Import' | translate}}
            </button>
        </div>
        <div class="px-1">
            <button href="javascript:void(0);" class="ti-btn ti-btn-soft-danger h-45px m-0 shadow-md"
                data-hs-overlay="#sub-command-structure-alert-delete-modal">
                <i class="ri-delete-bin-6-line"></i>
-                Delete
+                {{'Delete' | translate}}
            </button>
        </div>
        <!-- <div class="px-1">
@@ -44,10 +43,10 @@
                    <thead>
                        <tr>
                            <ng-container
-                                *ngFor="let item of ['ลำดับ','รหัสงาน','ชื่อลักษณะงาน (ไทย)','ชื่อลักษณะงาน (อังกฤษ)','การจัดการ']; let f = first; let l = last">
+                                *ngFor="let item of ['No.','JD Code','DescriptionJobTypeThai','DescriptionJobTypeEng','Action']; 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>
+                                    <span class="font-size-12px font-weight-700">{{ item | translate}}</span>
                                    <div class="absolute top-1/2 transform -translate-y-1/2 right-0" *ngIf="!l">
                                        <i class="ti ti-dots-vertical fs-l"></i>
                                    </div>

--- a/src/app/components/job-detail-components/job-competency/job-competency.component.html
+++ b/src/app/components/job-detail-components/job-competency/job-competency.component.html
@@ -3,16 +3,15 @@
 </div>
 <div class="block-main-content">
    <div class="font-size-18px font-weight-700 pt-1.5rem text-primary px-2rem">
-        ความรู้ ทักษะ ความสามารถในตำเเหน่งงาน ( Job Competency)
+        {{'JobCompetency' | translate}}
    </div>
    <div class="page pt-0.75rem">
        <div class="border-b border-gray-200 dark:border-white/10 px-2rem">
            <nav class="-mb-0.5 flex space-x-6 rtl:space-x-reverse">
                <a class="font-size-16px font-weight-500  hs-tab-active:font-weight-700 hs-tab-active:border-secondary  hs-tab-active:text-secondary pb-3 inline-flex items-center gap-2 border-b-[3px] border-transparent whitespace-nowrap text-gray-500  hover:text-secondary active"
                    href="javascript:void(0);" id="underline-item-1" data-hs-tab="#underline-1"
-                    aria-controls="underline-1"
-                    (click)="pathTitle = ['การจัดการรายละเอียดงาน', 'ลักษณะงาน']">
-                    ความรู้ ทักษะ ความสามารถในตำเเหน่งงาน ( Job Competency)
+                    aria-controls="underline-1" (click)="pathTitle = ['menu.JobDescriptionJD', 'JobCompetency']">
+                    {{'JobCompetency' | translate}}
                </a>
            </nav>
        </div>

--- a/src/app/components/job-detail-components/job-competency/job-competency.component.ts
+++ b/src/app/components/job-detail-components/job-competency/job-competency.component.ts
@@ -6,5 +6,5 @@ import { Component } from '@angular/core';
  styleUrls: ['./job-competency.component.scss']
 })
 export class JobCompetencyComponent {
-  pathTitle = ['การจัดการรายละเอียดงาน', 'ความรู้ ทักษะ ความสามารถในตำเเหน่งงาน ( Job Competency)']
+  pathTitle = ['menu.JobDescriptionJD', 'JobCompetency']
 }
--- a/src/app/components/job-detail-components/job-competency/sub-job-competency/sub-job-competency.component.html
+++ b/src/app/components/job-detail-components/job-competency/sub-job-competency/sub-job-competency.component.html
@@ -17,7 +17,7 @@
                class=" h-45px ti-btn ti-btn bg-pink-500/10 text-pink-500 hover:text-white hover:bg-pink-500 ring-offset-white focus:ring-pink-500 dark:focus:ring-offset-white/10 h-10 m-0 shadow-md"
                data-hs-overlay="#supjob-upload-modal">
                <i class="ti ti-file-plus"></i>
-                import
+                {{'Import' | translate}}
            </button>
        </div>
    </div>

--- a/src/app/components/job-detail-components/job-competency/sub-job-competency/sub-job-competency.component.ts
+++ b/src/app/components/job-detail-components/job-competency/sub-job-competency/sub-job-competency.component.ts
@@ -26,18 +26,18 @@ export class SubJobCompetencyComponent {
  currentModal: 'add' | 'edit' | 'delete' = "add"
  columns: ColumnModel[] = [{
    field: "jobcodeId",
-    headerText: "ชื่อล็อกอิน",
+    headerText: "LoginName",
    type: "string",
    isPrimaryKey: true,
  },
  {
    field: "tdesc",
-    headerText: "ชื่อลักษณะงาน (ไทย)",
+    headerText: "DescriptionJobTypeThai",
    type: "string"
  },
  {
    field: "edesc",
-    headerText: "ชื่อลักษณะงาน (อังกฤษ)",
+    headerText: "DescriptionJobTypeEng",
    type: "string"
  }]
  searchSettings = {

--- a/src/app/components/job-detail-components/job-detail-management/import-data/import-data.component.html
+++ b/src/app/components/job-detail-components/job-detail-management/import-data/import-data.component.html
@@ -18,21 +18,21 @@
                data-hs-overlay="#supjob-upload-modal"
                (click)="fileInput.value = '';selectedFile=null;selectedFileName = 'กรุณาเลือกไฟล์'">
                <i class="ti ti-file-plus"></i>
-                import
+                {{'Import' | translate}}
            </button>
        </div>
        <div class="px-1">
            <button type="button" class="ti-btn ti-btn-soft-secondary h-45px m-0 shadow-md"
                data-hs-overlay="#sub-job-competency-component-modal-edit" (click)="add();currentModal='add';">
                <i class="ri-add-line"></i>
-                Add
+                {{'Add' | translate}}
            </button>
        </div>
        <div class="px-1">
            <button type="button" class="ti-btn ti-btn-soft-danger  h-45px m-0 shadow-md"
                data-hs-overlay="#company-registration-page-alert-modal" (click)="currentModal='delete'">
                <i class="ri-delete-bin-6-line"></i>
-                Delete
+                {{'Delete' | translate}}
            </button>
        </div>
    </div>
@@ -154,8 +154,8 @@
                </ng-select>

                <label for="detail_eng" class="ti-form-label mt-2rem">ระดับพนักงาน</label>
-                <ng-select class="ti-form-select" data-trigger name="choices-single-jl"
-                    id="choices-single-jl" [(ngModel)]="jl" (ngModelChange)="changJl()">
+                <ng-select class="ti-form-select" data-trigger name="choices-single-jl" id="choices-single-jl"
+                    [(ngModel)]="jl" (ngModelChange)="changJl()">
                    <ng-option *ngFor="let item of jlList" [value]="item.plId">{{item.tdesc}}</ng-option>
                </ng-select>


--- a/src/app/components/job-detail-components/job-detail-management/import-data/import-data.component.ts
+++ b/src/app/components/job-detail-components/job-detail-management/import-data/import-data.component.ts
@@ -80,18 +80,18 @@ export class ImportDataComponent {
  currentModal: 'add' | 'edit' | 'delete' = "add"
  columns: ColumnModel[] = [{
    field: "jobcodeId",
-    headerText: "ชื่อล็อกอิน",
+    headerText: "LoginName",
    type: "string",
    isPrimaryKey: true,
  },
  {
    field: "tdesc",
-    headerText: "ชื่อลักษณะงาน (ไทย)",
+    headerText: "DescriptionJobTypeThai",
    type: "string"
  },
  {
    field: "edesc",
-    headerText: "ชื่อลักษณะงาน (อังกฤษ)",
+    headerText: "DescriptionJobTypeEng",
    type: "string"
  }]
  searchSettings = {

--- a/src/app/components/job-detail-components/job-detail-management/job-detail-management.component.html
+++ b/src/app/components/job-detail-components/job-detail-management/job-detail-management.component.html
-
 <app-page-header [pathTitle]="pathTitle"></app-page-header>
 <div class="bg-card-white">
 </div>
 <div class="block-main-content">
    <div class="font-size-18px font-weight-700 pt-1.5rem text-primary px-2rem">
-        ข้อมูลทั่วไป
+        {{'menu.GeneralInformation' | translate}}
    </div>
    <div class="page pt-0.75rem">
        <div class="border-b border-gray-200 dark:border-white/10 px-2rem">
@@ -12,14 +11,14 @@
                <a class="font-size-16px font-weight-500  hs-tab-active:font-weight-700 hs-tab-active:border-secondary  hs-tab-active:text-secondary pb-3 inline-flex items-center gap-2 border-b-[3px] border-transparent whitespace-nowrap text-gray-500  hover:text-secondary active"
                    href="javascript:void(0);" id="underline-item-1" data-hs-tab="#underline-1"
                    aria-controls="underline-1"
-                    (click)="pathTitle = ['การจัดการรายละเอียดงาน', 'ข้อมูลทั่วไป']">
-                    ข้อมูลทั่วไป
+                    (click)="pathTitle = ['menu.JobDescriptionJD', 'menu.GeneralInformation']">
+                    {{'menu.GeneralInformation' | translate}}
                </a>
            </nav>
        </div>
        <div class="mt-3 px-2rem !-mt-3 pt-50px">
            <div id="underline-1" role="tabpanel" aria-labelledby="underline-item-1">
-                <app-import-data ></app-import-data>
+                <app-import-data></app-import-data>
            </div>
        </div>
    </div>

--- a/src/app/components/job-detail-components/job-detail-management/job-detail-management.component.ts
+++ b/src/app/components/job-detail-components/job-detail-management/job-detail-management.component.ts
@@ -6,5 +6,5 @@ import { Component } from '@angular/core';
  styleUrls: ['./job-detail-management.component.scss']
 })
 export class JobDetailManagementComponent {
-  pathTitle = ['การจัดการรายละเอียดงาน', 'ข้อมูลทั่วไป']
+  pathTitle = ['menu.JobDescriptionJD', 'menu.GeneralInformation']
 }
--- a/src/app/components/job-detail-components/job-detail/job-detail.component.html
+++ b/src/app/components/job-detail-components/job-detail/job-detail.component.html
@@ -3,16 +3,15 @@
 </div>
 <div class="block-main-content">
    <div class="font-size-18px font-weight-700 pt-1.5rem text-primary px-2rem">
-        รายละเอียดของงาน
+        {{'menu.JobDetail' | translate}}
    </div>
    <div class="page pt-0.75rem">
        <div class="border-b border-gray-200 dark:border-white/10 px-2rem">
            <nav class="-mb-0.5 flex space-x-6 rtl:space-x-reverse">
                <a class="font-size-16px font-weight-500  hs-tab-active:font-weight-700 hs-tab-active:border-secondary  hs-tab-active:text-secondary pb-3 inline-flex items-center gap-2 border-b-[3px] border-transparent whitespace-nowrap text-gray-500  hover:text-secondary active"
                    href="javascript:void(0);" id="underline-item-1" data-hs-tab="#underline-1"
-                    aria-controls="underline-1"
-                    (click)="pathTitle = ['การจัดการรายละเอียดงาน','รายละเอียดของงาน']">
-                    รายละเอียดของงาน
+                    aria-controls="underline-1" (click)="pathTitle = ['menu.JobDescriptionJD','menu.JobDetail']">
+                    {{'menu.JobDetail' | translate}}
                </a>
            </nav>
        </div>

--- a/src/app/components/job-detail-components/job-detail/job-detail.component.ts
+++ b/src/app/components/job-detail-components/job-detail/job-detail.component.ts
@@ -6,5 +6,5 @@ import { Component } from '@angular/core';
  styleUrls: ['./job-detail.component.scss']
 })
 export class JobDetailComponent {
-  pathTitle = ['การจัดการรายละเอียดงาน', 'รายละเอียดของงาน']
+  pathTitle = ['menu.JobDescriptionJD', 'menu.JobDetail']
 }
--- a/src/app/components/job-detail-components/job-detail/work-detail/work-detail.component.html
+++ b/src/app/components/job-detail-components/job-detail/work-detail/work-detail.component.html
@@ -17,14 +17,14 @@
                class=" h-45px ti-btn ti-btn bg-pink-500/10 text-pink-500 hover:text-white hover:bg-pink-500 ring-offset-white focus:ring-pink-500 dark:focus:ring-offset-white/10 h-10 m-0 shadow-md"
                data-hs-overlay="#supjob-upload-modal">
                <i class="ti ti-file-plus"></i>
-                import
+                {{'Import' | translate}}
            </button>
        </div>
        <div class="px-1">
            <button type="button" class="ti-btn ti-btn-soft-danger  h-45px m-0 shadow-md"
                data-hs-overlay="#company-registration-page-alert-modal" (click)="currentModal='delete'">
                <i class="ri-delete-bin-6-line"></i>
-                Delete
+                {{'Delete' | translate}}
            </button>
        </div>
    </div>

--- a/src/app/components/job-detail-components/job-detail/work-detail/work-detail.component.ts
+++ b/src/app/components/job-detail-components/job-detail/work-detail/work-detail.component.ts
@@ -24,18 +24,18 @@ export class WorkDetailComponent {
  currentModal: 'add' | 'edit' | 'delete' = "add"
  columns: ColumnModel[] = [{
    field: "jobcodeId",
-    headerText: "ชื่อล็อกอิน",
+    headerText: "LoginName",
    type: "string",
    isPrimaryKey: true,
  },
  {
    field: "tdesc",
-    headerText: "ชื่อลักษณะงาน (ไทย)",
+    headerText: "DescriptionJobTypeThai",
    type: "string"
  },
  {
    field: "edesc",
-    headerText: "ชื่อลักษณะงาน (อังกฤษ)",
+    headerText: "DescriptionJobTypeEng",
    type: "string"
  }]
  searchSettings = {

--- a/src/app/components/job-detail-components/job-position-indicators/job-position-indicators.component.html
+++ b/src/app/components/job-detail-components/job-position-indicators/job-position-indicators.component.html
@@ -3,7 +3,7 @@
 </div>
 <div class="block-main-content">
    <div class="font-size-18px font-weight-700 pt-1.5rem text-primary px-2rem">
-        ตัวชี้วัดของตำแหน่งงาน
+        {{'menu.KeyPerformanceIndicators' | translate}}
    </div>
    <div class="page pt-0.75rem">
        <div class="border-b border-gray-200 dark:border-white/10 px-2rem">
@@ -11,8 +11,8 @@
                <a class="font-size-16px font-weight-500  hs-tab-active:font-weight-700 hs-tab-active:border-secondary  hs-tab-active:text-secondary pb-3 inline-flex items-center gap-2 border-b-[3px] border-transparent whitespace-nowrap text-gray-500  hover:text-secondary active"
                    href="javascript:void(0);" id="underline-item-1" data-hs-tab="#underline-1"
                    aria-controls="underline-1"
-                    (click)="pathTitle = ['การจัดการรายละเอียดงาน','ตัวชี้วัดของตำแหน่งงาน']">
-                    ตัวชี้วัดของตำแหน่งงาน
+                    (click)="pathTitle = ['menu.JobDescriptionJD','menu.KeyPerformanceIndicators']">
+                    {{'menu.KeyPerformanceIndicators' | translate}}
                </a>
            </nav>
        </div>

--- a/src/app/components/job-detail-components/job-position-indicators/job-position-indicators.component.ts
+++ b/src/app/components/job-detail-components/job-position-indicators/job-position-indicators.component.ts
@@ -6,5 +6,5 @@ import { Component } from '@angular/core';
  styleUrls: ['./job-position-indicators.component.scss']
 })
 export class JobPositionIndicatorsComponent {
-  pathTitle = ['การจัดการรายละเอียดงาน', 'ตัวชี้วัดของตำแหน่งงาน']
+  pathTitle = ['menu.JobDescriptionJD', 'menu.KeyPerformanceIndicators']
 }
--- a/src/app/components/job-detail-components/job-position-indicators/sub-job-position-indicators/sub-job-position-indicators.component.html
+++ b/src/app/components/job-detail-components/job-position-indicators/sub-job-position-indicators/sub-job-position-indicators.component.html
@@ -17,7 +17,7 @@
                class=" h-45px ti-btn ti-btn bg-pink-500/10 text-pink-500 hover:text-white hover:bg-pink-500 ring-offset-white focus:ring-pink-500 dark:focus:ring-offset-white/10 h-10 m-0 shadow-md"
                data-hs-overlay="#supjob-upload-modal">
                <i class="ti ti-file-plus"></i>
-                import
+                {{'Import' | translate}}
            </button>
        </div>
    </div>

--- a/src/app/components/job-detail-components/job-position-indicators/sub-job-position-indicators/sub-job-position-indicators.component.ts
+++ b/src/app/components/job-detail-components/job-position-indicators/sub-job-position-indicators/sub-job-position-indicators.component.ts
@@ -25,18 +25,18 @@ export class SubJobPositionIndicatorsComponent {
  currentModal: 'add' | 'edit' | 'delete' = "add"
  columns: ColumnModel[] = [{
    field: "jobcodeId",
-    headerText: "ชื่อล็อกอิน",
+    headerText: "LoginName",
    type: "string",
    isPrimaryKey: true,
  },
  {
    field: "tdesc",
-    headerText: "ชื่อลักษณะงาน (ไทย)",
+    headerText: "DescriptionJobTypeThai",
    type: "string"
  },
  {
    field: "edesc",
-    headerText: "ชื่อลักษณะงาน (อังกฤษ)",
+    headerText: "DescriptionJobTypeEng",
    type: "string"
  }]
  searchSettings = {

--- a/src/app/components/job-detail-components/job-qualifications/job-qualifications.component.html
+++ b/src/app/components/job-detail-components/job-qualifications/job-qualifications.component.html
@@ -3,16 +3,15 @@
 </div>
 <div class="block-main-content">
    <div class="font-size-18px font-weight-700 pt-1.5rem text-primary px-2rem">
-        คุณสมบัติที่จำเป็นต่อการปฏิบัติหน้าที่
+        {{'JobSpecification' | translate}}
    </div>
    <div class="page pt-0.75rem">
        <div class="border-b border-gray-200 dark:border-white/10 px-2rem">
            <nav class="-mb-0.5 flex space-x-6 rtl:space-x-reverse">
                <a class="font-size-16px font-weight-500  hs-tab-active:font-weight-700 hs-tab-active:border-secondary  hs-tab-active:text-secondary pb-3 inline-flex items-center gap-2 border-b-[3px] border-transparent whitespace-nowrap text-gray-500  hover:text-secondary active"
                    href="javascript:void(0);" id="underline-item-1" data-hs-tab="#underline-1"
-                    aria-controls="underline-1"
-                    (click)="pathTitle = ['การจัดการรายละเอียดงาน', 'ลักษณะงาน']">
-                    คุณสมบัติที่จำเป็นต่อการปฏิบัติหน้าที่
+                    aria-controls="underline-1" (click)="pathTitle = ['menu.JobDescriptionJD', 'ลักษณะงาน']">
+                    {{'JobSpecification' | translate}}
                </a>
            </nav>
        </div>

--- a/src/app/components/job-detail-components/job-qualifications/job-qualifications.component.ts
+++ b/src/app/components/job-detail-components/job-qualifications/job-qualifications.component.ts
@@ -6,5 +6,5 @@ import { Component } from '@angular/core';
  styleUrls: ['./job-qualifications.component.scss']
 })
 export class JobQualificationsComponent {
-  pathTitle = ['การจัดการรายละเอียดงาน', 'คุณสมบัติที่จำเป็นต่อการปฏิบัติหน้าที่']
+  pathTitle = ['menu.JobDescriptionJD', 'JobSpecification']
 }
--- a/src/app/components/job-detail-components/job-qualifications/sub-job-qualifications/sub-job-qualifications.component.html
+++ b/src/app/components/job-detail-components/job-qualifications/sub-job-qualifications/sub-job-qualifications.component.html
@@ -18,7 +18,7 @@
                data-hs-overlay="#supjob-upload-modal"
                (click)="fileInput.value = '';selectedFile=null;selectedFileName = 'กรุณาเลือกไฟล์'">
                <i class="ti ti-file-plus"></i>
-                import
+                {{'Import' | translate}}
            </button>
        </div>
    </div>

--- a/src/app/components/job-detail-components/job-qualifications/sub-job-qualifications/sub-job-qualifications.component.ts
+++ b/src/app/components/job-detail-components/job-qualifications/sub-job-qualifications/sub-job-qualifications.component.ts
@@ -27,18 +27,18 @@ export class SubJobQualificationsComponent {

  columns: ColumnModel[] = [{
    field: "jobcodeId",
-    headerText: "ชื่อล็อกอิน",
+    headerText: "LoginName",
    type: "string",
    isPrimaryKey: true,
  },
  {
    field: "tdesc",
-    headerText: "ชื่อลักษณะงาน (ไทย)",
+    headerText: "DescriptionJobTypeThai",
    type: "string"
  },
  {
    field: "edesc",
-    headerText: "ชื่อลักษณะงาน (อังกฤษ)",
+    headerText: "DescriptionJobTypeEng",
    type: "string"
  }]
  searchSettings = {

--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -75,5 +75,11 @@
  "ManageUsers": "Manage Users",
  "LoginName": "Login Name",
  "Status": "Status",
-  "Level": "Level"
+  "Level": "Level",
+  "DescriptionJobTypeThai": "Description (Thai)",
+  "DescriptionJobTypeEng": "Description (Eng)",
+  "JD Code": "JD Code",
+  "No.": "No.",
+  "JobSpecification": "Job Specification",
+  "JobCompetency": "Job Competency"
 }
\ No newline at end of file
--- a/src/assets/i18n/th.json
+++ b/src/assets/i18n/th.json
@@ -78,5 +78,11 @@
  "ManageUsers": "จัดการผู้ใช้งาน",
  "LoginName": "ชื่อล็อคอิน",
  "Status": "สถานะ",
-  "Level": "ระดับ"
+  "Level": "ระดับ",
+  "DescriptionJobTypeThai": "รายละเอียด (ไทย)",
+  "DescriptionJobTypeEng": "รายละเอียด (อังกฤษ)",
+  "JD Code": "รหัสงาน",
+  "No.": "ลำดับ",
+  "JobSpecification": "คุณสมบัติที่จำเป็นต่อการปฏิบัติหน้าที่",
+  "JobCompetency": "ความรู้ ทักษะ ความสามารถในตำแหน่งงาน ( Job Competency )"
 }
\ No newline at end of file