Skip to content

M
myAppraisal
Commit 815f2cbb by Nattana Chaiyamat
Options

แก้ตาม doc

parent e2fde984
Showing with 45 additions and 32 deletions
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>
......@@ -429,4 +425,4 @@
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
src/app/components/competency-assessment/competency-management/group-competencies/edit-group-competencies/edit-group-competencies.component.ts
......@@ -28,18 +28,27 @@ export class EditGroupCompetenciesComponent {
backdropClose: boolean;
};
} = {
"add": {
isModalOpen: false,
modalSize: 'm',
backdropClose: true,
},
"edit": {
isModalOpen: false,
modalSize: 'm',
backdropClose: true,
}
};
"add": {
isModalOpen: false,
modalSize: 'm',
backdropClose: true,
},
"edit": {
isModalOpen: false,
modalSize: 'm',
backdropClose: true,
}
};
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;
......@@ -61,18 +70,19 @@ export class EditGroupCompetenciesComponent {
// ฟังก์ชัน toggle checkbox
isChecked: boolean = false; // ใช้สำหรับตรวจสอบสถานะของ checkbox
toggleCheckbox() {
this.isChecked = !this.isChecked; // สลับสถานะ
this.mockDataList = this.mockDataList.map(x => ({ ...x, checked: this.isChecked }))
}
// ฟังก์ชันสำหรับการเพิ่ม ลบ หรือแก้ไข ข้อมูล
addUser() {
}
currentModal = "";
constructor(private toastr: ToastrService) { }
showSuccess() {
......
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' },
],
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment