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-template #pmsEvaluation>
......@@ -113,6 +112,9 @@
</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?.part2Detail?.length then part2 else noData"></ng-container>
<ng-container *ngIf="appraisalPms?.data?.part3Detail?.length then part3 else noData"></ng-container>
......@@ -123,7 +125,9 @@
<ng-container *ngTemplateOutlet="part8"></ng-container>
<ng-container *ngTemplateOutlet="part9"></ng-container>
<ng-container *ngTemplateOutlet="part10"></ng-container>
</div>
</div>
</div>
<div class="py-1rem px-2rem">
......@@ -291,29 +295,39 @@
</ng-template>
<ng-template #part1>
<div class="mx-2rem py-1rem px-1rem bg-primary">
<div class="font-size-18px font-weight-700 text-white flex justify-between">
<div class="align-center">
<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"
id="hs-primary-heading-1">
<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)
</div>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer"
(click)="part1show=!part1show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*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"
</span>
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part1show">
<path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</span>
</div>
</div>
<div class="pb-2rem px-2rem">
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
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">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px" *ngIf="part1show">
......@@ -324,7 +338,8 @@
<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">
<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>
</div>
</th>
......@@ -370,37 +385,42 @@
{{item.weight}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio"
[id]="'part1radioA'+i" (click)="setScore(item,5)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part1radio'+i" class="ti-form-radio" [id]="'part1radioA'+i"
(click)="setScore(item,5)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br>
{{item.groupAssessment1.pmsTopic.targetAdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio"
[id]="'part1radioB'+i" (click)="setScore(item,4)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part1radio'+i" class="ti-form-radio" [id]="'part1radioB'+i"
(click)="setScore(item,4)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br>
{{item.groupAssessment1.pmsTopic.targetBdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio"
[id]="'part1radioC'+i" (click)="setScore(item,3)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part1radio'+i" class="ti-form-radio" [id]="'part1radioC'+i"
(click)="setScore(item,3)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br>
{{item.groupAssessment1.pmsTopic.targetCdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio"
[id]="'part1radioD'+i" (click)="setScore(item,2)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part1radio'+i" class="ti-form-radio" [id]="'part1radioD'+i"
(click)="setScore(item,2)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br>
{{item.groupAssessment1.pmsTopic.targetDdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part1radio'+i" class="ti-form-radio"
[id]="'part1radioE'+i" (click)="setScore(item,1)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part1radio'+i" class="ti-form-radio" [id]="'part1radioE'+i"
(click)="setScore(item,1)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br>
{{item.groupAssessment1.pmsTopic.targetEdetail}}
</td>
......@@ -476,33 +496,46 @@
</table>
</div>
</div>
</div>
</div>
</div>
</ng-template>
<ng-template #part2>
<div class="mx-2rem py-1rem px-1rem bg-primary">
<div class="font-size-18px font-weight-700 text-white flex justify-between">
<div class="align-center">
<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"
id="hs-primary-heading-1">
<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)
</div>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer"
(click)="part2show=!part2show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*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"
</span>
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part2show">
<path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</span>
</div>
</div>
<div class="pb-2rem px-2rem">
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
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">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px" *ngIf="part2show">
......@@ -513,7 +546,8 @@
<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">
<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>
</div>
</th>
......@@ -556,37 +590,42 @@
{{item.weight}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio"
[id]="'part2radioA'+i" (click)="setScore(item,5)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part2radio'+i" class="ti-form-radio" [id]="'part2radioA'+i"
(click)="setScore(item,5)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br>
{{item.groupAssessment1.pmsTopic.targetAdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio"
[id]="'part2radioB'+i" (click)="setScore(item,4)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part2radio'+i" class="ti-form-radio" [id]="'part2radioB'+i"
(click)="setScore(item,4)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br>
{{item.groupAssessment1.pmsTopic.targetBdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio"
[id]="'part2radioC'+i" (click)="setScore(item,3)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part2radio'+i" class="ti-form-radio" [id]="'part2radioC'+i"
(click)="setScore(item,3)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br>
{{item.groupAssessment1.pmsTopic.targetCdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio"
[id]="'part2radioD'+i" (click)="setScore(item,2)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part2radio'+i" class="ti-form-radio" [id]="'part2radioD'+i"
(click)="setScore(item,2)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br>
{{item.groupAssessment1.pmsTopic.targetDdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part2radio'+i" class="ti-form-radio"
[id]="'part2radioE'+i" (click)="setScore(item,1)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part2radio'+i" class="ti-form-radio" [id]="'part2radioE'+i"
(click)="setScore(item,1)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br>
{{item.groupAssessment1.pmsTopic.targetEdetail}}
</td>
......@@ -656,32 +695,45 @@
</table>
</div>
</div>
</div>
</div>
</div>
</ng-template>
<ng-template #part3>
<div class="mx-2rem py-1rem px-1rem bg-primary">
<div class="font-size-18px font-weight-700 text-white flex justify-between">
<div class="align-center">
<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"
id="hs-primary-heading-1">
<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)
</div>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer"
(click)="part3show=!part3show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*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"
</span>
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part3show">
<path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</span>
</div>
</div>
<div class="pb-2rem px-2rem">
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
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">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px" *ngIf="part3show">
......@@ -692,7 +744,8 @@
<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">
<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>
</div>
</th>
......@@ -735,37 +788,42 @@
{{item.weight}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio"
[id]="'part3radioA'+i" (click)="setScore(item,5)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part3radio'+i" class="ti-form-radio" [id]="'part3radioA'+i"
(click)="setScore(item,5)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br>
{{item.groupAssessment1.pmsTopic.targetAdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio"
[id]="'part3radioB'+i" (click)="setScore(item,4)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part3radio'+i" class="ti-form-radio" [id]="'part3radioB'+i"
(click)="setScore(item,4)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br>
{{item.groupAssessment1.pmsTopic.targetBdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio"
[id]="'part3radioC'+i" (click)="setScore(item,3)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part3radio'+i" class="ti-form-radio" [id]="'part3radioC'+i"
(click)="setScore(item,3)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br>
{{item.groupAssessment1.pmsTopic.targetCdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio"
[id]="'part3radioD'+i" (click)="setScore(item,2)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part3radio'+i" class="ti-form-radio" [id]="'part3radioD'+i"
(click)="setScore(item,2)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br>
{{item.groupAssessment1.pmsTopic.targetDdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part3radio'+i" class="ti-form-radio"
[id]="'part3radioE'+i" (click)="setScore(item,1)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part3radio'+i" class="ti-form-radio" [id]="'part3radioE'+i"
(click)="setScore(item,1)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br>
{{item.groupAssessment1.pmsTopic.targetEdetail}}
</td>
......@@ -835,32 +893,45 @@
</table>
</div>
</div>
</div>
</div>
</div>
</ng-template>
<ng-template #part4>
<div class="mx-2rem py-1rem px-1rem bg-primary">
<div class="font-size-18px font-weight-700 text-white flex justify-between">
<div class="align-center">
<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"
id="hs-primary-heading-1">
<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)
</div>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer"
(click)="part4show=!part4show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*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"
</span>
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part4show">
<path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</span>
</div>
</div>
<div class="pb-2rem px-2rem">
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
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">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px" *ngIf="part4show">
......@@ -870,7 +941,8 @@
<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">
<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>
</div>
</th>
......@@ -980,33 +1052,46 @@
</table>
</div>
</div>
</div>
</div>
</div>
</ng-template>
<ng-template #part5>
<div class="mx-2rem py-1rem px-1rem bg-primary">
<div class="font-size-18px font-weight-700 text-white flex justify-between">
<div class="align-center">
<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"
id="hs-primary-heading-1">
<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)
</div>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer"
(click)="part5show=!part5show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*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"
</span>
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part5show">
<path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</span>
</div>
</div>
<div class="pb-2rem px-2rem">
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
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">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px" *ngIf="part5show">
......@@ -1016,7 +1101,8 @@
<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">
<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>
</div>
</th>
......@@ -1056,37 +1142,42 @@
{{item.weight}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio"
[id]="'part5radioA'+i" (click)="setScorePart5(item,5)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part5radio'+i" class="ti-form-radio" [id]="'part5radioA'+i"
(click)="setScorePart5(item,5)"
[checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==5:item.pmsWorkingTimScoreBoss==5"><br>
{{item.targetADetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio"
[id]="'part5radioB'+i" (click)="setScorePart5(item,4)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part5radio'+i" class="ti-form-radio" [id]="'part5radioB'+i"
(click)="setScorePart5(item,4)"
[checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==4:item.pmsWorkingTimScoreBoss==4"><br>
{{item.targetBDetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio"
[id]="'part5radioC'+i" (click)="setScorePart5(item,3)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part5radio'+i" class="ti-form-radio" [id]="'part5radioC'+i"
(click)="setScorePart5(item,3)"
[checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==3:item.pmsWorkingTimScoreBoss==3"><br>
{{item.targetCDetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio"
[id]="'part5radioD'+i" (click)="setScorePart5(item,2)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part5radio'+i" class="ti-form-radio" [id]="'part5radioD'+i"
(click)="setScorePart5(item,2)"
[checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==2:item.pmsWorkingTimScoreBoss==2"><br>
{{item.targetDDetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part5radio'+i" class="ti-form-radio"
[id]="'part5radioE'+i" (click)="setScorePart5(item,1)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part5radio'+i" class="ti-form-radio" [id]="'part5radioE'+i"
(click)="setScorePart5(item,1)"
[checked]="evaluaterId==evaluateeId?item.pmsWorkingTimScore==1:item.pmsWorkingTimScoreBoss==1"><br>
{{item.targetEDetail}}
</td>
......@@ -1153,32 +1244,45 @@
</table>
</div>
</div>
</div>
</div>
</div>
</ng-template>
<ng-template #part6>
<div class="mx-2rem py-1rem px-1rem bg-primary">
<div class="font-size-18px font-weight-700 text-white flex justify-between">
<div class="align-center">
<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"
id="hs-primary-heading-1">
<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)
</div>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer"
(click)="part6show=!part6show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*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"
</span>
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part6show">
<path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</span>
</div>
</div>
<div class="pb-2rem px-2rem">
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
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">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px" *ngIf="part6show">
......@@ -1188,7 +1292,8 @@
<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">
<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>
</div>
</th>
......@@ -1234,37 +1339,42 @@
{{item.weight}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio"
[id]="'part6radioA'+i" (click)="setScore(item,5)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part6radio'+i" class="ti-form-radio" [id]="'part6radioA'+i"
(click)="setScore(item,5)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br>
{{item.groupAssessment1.pmsTopic.targetAdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio"
[id]="'part6radioB'+i" (click)="setScore(item,4)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part6radio'+i" class="ti-form-radio" [id]="'part6radioB'+i"
(click)="setScore(item,4)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br>
{{item.groupAssessment1.pmsTopic.targetBdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio"
[id]="'part6radioC'+i" (click)="setScore(item,3)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part6radio'+i" class="ti-form-radio" [id]="'part6radioC'+i"
(click)="setScore(item,3)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br>
{{item.groupAssessment1.pmsTopic.targetCdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio"
[id]="'part6radioD'+i" (click)="setScore(item,2)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part6radio'+i" class="ti-form-radio" [id]="'part6radioD'+i"
(click)="setScore(item,2)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br>
{{item.groupAssessment1.pmsTopic.targetDdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part6radio'+i" class="ti-form-radio"
[id]="'part6radioE'+i" (click)="setScore(item,1)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part6radio'+i" class="ti-form-radio" [id]="'part6radioE'+i"
(click)="setScore(item,1)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br>
{{item.groupAssessment1.pmsTopic.targetEdetail}}
</td>
......@@ -1338,33 +1448,46 @@
</table>
</div>
</div>
</div>
</div>
</div>
</ng-template>
<ng-template #part7>
<div class="mx-2rem py-1rem px-1rem bg-primary">
<div class="font-size-18px font-weight-700 text-white flex justify-between">
<div class="align-center">
<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"
id="hs-primary-heading-1">
<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)
</div>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer"
(click)="part7show=!part7show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*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"
</span>
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part7show">
<path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</span>
</div>
</div>
<div class="pb-2rem px-2rem">
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
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">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px" *ngIf="part7show">
......@@ -1374,7 +1497,8 @@
<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">
<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>
</div>
</th>
......@@ -1420,37 +1544,42 @@
{{item.weight}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio"
[id]="'part7radioA'+i" (click)="setScore(item,5)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part7radio'+i" class="ti-form-radio" [id]="'part7radioA'+i"
(click)="setScore(item,5)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==5:item.scoreTopicExpectationBoss==5"><br>
{{item.groupAssessment1.pmsTopic.targetAdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio"
[id]="'part7radioB'+i" (click)="setScore(item,4)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part7radio'+i" class="ti-form-radio" [id]="'part7radioB'+i"
(click)="setScore(item,4)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==4:item.scoreTopicExpectationBoss==4"><br>
{{item.groupAssessment1.pmsTopic.targetBdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio"
[id]="'part7radioC'+i" (click)="setScore(item,3)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part7radio'+i" class="ti-form-radio" [id]="'part7radioC'+i"
(click)="setScore(item,3)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==3:item.scoreTopicExpectationBoss==3"><br>
{{item.groupAssessment1.pmsTopic.targetCdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio"
[id]="'part7radioD'+i" (click)="setScore(item,2)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part7radio'+i" class="ti-form-radio" [id]="'part7radioD'+i"
(click)="setScore(item,2)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==2:item.scoreTopicExpectationBoss==2"><br>
{{item.groupAssessment1.pmsTopic.targetDdetail}}
</td>
<td class="align-start text-center !white-space-normal ">
<input [class.cursor-pointer]="canEdit" [class.cursor-not-allowed]="!canEdit"
[disabled]="!canEdit" type="radio" [name]="'part7radio'+i" class="ti-form-radio"
[id]="'part7radioE'+i" (click)="setScore(item,1)"
<input [class.cursor-pointer]="canEdit"
[class.cursor-not-allowed]="!canEdit" [disabled]="!canEdit" type="radio"
[name]="'part7radio'+i" class="ti-form-radio" [id]="'part7radioE'+i"
(click)="setScore(item,1)"
[checked]="evaluaterId==evaluateeId?item.scoreTopicExpectation==1:item.scoreTopicExpectationBoss==1"><br>
{{item.groupAssessment1.pmsTopic.targetEdetail}}
</td>
......@@ -1524,33 +1653,46 @@
</table>
</div>
</div>
</div>
</div>
</div>
</ng-template>
<ng-template #part8>
<div class="mx-2rem py-1rem px-1rem bg-primary">
<div class="font-size-18px font-weight-700 text-white flex justify-between">
<div class="align-center">
<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"
id="hs-primary-heading-1">
<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)
</div>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer"
(click)="part8show=!part8show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*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"
</span>
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part8show">
<path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</span>
</div>
</div>
<div class="pb-2rem px-2rem">
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
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">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover">
<thead class="height-50px">
......@@ -1604,7 +1746,8 @@
{{calNetScore()}}
</td>
<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">
<i *ngIf="appraisalPms.data.gradeScore==item.gradeDetail"
class="ri ri-star-fill pr-10px"></i>
......@@ -1620,35 +1763,47 @@
</table>
</div>
</div>
</div>
</div>
</div>
</ng-template>
<ng-template #part9>
<div class="mx-2rem py-1rem px-1rem bg-primary">
<div class="font-size-18px font-weight-700 text-white flex justify-between">
<div class="align-center">
<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"
id="hs-primary-heading-1">
<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 : พฤติกรรมบุคคลที่เป็นจุดแข็ง จุดอ่อน และการพัฒนา
(EMPLOYEE STRENGTHS , WEAKNESSES AND PLAN TO IMPROVED)
</div>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer"
(click)="part9show=!part9show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*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"
</span>
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part9show">
<path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</span>
</div>
</div>
<div class="pb-2rem" *ngIf="!part9show"></div>
<div class="pb-2rem px-2rem" *ngIf="part9show">
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
aria-labelledby="hs-primary-heading-1">
<div class="box-body p-0">
<div class="space-y-4">
<div class="pb-1rem" *ngIf="appraisalPms.data">
<div class="pb-2 grid grid-cols-2">
<div class="col-span-1 grid-cols-1 text-gray-400">
......@@ -1656,8 +1811,9 @@
พฤติกรรมที่เป็นจุดแข็ง (EMPLOYEE STRENGTHS AND ACCOMPLISHMENTS)
</div>
<div class="col-span-1 p-2">
<textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit"
[readonly]="!canEdit" [(ngModel)]="appraisalPms.data.employeeStrengths"></textarea>
<textarea type="text" rows="2" class="ti-form-input"
[class.!bg-input-readonly]="!canEdit" [readonly]="!canEdit"
[(ngModel)]="appraisalPms.data.employeeStrengths"></textarea>
</div>
</div>
<div class="col-span-1 grid-cols-1 text-gray-400">
......@@ -1665,8 +1821,9 @@
หัวข้อที่ต้องเรียนรู้เพิ่มเติม (สำหรับจุดแข็ง)
</div>
<div class="col-span-1 p-2">
<textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit"
[readonly]="!canEdit" [(ngModel)]="appraisalPms.data.learningTopicsForStrengths"></textarea>
<textarea type="text" rows="2" class="ti-form-input"
[class.!bg-input-readonly]="!canEdit" [readonly]="!canEdit"
[(ngModel)]="appraisalPms.data.learningTopicsForStrengths"></textarea>
</div>
</div>
</div>
......@@ -1676,8 +1833,9 @@
พฤติกรรมที่เป็นจุดอ่อน (PERFORMANCE AREAS WHICH NEED IMPROVEMENT)
</div>
<div class="col-span-1 p-2">
<textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit"
[readonly]="!canEdit" [(ngModel)]="appraisalPms.data.performanceWeaknesses"></textarea>
<textarea type="text" rows="2" class="ti-form-input"
[class.!bg-input-readonly]="!canEdit" [readonly]="!canEdit"
[(ngModel)]="appraisalPms.data.performanceWeaknesses"></textarea>
</div>
</div>
<div class="col-span-1 grid-cols-1 text-gray-400">
......@@ -1685,8 +1843,8 @@
หัวข้อที่ต้องเรียนรู้เพิ่มเติม (สำหรับจุดอ่อน)
</div>
<div class="col-span-1 p-2">
<textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit"
[readonly]="!canEdit"
<textarea type="text" rows="2" class="ti-form-input"
[class.!bg-input-readonly]="!canEdit" [readonly]="!canEdit"
[(ngModel)]="appraisalPms.data.learningTopicsForWeaknesses"></textarea>
</div>
</div>
......@@ -1697,8 +1855,9 @@
พฤติกรรมที่ควรได้รับการพัฒนา (PLAN OF ACTION TOWARD IMPROVED PERFORMANCE)
</div>
<div class="col-span-1 p-2">
<textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit"
[readonly]="!canEdit" [(ngModel)]="appraisalPms.data.improvementPlan"></textarea>
<textarea type="text" rows="2" class="ti-form-input"
[class.!bg-input-readonly]="!canEdit" [readonly]="!canEdit"
[(ngModel)]="appraisalPms.data.improvementPlan"></textarea>
</div>
</div>
<div class="col-span-1 grid-cols-1 text-gray-400">
......@@ -1706,45 +1865,60 @@
หัวข้อที่ต้องเรียนรู้เพิ่มเติม (สำหรับพฤติกรรมที่ควรได้รับการพัฒนา)
</div>
<div class="col-span-1 p-2">
<textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit"
[readonly]="!canEdit"
<textarea type="text" rows="2" class="ti-form-input"
[class.!bg-input-readonly]="!canEdit" [readonly]="!canEdit"
[(ngModel)]="appraisalPms.data.learningTopicsForImprovement"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</ng-template>
<ng-template #part10>
<div class="mx-2rem py-1rem px-1rem bg-primary">
<div class="font-size-18px font-weight-700 text-white flex justify-between">
<div class="align-center">
<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"
id="hs-primary-heading-1">
<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)
</div>
<span class="w-10 h-10 ti-btn p-0 transition-none rounded-full border-white border-4 cursor-pointer"
(click)="part10show=!part10show">
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*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"
</span>
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
<svg class="w-2.5 h-2.5 font-bold" width="16" height="16" viewBox="0 0 16 16" fill="none"
*ngIf="!part10show">
<path
d="M2.27921 4.64001L7.92565 10.2865C8.12091 10.4817 8.4375 10.4817 8.63276 10.2865L14.2792 4.64001"
<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"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</span>
</div>
</div>
<div class="pb-2rem" *ngIf="!part10show"></div>
<div class="pb-2rem px-2rem" *ngIf="part10show">
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
aria-labelledby="hs-primary-heading-1">
<div class="box-body p-0">
<div class="space-y-4">
<div class="pb-1rem p-2" *ngIf="appraisalPms.data">
<textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit"
[readonly]="!canEdit" [(ngModel)]="appraisalPms.data.cfrDetail"></textarea>
</div>
</div>
</div>
</div>
</div>
</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