การประเมินสมรรถนะ > การตั้งค่า > กำหนดค่าระบบประเมินสมรรถนะ

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

@@ -26,7 +26,7 @@
             <thead>
                 <tr>
                     <ng-container
-                        *ngFor="let item of ['ชื่อล็อคอิน','รหัสพนักงาน','ชื่อ','นามสกุล','สถานะ','การจัดการ']; let f = first; let l = last; let i = index">
+                        *ngFor="let item of ['ชื่อล็อกอิน','รหัสพนักงาน','ชื่อ','นามสกุล','สถานะ','การจัดการ']; let f = first; let l = last; let i = index">
                         <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">
@@ -154,7 +154,7 @@
                 </div>
             </div>
             <div class="ti-modal-body padding-16px pt-0 overflow-y-0">
-                <label class="ti-form-label mt-2rem">ชื่อล็อคอิน</label>
+                <label class="ti-form-label mt-2rem">ชื่อล็อกอิน</label>
                 <input type="text" class="ti-form-input bg-input-readonly" readonly
                     [(ngModel)]="userPassword.usernameId">
                 <label class="ti-form-label mt-2rem">รหัสพนักงาน</label>

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

@@ -26,7 +26,7 @@
             <thead>
                 <tr>
                     <ng-container
-                        *ngFor="let item of ['ชื่อล็อคอิน','รหัสพนักงาน','ชื่อ','นามสกุล','สถานะ','การจัดการ']; let f = first; let l = last; let i = index">
+                        *ngFor="let item of ['ชื่อล็อกอิน','รหัสพนักงาน','ชื่อ','นามสกุล','สถานะ','การจัดการ']; let f = first; let l = last; let i = index">
                         <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">
@@ -153,12 +153,12 @@
                 </div>
             </div>
             <div class="ti-modal-body padding-16px pt-0 overflow-y-0">
-                <label class="ti-form-label mt-2rem">ชื่อล็อคอิน</label>
+                <label class="ti-form-label mt-2rem">ชื่อล็อกอิน</label>
                 <input type="text" class="ti-form-input bg-input-readonly" readonly
                     [(ngModel)]="userPassword.usernameId">
                 <label class="ti-form-label mt-2rem">รหัสพนักงาน</label>
                 <input type="text" class="ti-form-input bg-input-readonly" readonly [(ngModel)]="userPassword.empId">
-                <label class="ti-form-label mt-2rem">กำหนดผ่านใหม่*</label>
+                <label class="ti-form-label mt-2rem">กำหนดรหัสผ่านใหม่*</label>
                 <input type="text" class="masked-input  ti-form-input" [(ngModel)]="userPassword.newPassword">
                 <div class="flex justify-end mt-2rem mb-1rem">
                     <button type="button"

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

@@ -74,7 +74,7 @@
             <thead>
                 <tr>
                     <ng-container
-                        *ngFor="let item of ['','ชื่อล็อคอิน','รหัสพนักงาน','ชื่อ','นามสกุล','สถานะ','การจัดการ']; let f = first; let l = last; let i = index">
+                        *ngFor="let item of ['','ชื่อล็อกอิน','รหัสพนักงาน','ชื่อ','นามสกุล','สถานะ','การจัดการ']; let f = first; let l = last; let i = index">
                         <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&&!f">
@@ -212,7 +212,7 @@
                 </div>
             </div>
             <div class="ti-modal-body padding-16px pt-0 overflow-y-0">
-                <label class="ti-form-label mt-2rem">ชื่อล็อคอิน*</label>
+                <label class="ti-form-label mt-2rem">ชื่อล็อกอิน*</label>
                 <input type="text" class="ti-form-input"
                     oninput="this.value = this.value.replace(/[\u0E00-\u0E7F]/g, '')"
                     [ngClass]="{'bg-input-readonly':currentModal=='edit'}" [readonly]="currentModal=='edit'"

src/app/components/competency-assessment/setting-competency/competency-configuration/competency-configuration.component.scss

-.button-clear {
-    position: absolute;
-    top: 96px;
-    z-index: 1;
-    right: 41vw;
-  }
-  .button-help {
-    position: absolute;
-    top: 0px;
-    z-index: 1;
-    right: 0vw;
-    margin: 4.2rem;
-    margin-right: 10px; /* เพิ่มใหม่ 12/16*/
-  }
-  
-  a.custom-link {
-    padding: 10px 40px; /* ปรับ padding ให้เพิ่มขนาด */
-  }
-  /* สไตล์ของแถบเมนู */
-  .nav-tabs {
-    display: flex;
-    width: 100%;
-    cursor: pointer;
-    margin-bottom: 10px;
-    height: 20%;
-  }
-  
-  .nav-item {
-    list-style: none;
-    margin-right: 10px; /* ช่องว่างระหว่างเมนู */
-  }
-  
-  .nav-link {
-    text-decoration: none;
-    padding: 10px 20px;
-    display: inline-block;
-    font-size: large;
-    border-width: 2px 2px 0px 2px;
-    border-style: solid;
-    border-color: #ccc;
-    border-radius: 5px 5px 0px 0px;
-  }
-  
-  .nav-link:hover {
-    background-color: #f0f0f0; /* เปลี่ยนสีเมื่อ hover */
-  }
-  
-  .nav-link.active {
-    color: #ffffff; /* สีตัวอักษรในสถานะ active */
-    font-size: large;
-    border-bottom: 3.5px solid rgb(var(--color-primary)); /* เส้นใต้ */
-    background-color: rgb(var(--color-primary));
-    border-width: 2px 2px 0px 2px;
-    border-style: solid;
-    border-color: rgb(var(--color-primary));
-    border-radius: 5px 5px 0px 0px;
-  }
-  
-  .tab-content {
-    margin-top: 20px;
-  }
-  
-  .tab-pane.active {
-    display: block;
-  }
-  
-  .nav-item-text {
-    list-style: none;
-    margin-right: 10px; /* ช่องว่างระหว่างเมนู */
-  }
-  .nav-link-text {
-    text-decoration: none;
-    display: inline-block;
-    font-size: large;
-    color: #569bf5;
-    border-bottom: 2px solid #569bf5;
-    line-height: 0.8;
-  }
-  .ti-pagination .page-link.active {
-    background-color: #569bf5;
-    color: white;
-    border-radius: 50%;
-    padding: 8px 12px;
-  }
-  .box-body{
-    padding: 0rem;
-  }
-  .page{
-    min-height: 0vh;
-  }
-  
-  .ti-modal-content-alert{
-    width: 35%;  /* ความกว้างที่คุณต้องการ */
-    position: absolute; /* ทำให้สามารถจัดตำแหน่งได้ */
-    top: 50%;  /* ให้อยู่กลางในแนวตั้ง */
-    left: 50%;  /* ให้อยู่กลางในแนวนอน */
-    transform: translate(-50%, -50%); /* เคลื่อนที่ modal กลับมาให้ตรงกลาง */
-    background-color: #ffffff;
-  }
-  .header-title-type {
-    width: 100%;
-    min-height: 50px; /* ใช้ min-height เพื่อให้มีความยืดหยุ่น */
-    justify-content: space-between; /* จัดเรียงองค์ประกอบภายใน */
-    align-items: center; /* จัดกลางแนวตั้ง */
-    padding-top: 50px;
-    padding-bottom: 1rem;
-  }
-  .body-content{
-    margin-bottom: 30px;
-    height: 100%;
-    width: 100%;
-  }
-  table {
-    width: 50%; 
-    border-collapse: collapse; 
-    border: 1px solid black; 
-  }
-  th{
-    font-weight: bold;
-  }
-  th, td {
-    border: 1px solid black; /* เส้นขอบของเซลล์ */
-    padding: 15px; 
-    text-align: center; 
-  }
-  th:first-child{
-    width: 125px;
-    font-size: 18px;
-  }
-  td{
-    padding-top: 8px;
-    padding-bottom: 8px;
-  }
-  td:first-child{
-    font-size: 18px;
-    font-weight: bold;
-  }
-  td span {
-    display: inline-block; /*span มีลักษณะเป็นกรอบ */
-    padding: 5px 10px;
-    border: 1px solid black;
-    border-radius: 10px;
-    background-color: #f9f9f9;
-    width: 60px;
-  }
-  input[type="radio"]:checked {
-    background-color: #569BF5;
-    border-color: #569BF5;
-}
-  
-  
\ No newline at end of file

src/app/components/competency-assessment/setting-competency/competency-configuration/competency-configuration.component.ts

@@ -9,14 +9,7 @@ import { SettingAssessmentService } from 'src/app/shared/services/setting-assess
   styleUrls: ['./competency-configuration.component.scss']
 })
 export class CompetencyConfigurationComponent {
-  @Input() pathTitle = ['การประเมินสมรรถนะ', 'การตั้งค่า', 'กำหนดค่าระบบประเมินสมรรถนะ'];
-  @Output() sendPathTitle: EventEmitter<string[]> = new EventEmitter<string[]>();
-  activeTab: string = 'tab1'; // กำหนด tab เริ่มต้น
-  isChecked: boolean = false;
-  settingList: SettingAssessmentModel[] = []
-  settingListLoading = false
-  setting: SettingAssessmentModel = new MySettingAssessmentModel({})
-  search = ""
+  setting: { loading: boolean, data: SettingAssessmentModel } = { loading: false, data: new MySettingAssessmentModel() }
   constructor(private settingAssessmentService: SettingAssessmentService,
     private toastr: ToastrService,
     private cdr: ChangeDetectorRef
@@ -25,58 +18,43 @@ export class CompetencyConfigurationComponent {
     this.getSettingList()
   }
   getSettingList() {
-    this.settingListLoading = true
-    this.settingAssessmentService.getList().subscribe({
+    this.setting.loading = true
+    this.settingAssessmentService.get().subscribe({
       next: response => {
-        this.settingList = response
-        this.settingListLoading = false
+        this.setting.data = new MySettingAssessmentModel(response)
+        this.setting.loading = false
         this.cdr.detectChanges()
       }, error: error => {
-        this.settingListLoading = false
+        this.setting.loading = false
         this.cdr.detectChanges()
       }
     })
   }
-  selectsetting(setting?: SettingAssessmentModel) {
-    this.setting = new MySettingAssessmentModel(setting || {})
+  saveSetting() {
+    this.setting.loading = true
+    this.settingAssessmentService.post(this.setting.data).subscribe({
+      next: response => {
+        if (response.success) {
+          this.showAlert(response.message, 'success')
+          this.getSettingList()
+        } else {
+          this.showAlert(response.message, 'error')
+          this.setting.loading = false
+          this.cdr.detectChanges()
         }
-
-  // showSuccessAdd() {
-  //   this.toastr.success('บันทึกข้อมูลสำเร็จ', 'แจ้งเตือน', {
-  //     timeOut: 3000,
-  //     positionClass: 'toast-top-right',
-  //   });
-  // }
-  // showSuccessDelete() {
-  //   this.toastr.success('ลบข้อมูลสำเร็จ', 'แจ้งเตือน', {
-  //     timeOut: 3000,
-  //     positionClass: 'toast-top-right',
-  //   });
-  // }
-  // addsetting() {
-  //   this.settingAssessmentService.post(this.setting).subscribe((response: any) => {
-  //     if (response.success) {
-  //       this.showSuccessAdd()
-  //       this.getSettingList()
-  //     }
-  //   })
-  // }
-  // deletesetting() {
-  //   this.settingAssessmentService.delete(this.setting).subscribe((response: any) => {
-  //     if (response.success) {
-  //       this.showSuccessDelete()
-  //       this.getSettingList()
-  //     }
-  //   })
-  // }
-
-  changeTab(tab: { id: string, text: string }) {
-    this.sendPathTitle.emit(['การประเมินสมรรถนะ', 'การตั้งค่า', tab.text]);
-    this.activeTab = tab.id;
+      }, error: error => {
+        this.showAlert(error.message, 'error')
+        this.setting.loading = false
+        this.cdr.detectChanges()
+      }
+    })
   }
 
-  toggleCheckbox(): void {
-    this.isChecked = !this.isChecked;
+  showAlert(text: string, type: 'success' | 'error') {
+    this.toastr[type](text, 'แจ้งเตือน', {
+      timeOut: 3000,
+      positionClass: 'toast-top-right',
+    })
   }
 
 }

src/app/components/competency-assessment/setting-competency/setting-competency.component.html

@@ -10,15 +10,15 @@
             <nav class="-mb-0.5 flex space-x-6 rtl:space-x-reverse">
                 <a class="text-base font-medium 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  dark:text-white/70 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 = ['การประเมินสมรรถนะ','การตั้งค่า','กำหนดค่าระบบประเมินสมรรถนะ']">
                     กำหนดค่าระบบประเมินสมรรถนะ
                 </a>
             </nav>
         </div>
         <div class="mt-3 px-3rem">
             <div id="underline-1" role="tabpanel" aria-labelledby="underline-item-1">
-                <app-competency-configuration [pathTitle]="pathTitle"
-                    (sendPathTitle)="pathTitle=$event"></app-competency-configuration>
+                <app-competency-configuration></app-competency-configuration>
             </div>
         </div>
     </div>

src/app/components/performance-management-evaluation/assessment-management/evaluation-grouping/edit-evaluation-grouping/edit-evaluation-grouping.component.html

@@ -357,7 +357,7 @@
                 </p>
                 <p class="mt-1 text-gray-800 dark:text-white/70"
                     *ngIf="currentModal=='delete'||currentModal=='deleteGroup'">
-                    ยืนยันการลบข้อมูลหรือไม่!
+                    ยืนยันการลบข้อมูลหรือไม่
                 </p>
 
                 <div class="flex justify-end mt-2rem mb-1rem" *ngIf="currentModal=='save'">
@@ -378,7 +378,7 @@
                         data-hs-overlay="#edit-evaluation-grouping-alert-modal">
                         ย้อนกลับ
                     </button>
-                    <a class="ti-btn ti-btn-success" href="javascript:void(0);"
+                    <a class="ti-btn ti-btn-danger" href="javascript:void(0);"
                         data-hs-overlay="#edit-evaluation-grouping-alert-modal" (click)="deletePmsGroupAssessment()">
                         ลบข้อมูล
                     </a>

src/app/shared/model/setting-assessment.model.ts

@@ -8,9 +8,9 @@ export interface SettingAssessmentModel {
   settingScore3: number;
   settingScore2: number;
   settingScore1: number;
-  }
+}
 
-  export class MySettingAssessmentModel implements SettingAssessmentModel {
+export class MySettingAssessmentModel implements SettingAssessmentModel {
   apsyear: string;
   companyId: string;
   expectationLevel: number;
@@ -21,16 +21,15 @@ export interface SettingAssessmentModel {
   settingScore2: number;
   settingScore1: number;
 
-    constructor(data: Partial<SettingAssessmentModel>) {
-      this.apsyear = data.apsyear || "";
-      this.companyId = data.companyId || "";
-      this.expectationLevel = data.expectationLevel ?? 0;
-      this.settingGroupAssessment = data.settingGroupAssessment || "";
-      this.settingScore5 = data.settingScore5 ?? 0;
-      this.settingScore4 = data.settingScore4 ?? 0;
-      this.settingScore3 = data.settingScore3 ?? 0;
-      this.settingScore2 = data.settingScore2 ?? 0;
-      this.settingScore1 = data.settingScore1 ?? 0;
-    }
+  constructor(data?: Partial<SettingAssessmentModel>) {
+    this.apsyear = data?.apsyear || "";
+    this.companyId = data?.companyId || "";
+    this.expectationLevel = data?.expectationLevel ?? 0;
+    this.settingGroupAssessment = data?.settingGroupAssessment || "";
+    this.settingScore5 = data?.settingScore5 ?? 0;
+    this.settingScore4 = data?.settingScore4 ?? 0;
+    this.settingScore3 = data?.settingScore3 ?? 0;
+    this.settingScore2 = data?.settingScore2 ?? 0;
+    this.settingScore1 = data?.settingScore1 ?? 0;
   }
-  
+}
\ No newline at end of file

src/app/shared/services/setting-assessment.service.ts

@@ -13,8 +13,8 @@ export class SettingAssessmentService {
   urlApi = environment.baseUrl + this.api
   constructor(private http: HttpClient) {
   }
-    getList(): Observable<SettingAssessmentModel[]> {
-        return this.http.get<SettingAssessmentModel[]>(this.urlApi + "/lists")
+  get(): Observable<SettingAssessmentModel> {
+    return this.http.get<SettingAssessmentModel>(this.urlApi + "")
   }
   // getById(companyId: string): Observable<SettingAssessmentModel> {
   //     return this.http.get<SettingAssessmentModel>(this.urlApi + "/" + companyId)