Skip to content

M
mySkill-x
Commit 4ba38092 by Nattana Chaiyamat
Options

ประเมินตนเอง

parent 99625429
Showing with 469 additions and 294 deletions
src/app/components/performance-evaluation/pms-form-employee/pms-kpi/pms-kpi.component.html
<ng-container *ngTemplateOutlet="pmsEvaluation"></ng-container> <ng-container *ngTemplateOutlet="pmsEvaluation"></ng-container>
<ng-template #pmsEvaluation> <ng-template #pmsEvaluation>
...@@ -113,6 +112,9 @@ ...@@ -113,6 +112,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="pb-2rem px-2rem">
<div id="hs-tab-js-vertical-1" role="tabpanel" aria-labelledby="hs-tab-js-vertical-item-1">
<div class="hs-accordion-group w-full">
<ng-container *ngIf="appraisalPms?.data?.part1Detail?.length then part1 else noData"></ng-container> <ng-container *ngIf="appraisalPms?.data?.part1Detail?.length then part1 else noData"></ng-container>
<ng-container *ngIf="appraisalPms?.data?.part2Detail?.length then part2 else noData"></ng-container> <ng-container *ngIf="appraisalPms?.data?.part2Detail?.length then part2 else noData"></ng-container>
<ng-container *ngIf="appraisalPms?.data?.part3Detail?.length then part3 else noData"></ng-container> <ng-container *ngIf="appraisalPms?.data?.part3Detail?.length then part3 else noData"></ng-container>
...@@ -123,7 +125,9 @@ ...@@ -123,7 +125,9 @@
<ng-container *ngTemplateOutlet="part8"></ng-container> <ng-container *ngTemplateOutlet="part8"></ng-container>
<ng-container *ngTemplateOutlet="part9"></ng-container> <ng-container *ngTemplateOutlet="part9"></ng-container>
<ng-container *ngTemplateOutlet="part10"></ng-container> <ng-container *ngTemplateOutlet="part10"></ng-container>
</div>
</div>
</div>
<div class="py-1rem px-2rem"> <div class="py-1rem px-2rem">
...@@ -291,29 +295,39 @@ ...@@ -291,29 +295,39 @@
</ng-template> </ng-template>
<ng-template #part1> <ng-template #part1>
<div class="mx-2rem py-1rem px-1rem bg-primary"> <div class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
<div class="font-size-18px font-weight-700 text-white flex justify-between"> id="hs-primary-heading-1">
<div class="align-center"> <button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path *ngIf="false"
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path *ngIf="false"
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
Part 1 : ประเมินผลการปฏิบัติงานตามนโยบายบริษัท (Corporate KPI) Part 1 : ประเมินผลการปฏิบัติงานตามนโยบายบริษัท (Corporate KPI)
</div> </span>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer" <svg class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
(click)="part1show=!part1show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
*ngIf="part1show">
<path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
*ngIf="!part1show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path <path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
</span> </button>
</div> <div id="hs-primary-collapse-1"
</div> class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
<div class="pb-2rem px-2rem"> aria-labelledby="hs-primary-heading-1">
<div class="box-body p-0">
<div class="space-y-4">
<div class="overflow-auto rounded-top-0.65rem"> <div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover"> <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px" *ngIf="part1show"> <thead class="height-50px" *ngIf="part1show">
...@@ -324,7 +338,8 @@ ...@@ -324,7 +338,8 @@
<th scope="col" [attr.rowspan]="i==7?'1':'2'" [attr.colspan]="i==7?'5':'1'" <th scope="col" [attr.rowspan]="i==7?'1':'2'" [attr.colspan]="i==7?'5':'1'"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> 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 }}</span>
<div *ngIf="!l&&i!=7" class="absolute top-1/2 transform -translate-y-1/2 right-0"> <div *ngIf="!l&&i!=7"
class="absolute top-1/2 transform -translate-y-1/2 right-0">
<i class="ti ti-dots-vertical fs-l"></i> <i class="ti ti-dots-vertical fs-l"></i>
</div> </div>
</th> </th>
...@@ -370,37 +385,42 @@ ...@@ -370,37 +385,42 @@
{{item.weight}} {{item.weight}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part1radioA'+i" (click)="setScore(item,5)" [name]="'part1radio'+i" class="ti-form-radio" [id]="'part1radioA'+i"
(click)="setScore(item,5)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br>
{{item.groupAssessment1.pmsTopic.targetAdetail}} {{item.groupAssessment1.pmsTopic.targetAdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part1radioB'+i" (click)="setScore(item,4)" [name]="'part1radio'+i" class="ti-form-radio" [id]="'part1radioB'+i"
(click)="setScore(item,4)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br>
{{item.groupAssessment1.pmsTopic.targetBdetail}} {{item.groupAssessment1.pmsTopic.targetBdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part1radioC'+i" (click)="setScore(item,3)" [name]="'part1radio'+i" class="ti-form-radio" [id]="'part1radioC'+i"
(click)="setScore(item,3)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br>
{{item.groupAssessment1.pmsTopic.targetCdetail}} {{item.groupAssessment1.pmsTopic.targetCdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part1radioD'+i" (click)="setScore(item,2)" [name]="'part1radio'+i" class="ti-form-radio" [id]="'part1radioD'+i"
(click)="setScore(item,2)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br>
{{item.groupAssessment1.pmsTopic.targetDdetail}} {{item.groupAssessment1.pmsTopic.targetDdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part1radioE'+i" (click)="setScore(item,1)" [name]="'part1radio'+i" class="ti-form-radio" [id]="'part1radioE'+i"
(click)="setScore(item,1)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br>
{{item.groupAssessment1.pmsTopic.targetEdetail}} {{item.groupAssessment1.pmsTopic.targetEdetail}}
</td> </td>
...@@ -476,33 +496,46 @@ ...@@ -476,33 +496,46 @@
</table> </table>
</div> </div>
</div> </div>
</div>
</div>
</div>
</ng-template> </ng-template>
<ng-template #part2> <ng-template #part2>
<div class="mx-2rem py-1rem px-1rem bg-primary"> <div class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
<div class="font-size-18px font-weight-700 text-white flex justify-between"> id="hs-primary-heading-1">
<div class="align-center"> <button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path *ngIf="false"
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path *ngIf="false"
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
Part 2 : ประเมินผลการปฏิบัติงานประจำ (Department KPI) Part 2 : ประเมินผลการปฏิบัติงานประจำ (Department KPI)
</div> </span>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer" <svg class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
(click)="part2show=!part2show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
*ngIf="part2show">
<path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
*ngIf="!part2show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path <path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
</span> </button>
</div> <div id="hs-primary-collapse-1"
</div> class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
<div class="pb-2rem px-2rem"> aria-labelledby="hs-primary-heading-1">
<div class="box-body p-0">
<div class="space-y-4">
<div class="overflow-auto rounded-top-0.65rem"> <div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover"> <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px" *ngIf="part2show"> <thead class="height-50px" *ngIf="part2show">
...@@ -513,7 +546,8 @@ ...@@ -513,7 +546,8 @@
<th scope="col" [attr.rowspan]="i==6?'1':'2'" [attr.colspan]="i==6?'5':'1'" <th scope="col" [attr.rowspan]="i==6?'1':'2'" [attr.colspan]="i==6?'5':'1'"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> 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 }}</span>
<div *ngIf="!l&&i!=6" class="absolute top-1/2 transform -translate-y-1/2 right-0"> <div *ngIf="!l&&i!=6"
class="absolute top-1/2 transform -translate-y-1/2 right-0">
<i class="ti ti-dots-vertical fs-l"></i> <i class="ti ti-dots-vertical fs-l"></i>
</div> </div>
</th> </th>
...@@ -556,37 +590,42 @@ ...@@ -556,37 +590,42 @@
{{item.weight}} {{item.weight}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part2radioA'+i" (click)="setScore(item,5)" [name]="'part2radio'+i" class="ti-form-radio" [id]="'part2radioA'+i"
(click)="setScore(item,5)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br>
{{item.groupAssessment1.pmsTopic.targetAdetail}} {{item.groupAssessment1.pmsTopic.targetAdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part2radioB'+i" (click)="setScore(item,4)" [name]="'part2radio'+i" class="ti-form-radio" [id]="'part2radioB'+i"
(click)="setScore(item,4)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br>
{{item.groupAssessment1.pmsTopic.targetBdetail}} {{item.groupAssessment1.pmsTopic.targetBdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part2radioC'+i" (click)="setScore(item,3)" [name]="'part2radio'+i" class="ti-form-radio" [id]="'part2radioC'+i"
(click)="setScore(item,3)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br>
{{item.groupAssessment1.pmsTopic.targetCdetail}} {{item.groupAssessment1.pmsTopic.targetCdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part2radioD'+i" (click)="setScore(item,2)" [name]="'part2radio'+i" class="ti-form-radio" [id]="'part2radioD'+i"
(click)="setScore(item,2)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br>
{{item.groupAssessment1.pmsTopic.targetDdetail}} {{item.groupAssessment1.pmsTopic.targetDdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part2radioE'+i" (click)="setScore(item,1)" [name]="'part2radio'+i" class="ti-form-radio" [id]="'part2radioE'+i"
(click)="setScore(item,1)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br>
{{item.groupAssessment1.pmsTopic.targetEdetail}} {{item.groupAssessment1.pmsTopic.targetEdetail}}
</td> </td>
...@@ -656,32 +695,45 @@ ...@@ -656,32 +695,45 @@
</table> </table>
</div> </div>
</div> </div>
</div>
</div>
</div>
</ng-template> </ng-template>
<ng-template #part3> <ng-template #part3>
<div class="mx-2rem py-1rem px-1rem bg-primary"> <div class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
<div class="font-size-18px font-weight-700 text-white flex justify-between"> id="hs-primary-heading-1">
<div class="align-center"> <button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path *ngIf="false"
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path *ngIf="false"
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
Part 3 : ประเมินผลการปฏิบัติงานประจำ (Individual KPI) Part 3 : ประเมินผลการปฏิบัติงานประจำ (Individual KPI)
</div> </span>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer" <svg class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
(click)="part3show=!part3show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
*ngIf="part3show">
<path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
*ngIf="!part3show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path <path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
</span> </button>
</div> <div id="hs-primary-collapse-1"
</div> class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
<div class="pb-2rem px-2rem"> aria-labelledby="hs-primary-heading-1">
<div class="box-body p-0">
<div class="space-y-4">
<div class="overflow-auto rounded-top-0.65rem"> <div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover"> <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px" *ngIf="part3show"> <thead class="height-50px" *ngIf="part3show">
...@@ -692,7 +744,8 @@ ...@@ -692,7 +744,8 @@
<th scope="col" [attr.rowspan]="i==6?'1':'2'" [attr.colspan]="i==6?'5':'1'" <th scope="col" [attr.rowspan]="i==6?'1':'2'" [attr.colspan]="i==6?'5':'1'"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> 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 }}</span>
<div *ngIf="!l&&i!=6" class="absolute top-1/2 transform -translate-y-1/2 right-0"> <div *ngIf="!l&&i!=6"
class="absolute top-1/2 transform -translate-y-1/2 right-0">
<i class="ti ti-dots-vertical fs-l"></i> <i class="ti ti-dots-vertical fs-l"></i>
</div> </div>
</th> </th>
...@@ -735,37 +788,42 @@ ...@@ -735,37 +788,42 @@
{{item.weight}} {{item.weight}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part3radioA'+i" (click)="setScore(item,5)" [name]="'part3radio'+i" class="ti-form-radio" [id]="'part3radioA'+i"
(click)="setScore(item,5)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br>
{{item.groupAssessment1.pmsTopic.targetAdetail}} {{item.groupAssessment1.pmsTopic.targetAdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part3radioB'+i" (click)="setScore(item,4)" [name]="'part3radio'+i" class="ti-form-radio" [id]="'part3radioB'+i"
(click)="setScore(item,4)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br>
{{item.groupAssessment1.pmsTopic.targetBdetail}} {{item.groupAssessment1.pmsTopic.targetBdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part3radioC'+i" (click)="setScore(item,3)" [name]="'part3radio'+i" class="ti-form-radio" [id]="'part3radioC'+i"
(click)="setScore(item,3)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br>
{{item.groupAssessment1.pmsTopic.targetCdetail}} {{item.groupAssessment1.pmsTopic.targetCdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part3radioD'+i" (click)="setScore(item,2)" [name]="'part3radio'+i" class="ti-form-radio" [id]="'part3radioD'+i"
(click)="setScore(item,2)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br>
{{item.groupAssessment1.pmsTopic.targetDdetail}} {{item.groupAssessment1.pmsTopic.targetDdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part3radioE'+i" (click)="setScore(item,1)" [name]="'part3radio'+i" class="ti-form-radio" [id]="'part3radioE'+i"
(click)="setScore(item,1)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br>
{{item.groupAssessment1.pmsTopic.targetEdetail}} {{item.groupAssessment1.pmsTopic.targetEdetail}}
</td> </td>
...@@ -835,32 +893,45 @@ ...@@ -835,32 +893,45 @@
</table> </table>
</div> </div>
</div> </div>
</div>
</div>
</div>
</ng-template> </ng-template>
<ng-template #part4> <ng-template #part4>
<div class="mx-2rem py-1rem px-1rem bg-primary"> <div class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
<div class="font-size-18px font-weight-700 text-white flex justify-between"> id="hs-primary-heading-1">
<div class="align-center"> <button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path *ngIf="false"
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path *ngIf="false"
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
Part 4 : ประเมินผลสมรรถนะที่สนับสนุนการปฏิบัติงาน (Competency) Part 4 : ประเมินผลสมรรถนะที่สนับสนุนการปฏิบัติงาน (Competency)
</div> </span>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer" <svg class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
(click)="part4show=!part4show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
*ngIf="part4show">
<path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
*ngIf="!part4show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path <path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
</span> </button>
</div> <div id="hs-primary-collapse-1"
</div> class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
<div class="pb-2rem px-2rem"> aria-labelledby="hs-primary-heading-1">
<div class="box-body p-0">
<div class="space-y-4">
<div class="overflow-auto rounded-top-0.65rem"> <div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover"> <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px" *ngIf="part4show"> <thead class="height-50px" *ngIf="part4show">
...@@ -870,7 +941,8 @@ ...@@ -870,7 +941,8 @@
<th scope="col" [attr.rowspan]="i==3?'1':'2'" [attr.colspan]="i==3?'5':'1'" <th scope="col" [attr.rowspan]="i==3?'1':'2'" [attr.colspan]="i==3?'5':'1'"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> 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 }}</span>
<div *ngIf="!l&&i!=3" class="absolute top-1/2 transform -translate-y-1/2 right-0"> <div *ngIf="!l&&i!=3"
class="absolute top-1/2 transform -translate-y-1/2 right-0">
<i class="ti ti-dots-vertical fs-l"></i> <i class="ti ti-dots-vertical fs-l"></i>
</div> </div>
</th> </th>
...@@ -980,33 +1052,46 @@ ...@@ -980,33 +1052,46 @@
</table> </table>
</div> </div>
</div> </div>
</div>
</div>
</div>
</ng-template> </ng-template>
<ng-template #part5> <ng-template #part5>
<div class="mx-2rem py-1rem px-1rem bg-primary"> <div class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
<div class="font-size-18px font-weight-700 text-white flex justify-between"> id="hs-primary-heading-1">
<div class="align-center"> <button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path *ngIf="false"
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path *ngIf="false"
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
Part 5 : อัตราการเข้างาน (Time Attendance) Part 5 : อัตราการเข้างาน (Time Attendance)
</div> </span>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer" <svg class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
(click)="part5show=!part5show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
*ngIf="part5show">
<path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
*ngIf="!part5show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path <path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
</span> </button>
</div> <div id="hs-primary-collapse-1"
</div> class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
<div class="pb-2rem px-2rem"> aria-labelledby="hs-primary-heading-1">
<div class="box-body p-0">
<div class="space-y-4">
<div class="overflow-auto rounded-top-0.65rem"> <div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover"> <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px" *ngIf="part5show"> <thead class="height-50px" *ngIf="part5show">
...@@ -1016,7 +1101,8 @@ ...@@ -1016,7 +1101,8 @@
<th scope="col" [attr.rowspan]="i==5?'1':'2'" [attr.colspan]="i==5?'5':'1'" <th scope="col" [attr.rowspan]="i==5?'1':'2'" [attr.colspan]="i==5?'5':'1'"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> 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 }}</span>
<div *ngIf="!l&&i!=5" class="absolute top-1/2 transform -translate-y-1/2 right-0"> <div *ngIf="!l&&i!=5"
class="absolute top-1/2 transform -translate-y-1/2 right-0">
<i class="ti ti-dots-vertical fs-l"></i> <i class="ti ti-dots-vertical fs-l"></i>
</div> </div>
</th> </th>
...@@ -1056,37 +1142,42 @@ ...@@ -1056,37 +1142,42 @@
{{item.weight}} {{item.weight}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part5radioA'+i" (click)="setScorePart5(item,5)" [name]="'part5radio'+i" class="ti-form-radio" [id]="'part5radioA'+i"
(click)="setScorePart5(item,5)"
[checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==5:item.pmsWorkingTimScoreBoss==5"><br> [checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==5:item.pmsWorkingTimScoreBoss==5"><br>
{{item.targetADetail}} {{item.targetADetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part5radioB'+i" (click)="setScorePart5(item,4)" [name]="'part5radio'+i" class="ti-form-radio" [id]="'part5radioB'+i"
(click)="setScorePart5(item,4)"
[checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==4:item.pmsWorkingTimScoreBoss==4"><br> [checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==4:item.pmsWorkingTimScoreBoss==4"><br>
{{item.targetBDetail}} {{item.targetBDetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part5radioC'+i" (click)="setScorePart5(item,3)" [name]="'part5radio'+i" class="ti-form-radio" [id]="'part5radioC'+i"
(click)="setScorePart5(item,3)"
[checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==3:item.pmsWorkingTimScoreBoss==3"><br> [checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==3:item.pmsWorkingTimScoreBoss==3"><br>
{{item.targetCDetail}} {{item.targetCDetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part5radioD'+i" (click)="setScorePart5(item,2)" [name]="'part5radio'+i" class="ti-form-radio" [id]="'part5radioD'+i"
(click)="setScorePart5(item,2)"
[checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==2:item.pmsWorkingTimScoreBoss==2"><br> [checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==2:item.pmsWorkingTimScoreBoss==2"><br>
{{item.targetDDetail}} {{item.targetDDetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part5radioE'+i" (click)="setScorePart5(item,1)" [name]="'part5radio'+i" class="ti-form-radio" [id]="'part5radioE'+i"
(click)="setScorePart5(item,1)"
[checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==1:item.pmsWorkingTimScoreBoss==1"><br> [checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==1:item.pmsWorkingTimScoreBoss==1"><br>
{{item.targetEDetail}} {{item.targetEDetail}}
</td> </td>
...@@ -1153,32 +1244,45 @@ ...@@ -1153,32 +1244,45 @@
</table> </table>
</div> </div>
</div> </div>
</div>
</div>
</div>
</ng-template> </ng-template>
<ng-template #part6> <ng-template #part6>
<div class="mx-2rem py-1rem px-1rem bg-primary"> <div class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
<div class="font-size-18px font-weight-700 text-white flex justify-between"> id="hs-primary-heading-1">
<div class="align-center"> <button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path *ngIf="false"
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path *ngIf="false"
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
Part 6 : งานที่ได้รับมอบหมายเพิ่มเติม (Cross Functional Project Assignment) Part 6 : งานที่ได้รับมอบหมายเพิ่มเติม (Cross Functional Project Assignment)
</div> </span>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer" <svg class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
(click)="part6show=!part6show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
*ngIf="part6show">
<path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
*ngIf="!part6show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path <path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
</span> </button>
</div> <div id="hs-primary-collapse-1"
</div> class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
<div class="pb-2rem px-2rem"> aria-labelledby="hs-primary-heading-1">
<div class="box-body p-0">
<div class="space-y-4">
<div class="overflow-auto rounded-top-0.65rem"> <div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover"> <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px" *ngIf="part6show"> <thead class="height-50px" *ngIf="part6show">
...@@ -1188,7 +1292,8 @@ ...@@ -1188,7 +1292,8 @@
<th scope="col" [attr.rowspan]="i==7?'1':'2'" [attr.colspan]="i==7?'5':'1'" <th scope="col" [attr.rowspan]="i==7?'1':'2'" [attr.colspan]="i==7?'5':'1'"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> 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 }}</span>
<div *ngIf="!l&&i!=7" class="absolute top-1/2 transform -translate-y-1/2 right-0"> <div *ngIf="!l&&i!=7"
class="absolute top-1/2 transform -translate-y-1/2 right-0">
<i class="ti ti-dots-vertical fs-l"></i> <i class="ti ti-dots-vertical fs-l"></i>
</div> </div>
</th> </th>
...@@ -1234,37 +1339,42 @@ ...@@ -1234,37 +1339,42 @@
{{item.weight}} {{item.weight}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part6radioA'+i" (click)="setScore(item,5)" [name]="'part6radio'+i" class="ti-form-radio" [id]="'part6radioA'+i"
(click)="setScore(item,5)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br>
{{item.groupAssessment1.pmsTopic.targetAdetail}} {{item.groupAssessment1.pmsTopic.targetAdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part6radioB'+i" (click)="setScore(item,4)" [name]="'part6radio'+i" class="ti-form-radio" [id]="'part6radioB'+i"
(click)="setScore(item,4)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br>
{{item.groupAssessment1.pmsTopic.targetBdetail}} {{item.groupAssessment1.pmsTopic.targetBdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part6radioC'+i" (click)="setScore(item,3)" [name]="'part6radio'+i" class="ti-form-radio" [id]="'part6radioC'+i"
(click)="setScore(item,3)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br>
{{item.groupAssessment1.pmsTopic.targetCdetail}} {{item.groupAssessment1.pmsTopic.targetCdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part6radioD'+i" (click)="setScore(item,2)" [name]="'part6radio'+i" class="ti-form-radio" [id]="'part6radioD'+i"
(click)="setScore(item,2)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br>
{{item.groupAssessment1.pmsTopic.targetDdetail}} {{item.groupAssessment1.pmsTopic.targetDdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part6radioE'+i" (click)="setScore(item,1)" [name]="'part6radio'+i" class="ti-form-radio" [id]="'part6radioE'+i"
(click)="setScore(item,1)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br>
{{item.groupAssessment1.pmsTopic.targetEdetail}} {{item.groupAssessment1.pmsTopic.targetEdetail}}
</td> </td>
...@@ -1338,33 +1448,46 @@ ...@@ -1338,33 +1448,46 @@
</table> </table>
</div> </div>
</div> </div>
</div>
</div>
</div>
</ng-template> </ng-template>
<ng-template #part7> <ng-template #part7>
<div class="mx-2rem py-1rem px-1rem bg-primary"> <div class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
<div class="font-size-18px font-weight-700 text-white flex justify-between"> id="hs-primary-heading-1">
<div class="align-center"> <button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path *ngIf="false"
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path *ngIf="false"
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
Part 7: กิจกรรมพิเศษ (Special Activities) Part 7: กิจกรรมพิเศษ (Special Activities)
</div> </span>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer" <svg class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
(click)="part7show=!part7show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
*ngIf="part7show">
<path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
*ngIf="!part7show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path <path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
</span> </button>
</div> <div id="hs-primary-collapse-1"
</div> class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
<div class="pb-2rem px-2rem"> aria-labelledby="hs-primary-heading-1">
<div class="box-body p-0">
<div class="space-y-4">
<div class="overflow-auto rounded-top-0.65rem"> <div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover"> <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px" *ngIf="part7show"> <thead class="height-50px" *ngIf="part7show">
...@@ -1374,7 +1497,8 @@ ...@@ -1374,7 +1497,8 @@
<th scope="col" [attr.rowspan]="i==7?'1':'2'" [attr.colspan]="i==7?'5':'1'" <th scope="col" [attr.rowspan]="i==7?'1':'2'" [attr.colspan]="i==7?'5':'1'"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center"> 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 }}</span>
<div *ngIf="!l&&i!=7" class="absolute top-1/2 transform -translate-y-1/2 right-0"> <div *ngIf="!l&&i!=7"
class="absolute top-1/2 transform -translate-y-1/2 right-0">
<i class="ti ti-dots-vertical fs-l"></i> <i class="ti ti-dots-vertical fs-l"></i>
</div> </div>
</th> </th>
...@@ -1420,37 +1544,42 @@ ...@@ -1420,37 +1544,42 @@
{{item.weight}} {{item.weight}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part7radioA'+i" (click)="setScore(item,5)" [name]="'part7radio'+i" class="ti-form-radio" [id]="'part7radioA'+i"
(click)="setScore(item,5)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br>
{{item.groupAssessment1.pmsTopic.targetAdetail}} {{item.groupAssessment1.pmsTopic.targetAdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part7radioB'+i" (click)="setScore(item,4)" [name]="'part7radio'+i" class="ti-form-radio" [id]="'part7radioB'+i"
(click)="setScore(item,4)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br>
{{item.groupAssessment1.pmsTopic.targetBdetail}} {{item.groupAssessment1.pmsTopic.targetBdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part7radioC'+i" (click)="setScore(item,3)" [name]="'part7radio'+i" class="ti-form-radio" [id]="'part7radioC'+i"
(click)="setScore(item,3)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br>
{{item.groupAssessment1.pmsTopic.targetCdetail}} {{item.groupAssessment1.pmsTopic.targetCdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part7radioD'+i" (click)="setScore(item,2)" [name]="'part7radio'+i" class="ti-form-radio" [id]="'part7radioD'+i"
(click)="setScore(item,2)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br>
{{item.groupAssessment1.pmsTopic.targetDdetail}} {{item.groupAssessment1.pmsTopic.targetDdetail}}
</td> </td>
<td class="align-start text-center !white-space-normal "> <td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit" <input [class.cursor-pointer]="canEdit"
[disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio" [class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[id]="'part7radioE'+i" (click)="setScore(item,1)" [name]="'part7radio'+i" class="ti-form-radio" [id]="'part7radioE'+i"
(click)="setScore(item,1)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br> [checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br>
{{item.groupAssessment1.pmsTopic.targetEdetail}} {{item.groupAssessment1.pmsTopic.targetEdetail}}
</td> </td>
...@@ -1524,33 +1653,46 @@ ...@@ -1524,33 +1653,46 @@
</table> </table>
</div> </div>
</div> </div>
</div>
</div>
</div>
</ng-template> </ng-template>
<ng-template #part8> <ng-template #part8>
<div class="mx-2rem py-1rem px-1rem bg-primary"> <div class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
<div class="font-size-18px font-weight-700 text-white flex justify-between"> id="hs-primary-heading-1">
<div class="align-center"> <button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path *ngIf="false"
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path *ngIf="false"
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
Part 8 : สรุปผลการปฏิบัติงาน (Summary) Part 8 : สรุปผลการปฏิบัติงาน (Summary)
</div> </span>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer" <svg class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
(click)="part8show=!part8show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
*ngIf="part8show">
<path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
*ngIf="!part8show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path <path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
</span> </button>
</div> <div id="hs-primary-collapse-1"
</div> class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
<div class="pb-2rem px-2rem"> aria-labelledby="hs-primary-heading-1">
<div class="box-body p-0">
<div class="space-y-4">
<div class="overflow-auto rounded-top-0.65rem"> <div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover"> <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px"> <thead class="height-50px">
...@@ -1604,7 +1746,8 @@ ...@@ -1604,7 +1746,8 @@
{{calNetScore()}} {{calNetScore()}}
</td> </td>
<td class="align-start !white-space-normal" *ngIf="appraisalPms.data"> <td class="align-start !white-space-normal" *ngIf="appraisalPms.data">
<ng-container *ngFor="let item of groupGrade.dataList; let i=index;let f= first"> <ng-container
*ngFor="let item of groupGrade.dataList; let i=index;let f= first">
<span style="display:flex;align-items:center" [class.mt-2]="!f"> <span style="display:flex;align-items:center" [class.mt-2]="!f">
<i *ngIf="appraisalPms.data.gradeScore==item.gradeDetail" <i *ngIf="appraisalPms.data.gradeScore==item.gradeDetail"
class="ri ri-star-fill pr-10px"></i> class="ri ri-star-fill pr-10px"></i>
...@@ -1620,35 +1763,47 @@ ...@@ -1620,35 +1763,47 @@
</table> </table>
</div> </div>
</div> </div>
</div>
</div>
</div>
</ng-template> </ng-template>
<ng-template #part9> <ng-template #part9>
<div class="mx-2rem py-1rem px-1rem bg-primary"> <div class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
<div class="font-size-18px font-weight-700 text-white flex justify-between"> id="hs-primary-heading-1">
<div class="align-center"> <button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path *ngIf="false"
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path *ngIf="false"
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
Part 9 : พฤติกรรมบุคคลที่เป็นจุดแข็ง จุดอ่อน และการพัฒนา Part 9 : พฤติกรรมบุคคลที่เป็นจุดแข็ง จุดอ่อน และการพัฒนา
(EMPLOYEE STRENGTHS , WEAKNESSES AND PLAN TO IMPROVED) (EMPLOYEE STRENGTHS , WEAKNESSES AND PLAN TO IMPROVED)
</div> </span>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer" <svg class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
(click)="part9show=!part9show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
*ngIf="part9show">
<path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
*ngIf="!part9show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path <path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
</span> </button>
</div> <div id="hs-primary-collapse-1"
</div> class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
<div class="pb-2rem" *ngIf="!part9show"></div> aria-labelledby="hs-primary-heading-1">
<div class="pb-2rem px-2rem" *ngIf="part9show"> <div class="box-body p-0">
<div class="space-y-4">
<div class="pb-1rem" *ngIf="appraisalPms.data"> <div class="pb-1rem" *ngIf="appraisalPms.data">
<div class="pb-2 grid grid-cols-2"> <div class="pb-2 grid grid-cols-2">
<div class="col-span-1 grid-cols-1 text-gray-400"> <div class="col-span-1 grid-cols-1 text-gray-400">
...@@ -1656,8 +1811,9 @@ ...@@ -1656,8 +1811,9 @@
พฤติกรรมที่เป็นจุดแข็ง (EMPLOYEE STRENGTHS AND ACCOMPLISHMENTS) พฤติกรรมที่เป็นจุดแข็ง (EMPLOYEE STRENGTHS AND ACCOMPLISHMENTS)
</div> </div>
<div class="col-span-1 p-2"> <div class="col-span-1 p-2">
<textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit" <textarea type="text" rows="2" class="ti-form-input"
[readonly]="!canEdit" [(ngModel)]="appraisalPms.data.employeeStrengths"></textarea> [class.!bg-input-readonly]="!canEdit" [readonly]="!canEdit"
[(ngModel)]="appraisalPms.data.employeeStrengths"></textarea>
</div> </div>
</div> </div>
<div class="col-span-1 grid-cols-1 text-gray-400"> <div class="col-span-1 grid-cols-1 text-gray-400">
...@@ -1665,8 +1821,9 @@ ...@@ -1665,8 +1821,9 @@
หัวข้อที่ต้องเรียนรู้เพิ่มเติม (สำหรับจุดแข็ง) หัวข้อที่ต้องเรียนรู้เพิ่มเติม (สำหรับจุดแข็ง)
</div> </div>
<div class="col-span-1 p-2"> <div class="col-span-1 p-2">
<textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit" <textarea type="text" rows="2" class="ti-form-input"
[readonly]="!canEdit" [(ngModel)]="appraisalPms.data.learningTopicsForStrengths"></textarea> [class.!bg-input-readonly]="!canEdit" [readonly]="!canEdit"
[(ngModel)]="appraisalPms.data.learningTopicsForStrengths"></textarea>
</div> </div>
</div> </div>
</div> </div>
...@@ -1676,8 +1833,9 @@ ...@@ -1676,8 +1833,9 @@
พฤติกรรมที่เป็นจุดอ่อน (PERFORMANCE AREAS WHICH NEED IMPROVEMENT) พฤติกรรมที่เป็นจุดอ่อน (PERFORMANCE AREAS WHICH NEED IMPROVEMENT)
</div> </div>
<div class="col-span-1 p-2"> <div class="col-span-1 p-2">
<textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit" <textarea type="text" rows="2" class="ti-form-input"
[readonly]="!canEdit" [(ngModel)]="appraisalPms.data.performanceWeaknesses"></textarea> [class.!bg-input-readonly]="!canEdit" [readonly]="!canEdit"
[(ngModel)]="appraisalPms.data.performanceWeaknesses"></textarea>
</div> </div>
</div> </div>
<div class="col-span-1 grid-cols-1 text-gray-400"> <div class="col-span-1 grid-cols-1 text-gray-400">
...@@ -1685,8 +1843,8 @@ ...@@ -1685,8 +1843,8 @@
หัวข้อที่ต้องเรียนรู้เพิ่มเติม (สำหรับจุดอ่อน) หัวข้อที่ต้องเรียนรู้เพิ่มเติม (สำหรับจุดอ่อน)
</div> </div>
<div class="col-span-1 p-2"> <div class="col-span-1 p-2">
<textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit" <textarea type="text" rows="2" class="ti-form-input"
[readonly]="!canEdit" [class.!bg-input-readonly]="!canEdit" [readonly]="!canEdit"
[(ngModel)]="appraisalPms.data.learningTopicsForWeaknesses"></textarea> [(ngModel)]="appraisalPms.data.learningTopicsForWeaknesses"></textarea>
</div> </div>
</div> </div>
...@@ -1697,8 +1855,9 @@ ...@@ -1697,8 +1855,9 @@
พฤติกรรมที่ควรได้รับการพัฒนา (PLAN OF ACTION TOWARD IMPROVED PERFORMANCE) พฤติกรรมที่ควรได้รับการพัฒนา (PLAN OF ACTION TOWARD IMPROVED PERFORMANCE)
</div> </div>
<div class="col-span-1 p-2"> <div class="col-span-1 p-2">
<textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit" <textarea type="text" rows="2" class="ti-form-input"
[readonly]="!canEdit" [(ngModel)]="appraisalPms.data.improvementPlan"></textarea> [class.!bg-input-readonly]="!canEdit" [readonly]="!canEdit"
[(ngModel)]="appraisalPms.data.improvementPlan"></textarea>
</div> </div>
</div> </div>
<div class="col-span-1 grid-cols-1 text-gray-400"> <div class="col-span-1 grid-cols-1 text-gray-400">
...@@ -1706,45 +1865,60 @@ ...@@ -1706,45 +1865,60 @@
หัวข้อที่ต้องเรียนรู้เพิ่มเติม (สำหรับพฤติกรรมที่ควรได้รับการพัฒนา) หัวข้อที่ต้องเรียนรู้เพิ่มเติม (สำหรับพฤติกรรมที่ควรได้รับการพัฒนา)
</div> </div>
<div class="col-span-1 p-2"> <div class="col-span-1 p-2">
<textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit" <textarea type="text" rows="2" class="ti-form-input"
[readonly]="!canEdit" [class.!bg-input-readonly]="!canEdit" [readonly]="!canEdit"
[(ngModel)]="appraisalPms.data.learningTopicsForImprovement"></textarea> [(ngModel)]="appraisalPms.data.learningTopicsForImprovement"></textarea>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</div>
</ng-template> </ng-template>
<ng-template #part10> <ng-template #part10>
<div class="mx-2rem py-1rem px-1rem bg-primary"> <div class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
<div class="font-size-18px font-weight-700 text-white flex justify-between"> id="hs-primary-heading-1">
<div class="align-center"> <button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path *ngIf="false"
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path *ngIf="false"
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
Part 10: คำชมหรือรางวัลที่ได้รับ (Conversation, Feedback, Recognise : CFR) Part 10: คำชมหรือรางวัลที่ได้รับ (Conversation, Feedback, Recognise : CFR)
</div> </span>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer" <svg class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
(click)="part10show=!part10show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
*ngIf="part10show">
<path
d="M2.27921 10.64L7.92565 4.99357C8.12091 4.79831 8.4375 4.79831 8.63276 4.99357L14.2792 10.64"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none" <svg class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
*ngIf="!part10show"> width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path <path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
stroke="currentColor" stroke-width="2" stroke-linecap="round" /> stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg> </svg>
</span> </button>
</div> <div id="hs-primary-collapse-1"
</div> class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
<div class="pb-2rem" *ngIf="!part10show"></div> aria-labelledby="hs-primary-heading-1">
<div class="pb-2rem px-2rem" *ngIf="part10show"> <div class="box-body p-0">
<div class="space-y-4">
<div class="pb-1rem p-2" *ngIf="appraisalPms.data"> <div class="pb-1rem p-2" *ngIf="appraisalPms.data">
<textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit" <textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit"
[readonly]="!canEdit" [(ngModel)]="appraisalPms.data.cfrDetail"></textarea> [readonly]="!canEdit" [(ngModel)]="appraisalPms.data.cfrDetail"></textarea>
</div> </div>
</div> </div>
</div>
</div>
</div>
</ng-template> </ng-template>
\ No newline at end of file
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