Commit 815f2cbb by Nattana Chaiyamat

แก้ตาม doc

parent e2fde984
......@@ -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>
......
......@@ -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 }))
}
// ฟังก์ชันสำหรับการเพิ่ม ลบ หรือแก้ไข ข้อมูล
......
......@@ -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>
......
......@@ -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">
......
......@@ -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">
......
......@@ -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">
......
......@@ -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