Skip to content

M
mySkill-x
Commit 627fbca7 by Nattana Chaiyamat
Options

ประเมินโดยหัวหน้า

parent 5eb663fb
Showing with 363 additions and 1086 deletions
src/app/components/performance-evaluation/pms-form-employee/pms-competency/pms-competency.component.html
<div class="flex w-full">
<!-- ส่วน Tab ด้านซ้าย -->
<div class="ltr:border-r rtl:border-l border-gray-200 dark:border-white/10 w-64">
<!-- ตรงนี้เป็นเมนู Tab -->
<nav class="flex flex-col space-y-2 whitespace-nowrap" aria-label="Tabs" data-hs-tabs-vertical="true">
<nav class="flex flex-col space-y-2 whitespace-nowrap" aria-label="Tabs" data-hs-tabs-vertical="true">
<button *ngFor="let item of allCompetencyTypeId ;let i=index" (click)="getAppraisalCompentencyForm(i)"
[class.active]="currentTap==item.shortName" type="button"
class="hs-tab-active:bg-primary ltr:hs-tab-active:border-r-transparent rtl:hs-tab-active:border-l-transparent hs-tab-active:text-white dark:hs-tab-active:bg-transparent ltr:dark:hs-tab-active:border-r-gray-800 rtl:dark:hs-tab-active:border-l-gray-800 dark:hs-tab-active:text-primary -mr-px py-2 px-3 inline-flex items-center gap-2 bg-gray-50 text-sm font-medium text-center border text-gray-500 ltr:rounded-l-lg rtl:rounded-r-lg hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300"
id="hs-tab-js-vertical-item-1" data-hs-tab="#hs-tab-js-vertical-1" aria-controls="hs-tab-js-vertical-1">
class="hs-tab-active:bg-primary ltr:hs-tab-active:border-r-transparent rtl:hs-tab-active:border-l-transparent hs-tab-active:text-white dark:hs-tab-active:bg-transparent ltr:dark:hs-tab-active:border-r-gray-800 rtl:dark:hs-tab-active:border-l-gray-800 dark:hs-tab-active:text-primary -mr-px py-2 px-3 inline-flex items-center gap-2 text-sm font-medium text-center border text-gray-500 ltr:rounded-l-lg rtl:rounded-r-lg hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300"
[id]="'hs-tab-js-vertical-item-'+i" [attr.data-hs-tab]="'#hs-tab-js-vertical-'+i"
[attr.aria-controls]="'hs-tab-js-vertical-'+i">
{{item.shortName}}
</button>
</nav>
</nav>
</div>
<!-- ส่วน Content ด้านขวา -->
<div class="flex-1">
<!-- ตรงนี้ครอบ Accordion -->
<div id="hs-tab-js-vertical-1" role="tabpanel" aria-labelledby="hs-tab-js-vertical-item-1">
<div class="hs-accordion-group w-full">
<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
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
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>
จิตสำนึกด้านความปลอดภัยและคุณภาพ
</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="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>
</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">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div *ngFor="let item of allCompetencyTypeId ;let i=index" [id]="'hs-tab-js-vertical-'+i" role="tabpanel"
[class.hidden]="currentTap!=item.shortName" [attr.aria-labelledby]="'hs-tab-js-vertical-item-'+i">
<div class="hs-accordion-group w-full" *ngIf="appraisalCompentency.data">
<ng-container>
<div class="pb-2rem px-2rem text-center">
<div class="font-size-18px font-weight-700 text-primary">
แบบประเมินสมรรถนะพนักงาน
</div>
</div>
</div>
<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
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
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>
การทำงานเป็นทีมแบบ TAT
</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="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>
</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">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
ปฏิบัติงานโดยเน้นการทำงานเป็นทีมโดยยึดมาตรฐานและเป้าหมายเดียวกัน (TAT Goal)
และคำนึงถึงความต้องการของลูกค้าเป็นหลัก (Next Customer)</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
สื่อสารเพื่อแก้ปัญหาเบื้องต้นให้การทำงานเป็นทีมบรรลุผลสำเร็จ</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
ทบทวนการทำงานของตนเองกับเป้าหมายของหน่วยงานเพื่อให้เกิดประสิทธิภาพสูงสุด</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pb-2rem px-2rem">
<div class="p-2 grid grid-cols-6 gap-3">
<div class="grid-cols-1">
<div class="text-gray-400">เครื่องมือประเมิน</div>
<div class="text-gray-400">O = แบบสังเกต</div>
<div class="text-gray-400">P = แบบการปฏิบัติงาน</div>
<div class="text-gray-400">D = การบันทึก/เอกสาร</div>
<div class="text-gray-400">I = การสัมภาษณ์</div>
<div class="text-gray-400">T = แบบทดสอบ</div>
</div>
<div class="grid-cols-1">
<div class="text-gray-400">คำชี้แจง</div>
<div class="text-gray-400">- ใช้วิธีประเมินโดย ผู้บังคับบัญชา = 100 %</div>
</div>
<div class="col-span-3 grid-cols-1">
<div class="text-gray-400">ระดับความสามารถ (Target Degree)</div>
<div class="text-gray-400">ระดับ 1 = ไม่มีความรู้พื้นฐานเลย ขาดทักษะในงาน</div>
<div class="text-gray-400">ระดับ 2 = มีความรู้ในงานบ้างแต่ยังไม่สามารถ ประยุกต์ใช้ในงานได้</div>
<div class="text-gray-400">ระดับ 3 = นำความรู้มาประยุกต์ใช้ในงานได้ ปฏิบัติงานเองได้ด้วยตัวเอง
แก้ไขปัญหาหน้างานได้</div>
<div class="text-gray-400">ระดับ 4 = สอนผู้อื่นได้ มีความคล่องตัว เชื่อมโยง ความรู้ในงานได้</div>
<div class="text-gray-400">ระดับ 5 = มีความชำนาญ เชี่ยวชาญ เป็นที่ยอมรับ ในองค์กร</div>
</div>
</div>
</div>
</div>
<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
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
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>
ความรับผิดชอบในหน้าที่และโปร่งใส
</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="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>
</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">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">ปฏิบัติงานตามมาตรฐาน รับผิดชอบและโปร่งใส (Accountability &
Ethics) ให้เป็นไปตามกฎหมาย และมาตรฐานจริยธรรม</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
รับผิดชอบต่อการกระทำ และคำพูดของตนเอง ปฏิบัติหน้าที่ด้วยความโปร่งใส ไม่ทุกจริต เป็นที่น่านับถือ
(Regard) อยู่ในศีลธรรมและจริยธรรมอันดี รักษาความลับทางการค้า (Trade Secret)
ของบริษัทไม่ให้ตกไปอยู่กับคู่แข่ง</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
<div class="pb-2rem px-2rem">
<div id="hs-tab-js-vertical-1" role="tabpanel" aria-labelledby="hs-tab-js-vertical-item-1"
*ngIf="appraisalCompentency.data">
<div class="hs-accordion-group w-full">
<ng-container *ngFor="let item2 of appraisalCompentencyFilter();let i = index">
<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 *ngIf="onFormCompleted(item2)" 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
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
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>
{{item2.groupAssessment1.competencyIndicatorsCourses1Mini.competencyIndicatorsCourses0.competencyTopic.competencyTopicId}}
:
{{item2.groupAssessment1.competencyIndicatorsCourses1Mini.competencyIndicatorsCourses0.competencyTopic.tdesc}}
</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="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>
</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">
<div class="space-y-4">
<ng-container
*ngFor="let bi of item2.groupAssessment1.competencyIndicatorsCourses1Mini.behavioralIndicatorsList;let i2 = index;let f = first">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 my-auto">
<p class="text-base mb-1 font-semibold">
{{bi.behavioralIndicators}}&nbsp;{{bi.assessmentId}}
</p>
</div>
<div class="col-span-12">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="flex items-center justify-center">
<div id="stars-busytext">
<bar-rating [ngClass]="{ 'no-interaction': !canEdit }"
[ngStyle]="{'opacity':bi.competencyBehavioral.scoreTopicExpectation?1:0.6}"
[rate]="bi.competencyBehavioral.scoreTopicExpectation" [max]="5"
[theme]="'square'"
[(ngModel)]="bi.competencyBehavioral.scoreTopicExpectation"
(ngModelChange)="calnumberCheck()"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
สื่อสารและให้ข้อมูลด้านความรับผิดชอบต่อสิ่งแวดล้อมและสังคม ESG(Environment Social Governance)
</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</ng-container>
</div>
</div>
</div>
</div>
</div>
</ng-container>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="hs-tab-js-vertical-2" class="hidden" role="tabpanel" aria-labelledby="hs-tab-js-vertical-item-2">
<div class="hs-accordion-group w-full">
<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
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
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>
จิตสำนึกด้านความปลอดภัยและคุณภาพ
</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="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>
</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">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pb-1rem px-2rem">
<div class="py-2 grid grid-cols-11">
<div class="col-span-8">ระดับความสามารถ (Target Degree)</div>
<div class="col-span-3 grid grid-cols-5">
<div class="col-span-1 text-center" *ngFor="let item of [5,4,3,2,1]">{{item}}</div>
</div>
</div>
</div>
</div>
<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
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
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>
การทำงานเป็นทีมแบบ TAT
</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="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>
</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">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
ปฏิบัติงานโดยเน้นการทำงานเป็นทีมโดยยึดมาตรฐานและเป้าหมายเดียวกัน (TAT Goal)
และคำนึงถึงความต้องการของลูกค้าเป็นหลัก (Next Customer)</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
สื่อสารเพื่อแก้ปัญหาเบื้องต้นให้การทำงานเป็นทีมบรรลุผลสำเร็จ</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
ทบทวนการทำงานของตนเองกับเป้าหมายของหน่วยงานเพื่อให้เกิดประสิทธิภาพสูงสุด</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-2 grid grid-cols-11">
<div class="col-span-8">รวมจำนวนเครื่องหมายแต่ละช่อง (1)</div>
<div class="col-span-3 grid grid-cols-5">
<div class="col-span-1 text-center">
{{appraisalCompentency.data.masfromEvaluationAssessment1lList[0].numberCheck5}}</div>
<div class="col-span-1 text-center">
{{appraisalCompentency.data.masfromEvaluationAssessment1lList[0].numberCheck4}}</div>
<div class="col-span-1 text-center">
{{appraisalCompentency.data.masfromEvaluationAssessment1lList[0].numberCheck3}}</div>
<div class="col-span-1 text-center">
{{appraisalCompentency.data.masfromEvaluationAssessment1lList[0].numberCheck2}}</div>
<div class="col-span-1 text-center">
{{appraisalCompentency.data.masfromEvaluationAssessment1lList[0].numberCheck1}}</div>
</div>
</div>
</div>
</div>
<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
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
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>
ความรับผิดชอบในหน้าที่และโปร่งใส
</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="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>
</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">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">ปฏิบัติงานตามมาตรฐาน รับผิดชอบและโปร่งใส (Accountability &
Ethics) ให้เป็นไปตามกฎหมาย และมาตรฐานจริยธรรม</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
รับผิดชอบต่อการกระทำ และคำพูดของตนเอง ปฏิบัติหน้าที่ด้วยความโปร่งใส ไม่ทุกจริต เป็นที่น่านับถือ
(Regard) อยู่ในศีลธรรมและจริยธรรมอันดี รักษาความลับทางการค้า (Trade Secret)
ของบริษัทไม่ให้ตกไปอยู่กับคู่แข่ง</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
สื่อสารและให้ข้อมูลด้านความรับผิดชอบต่อสิ่งแวดล้อมและสังคม ESG(Environment Social Governance)
</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-2 grid grid-cols-11">
<div class="col-span-8">ตัวคูณคะแนนในแต่ละช่อง (2)</div>
<div class="col-span-3 grid grid-cols-5">
<div class="col-span-1 text-center">{{setting.data.settingScore5}}</div>
<div class="col-span-1 text-center">{{setting.data.settingScore4}}</div>
<div class="col-span-1 text-center">{{setting.data.settingScore3}}</div>
<div class="col-span-1 text-center">{{setting.data.settingScore2}}</div>
<div class="col-span-1 text-center">{{setting.data.settingScore1}}</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="hs-tab-js-vertical-3" class="hidden" role="tabpanel" aria-labelledby="hs-tab-js-vertical-item-3">
<div class="hs-accordion-group w-full">
<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
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
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>
จิตสำนึกด้านความปลอดภัยและคุณภาพ
</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="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>
</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">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-2 grid grid-cols-11">
<div class="col-span-8">ถ่วงน้ำหนักผลรวม 1X2</div>
<div class="col-span-3 grid grid-cols-5">
<div class="col-span-1 text-center" *ngFor="let item of [5,4,3,2,1]">{{calWeightScore(item)}}</div>
</div>
</div>
</div>
</div>
<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
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
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>
การทำงานเป็นทีมแบบ TAT
</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="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>
</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">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
ปฏิบัติงานโดยเน้นการทำงานเป็นทีมโดยยึดมาตรฐานและเป้าหมายเดียวกัน (TAT Goal)
และคำนึงถึงความต้องการของลูกค้าเป็นหลัก (Next Customer)</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
สื่อสารเพื่อแก้ปัญหาเบื้องต้นให้การทำงานเป็นทีมบรรลุผลสำเร็จ</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-2 grid grid-cols-11">
<div class="col-span-8">คะแนนรวมหลังถ่วงน้ำหนัก</div>
<div class="col-span-3 grid grid-cols-5">
<div class="col-span-5 text-center">
{{showNumber(appraisalCompentency.data.masfromEvaluationAssessment1lList[0].weightedTotal)}}
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
ทบทวนการทำงานของตนเองกับเป้าหมายของหน่วยงานเพื่อให้เกิดประสิทธิภาพสูงสุด</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-2 grid grid-cols-11">
<div class="col-span-8">คะแนนเฉลี่ยคิดเป็น</div>
<div class="col-span-3 grid grid-cols-5">
<div class="col-span-5 text-center">
{{showNumber(appraisalCompentency.data.masfromEvaluationAssessment1lList[0].averageScore)}}
</div>
</div>
</div>
</div>
</div>
<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
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
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>
ความรับผิดชอบในหน้าที่และโปร่งใส
</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="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>
</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">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">ปฏิบัติงานตามมาตรฐาน รับผิดชอบและโปร่งใส (Accountability &
Ethics) ให้เป็นไปตามกฎหมาย และมาตรฐานจริยธรรม</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
รับผิดชอบต่อการกระทำ และคำพูดของตนเอง ปฏิบัติหน้าที่ด้วยความโปร่งใส ไม่ทุกจริต เป็นที่น่านับถือ
(Regard) อยู่ในศีลธรรมและจริยธรรมอันดี รักษาความลับทางการค้า (Trade Secret)
ของบริษัทไม่ให้ตกไปอยู่กับคู่แข่ง</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
<div class="pb-2rem px-2rem">
<div class="overflow-auto rounded-top-0.65rem">
<table class="ti-custom-table ti-custom-table-head ti-custom-table-hover2">
<thead class="height-50px">
<tr class="font-size-12px">
<ng-container
*ngFor="let item of ['เกณฑ์การให้คะแนนการประเมิน','ผลประเมิน (A)','สรุปผล Gap'];let f = first ;let l = last">
<th scope="col" [attr.rowspan]="f?'1':'2'" [attr.colspan]="f?'2':'1'"
class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
<span class="font-size-12px font-weight-700 ">{{ item }}</span>
</th>
</ng-container>
</tr>
<tr class="font-size-12px">
<ng-container *ngFor="let item of ['เกณฑ์การให้คะแนน','เงื่อนไข']">
<th scope="col" class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
{{item}}
</th>
</ng-container>
</tr>
</thead>
<tbody *ngIf="checkSheet.length">
<tr *ngFor="let item of checkSheet;let i = index" (mouseenter)="hoveredCode2 = 'true'"
(mouseleave)="hoveredCode2 = null" [ngClass]="{ 'table-hover2': 'true' === hoveredCode2 }">
<td class="align-start" rowspan="2">
<div *ngFor="let item2 of item.score">
<span>{{item2}} </span><br>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
สื่อสารและให้ข้อมูลด้านความรับผิดชอบต่อสิ่งแวดล้อมและสังคม ESG(Environment Social Governance)
</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</td>
<td class="align-start" rowspan="2">
<div *ngFor="let item2 of item.condition">
<span>{{item2}} </span><br>
</div>
</div>
</div>
</div>
</td>
<td class="align-start text-center">
{{calAverage(appraisalCompentency.data.masfromEvaluationAssessment1lList[0].averageScore)}}
</td>
<td class="align-start text-center">
{{calGap(appraisalCompentency.data.masfromEvaluationAssessment1lList[0].averageScore)}}
</td>
</tr>
<tr (mouseenter)="hoveredCode2 = 'true'" (mouseleave)="hoveredCode2 = null"
[ngClass]="{ 'table-hover2': 'true' === hoveredCode2 }">
<td class="align-start !white-space-normal" colspan="4">
หมายเหตุ<br>
ผลการประเมินอาจมีการเปลี่ยนแปลงเงื่อนไขข้อ 1-3 เนื่องจากมีคะแนนต่ำกว่าเกณฑ์ในบางข้อ
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="py-1rem px-2rem">
<div class="py-2 grid grid-cols-7 gap-3">
<div class="col-span-1">ผู้รับการประเมิน</div>
<div class="col-span-1">
{{appraisalCompentency.data.apsassessy.thFullName}}</div>
<div class="col-span-1">
<input type="checkbox" id="hs-basic-usage1" class="ti-switch checked:bg-none checked:bg-green-600 checked:hover:bg-green-600 checked:focus:bg-green-600 focus:border-green-600 focus:ring-green-600 dark:checked:bg-green-600
checked:before:bg-green-200 dark:checked:before:bg-green-200 pointer-events-none "
[checked]="appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsassessyStatus=='2'">
<label for="hs-basic-usage1" class="sr-only">ยืนยันผล</label>
</div>
<div class="col-span-2">
<textarea type="text" rows="2" class="ti-form-input mb-2" placeholder="ใส่ Comment ที่นี่"
[class.!bg-input-readonly]="!appraisalCompentency.data||appraisalCompentency.data.currentStep!='0'||!canSave"
[readonly]="!appraisalCompentency.data||appraisalCompentency.data.currentStep!='0'||!canSave"
[(ngModel)]="appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsassessyComment"></textarea>
<span class="pt-2">
วันที่ :
{{convertDate(appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsassessyDate)}}
</span>
</div>
</div>
<div class="py-2 grid grid-cols-7 gap-3" *ngIf="appraisalCompentency.data.apsapprove1.employeeId">
<div class="col-span-1">
{{appraisalCompentency.data.apsapprove2.employeeId?'ผู้ประเมิน1':'ผู้อนุมัติ'}}
</div>
<div class="col-span-1">
{{appraisalCompentency.data.apsapprove1.thFullName}}</div>
<div class="col-span-1">
<input type="checkbox" id="hs-basic-usage1" class="ti-switch checked:bg-none checked:bg-green-600 checked:hover:bg-green-600 checked:focus:bg-green-600 focus:border-green-600 focus:ring-green-600 dark:checked:bg-green-600
checked:before:bg-green-200 dark:checked:before:bg-green-200 pointer-events-none"
[checked]="appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsapprove1Status=='2'">
<label for="hs-basic-usage1" class="sr-only">ยืนยันผล</label>
</div>
<div class="col-span-2">
<textarea type="text" rows="2" class="ti-form-input mb-2" placeholder="ใส่ Comment ที่นี่"
[class.!bg-input-readonly]="!appraisalCompentency.data||appraisalCompentency.data.currentStep!='1'||!canSave"
[readonly]="!appraisalCompentency.data||appraisalCompentency.data.currentStep!='1'||!canSave"
[(ngModel)]="appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsapprove1Comment"></textarea>
<span class="pt-2">
วันที่ :
{{convertDate(appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsapprove1Date)}}
</span>
</div>
</div>
<div class="py-2 grid grid-cols-7 gap-3" *ngIf="appraisalCompentency.data.apsapprove2.employeeId">
<div class="col-span-1">
{{appraisalCompentency.data.apsapprove3.employeeId?'ผู้ประเมิน2':'ผู้อนุมัติ'}}
</div>
<div class="col-span-1">
{{appraisalCompentency.data.apsapprove2.thFullName}}</div>
<div class="col-span-1">
<input type="checkbox" id="hs-basic-usage1" class="ti-switch checked:bg-none checked:bg-green-600 checked:hover:bg-green-600 checked:focus:bg-green-600 focus:border-green-600 focus:ring-green-600 dark:checked:bg-green-600
checked:before:bg-green-200 dark:checked:before:bg-green-200 pointer-events-none"
[checked]="appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsapprove2Status=='2'">
<label for="hs-basic-usage1" class="sr-only">ยืนยันผล</label>
</div>
<div class="col-span-2">
<textarea type="text" rows="2" class="ti-form-input mb-2" placeholder="ใส่ Comment ที่นี่"
[class.!bg-input-readonly]="!appraisalCompentency.data||appraisalCompentency.data.currentStep!='2'||!canSave"
[readonly]="!appraisalCompentency.data||appraisalCompentency.data.currentStep!='2'||!canSave"
[(ngModel)]="appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsapprove2Comment"></textarea>
<span class="pt-2">
วันที่ :
{{convertDate(appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsapprove2Date)}}
</span>
</div>
</div>
<div class="py-2 grid grid-cols-7 gap-3" *ngIf="appraisalCompentency.data.apsapprove3.employeeId">
<div class="col-span-1">
{{appraisalCompentency.data.apsapprove4.employeeId?'ผู้ประเมิน3':'ผู้อนุมัติ'}}
</div>
<div class="col-span-1">
{{appraisalCompentency.data.apsapprove3.thFullName}}</div>
<div class="col-span-1">
<input type="checkbox" id="hs-basic-usage1" class="ti-switch checked:bg-none checked:bg-green-600 checked:hover:bg-green-600 checked:focus:bg-green-600 focus:border-green-600 focus:ring-green-600 dark:checked:bg-green-600
checked:before:bg-green-200 dark:checked:before:bg-green-200 pointer-events-none"
[checked]="appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsapprove3Status=='2'">
<label for="hs-basic-usage1" class="sr-only">ยืนยันผล</label>
</div>
<div class="col-span-2">
<textarea type="text" rows="2" class="ti-form-input mb-2" placeholder="ใส่ Comment ที่นี่"
[class.!bg-input-readonly]="!appraisalCompentency.data||appraisalCompentency.data.currentStep!='3'||!canSave"
[readonly]="!appraisalCompentency.data||appraisalCompentency.data.currentStep!='3'||!canSave"
[(ngModel)]="appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsapprove3Comment"></textarea>
<span class="pt-2">
วันที่ :
{{convertDate(appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsapprove3Date)}}
</span>
</div>
</div>
<div class="py-2 grid grid-cols-7 gap-3" *ngIf="appraisalCompentency.data.apsapprove4.employeeId">
<div class="col-span-1">
{{appraisalCompentency.data.apsapprove5.employeeId?'ผู้ประเมิน4':'ผู้อนุมัติ'}}
</div>
<div class="col-span-1">
{{appraisalCompentency.data.apsapprove4.thFullName}}</div>
<div class="col-span-1">
<input type="checkbox" id="hs-basic-usage1" class="ti-switch checked:bg-none checked:bg-green-600 checked:hover:bg-green-600 checked:focus:bg-green-600 focus:border-green-600 focus:ring-green-600 dark:checked:bg-green-600
checked:before:bg-green-200 dark:checked:before:bg-green-200 pointer-events-none"
[checked]="appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsapprove4Status=='2'">
<label for="hs-basic-usage1" class="sr-only">ยืนยันผล</label>
</div>
<div class="col-span-2">
<textarea type="text" rows="2" class="ti-form-input mb-2" placeholder="ใส่ Comment ที่นี่"
[class.!bg-input-readonly]="!appraisalCompentency.data||appraisalCompentency.data.currentStep!='4'||!canSave"
[readonly]="!appraisalCompentency.data||appraisalCompentency.data.currentStep!='4'||!canSave"
[(ngModel)]="appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsapprove4Comment"></textarea>
<span class="pt-2">
วันที่ :
{{convertDate(appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsapprove4Date)}}
</span>
</div>
</div>
<div class="py-2 grid grid-cols-7 gap-3" *ngIf="appraisalCompentency.data.apsapprove5.employeeId">
<div class="col-span-1">
ผู้อนุมัติ
</div>
<div class="col-span-1">
{{appraisalCompentency.data.apsapprove5.thFullName}}</div>
<div class="col-span-1">
<input type="checkbox" id="hs-basic-usage1" class="ti-switch checked:bg-none checked:bg-green-600 checked:hover:bg-green-600 checked:focus:bg-green-600 focus:border-green-600 focus:ring-green-600 dark:checked:bg-green-600
checked:before:bg-green-200 dark:checked:before:bg-green-200 pointer-events-none"
[checked]="appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsapprove5Status=='2'">
<label for="hs-basic-usage1" class="sr-only">ยืนยันผล</label>
</div>
<div class="col-span-2">
<textarea type="text" rows="2" class="ti-form-input mb-2" placeholder="ใส่ Comment ที่นี่"
[class.!bg-input-readonly]="!appraisalCompentency.data||appraisalCompentency.data.currentStep!='5'||!canSave"
[readonly]="!appraisalCompentency.data||appraisalCompentency.data.currentStep!='5'||!canSave"
[(ngModel)]="appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsapprove5Comment"></textarea>
<span class="pt-2">
วันที่ :
{{convertDate(appraisalCompentency.data.masfromEvaluationAssessment1lList[0].apsapprove5Date)}}
</span>
</div>
</div>
</div>
<div class="flex justify-center mb-1rem pb-2rem" *ngIf="canSave">
<button *ngIf="appraisalCompentency.data.checkStep!='0'&&appraisalCompentency.data.checkStep!='1'"
type="submit" class="ti-btn ti-btn-danger mx-2rem" (click)="save('noApprove')">
ไม่อนุมัติ
</button>
<button type="submit" class="ti-btn ti-btn-success mx-2rem" (click)="save('draft')">
บันทึกร่าง
</button>
<button type="submit" class="ti-btn ti-btn-secondary mx-2rem" (click)="save('approve')">
<ng-container *ngIf="appraisalCompentency.data.checkStep=='0'">
ยืนยันข้อมูล
</ng-container>
<ng-container *ngIf="appraisalCompentency.data.checkStep!='0'">
อนุมัติ
</ng-container>
</button>
</div>
</div>
</ng-container>
</div>
</div>
</div>
......
src/app/components/performance-evaluation/pms-form-employee/pms-competency/pms-competency.component.scss
.no-interaction {
pointer-events: none;
cursor: not-allowed;
}
\ No newline at end of file
src/app/components/performance-evaluation/pms-form-employee/pms-competency/pms-competency.component.ts
import { ChangeDetectorRef, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
import { AppraisalCompentencyModel2 } from 'src/app/shared/model/appraisal-competency.model';
import { AppraisalCompentencyModel2, MasfromEvaluationAssessment2List } from 'src/app/shared/model/appraisal-competency.model';
import { TypeList } from 'src/app/shared/model/appraisal-subordinate.model';
import { EmployeeModel, MyEmployeeModel } from 'src/app/shared/model/employee.model';
import { SettingAssessmentModel, MySettingAssessmentModel } from 'src/app/shared/model/setting-assessment.model';
......@@ -79,6 +79,7 @@ export class PmsCompetencyComponent {
getAppraisalCompentencyForm(index: number) {
if (this.allCompetencyTypeId.length) {
this.appraisalCompentency.loading = true
this.appraisalCompentency.data = undefined
this.appraisalService.getFormCompentencyById(this.evaluationRoundId, this.evaluateeId, this.allCompetencyTypeId[index].competencyTypeId).subscribe({
next: response => {
this.appraisalCompentency.data = JSON.parse(JSON.stringify(response))
......@@ -425,4 +426,8 @@ export class PmsCompetencyComponent {
}
})
}
onFormCompleted(data: MasfromEvaluationAssessment2List) {
return data.groupAssessment1.competencyIndicatorsCourses1Mini.behavioralIndicatorsList.every(x => x.competencyBehavioral.scoreTopicExpectation != 0)
}
}
src/app/shared/services/http-request.interceptor.ts
......@@ -58,7 +58,6 @@ export class HttpRequestInterceptor {
return this.authService.refreshToken(token.replace("Bearer ", "")).pipe(
switchMap((token: any) => {
this.isRefreshing = true;
console.log("🚀 2222222222222222222222222222222222222", this.isRefreshing)
this.refreshTokenSubject.next(token.accessToken);
return next.handle(this.addTokenHeader(request, "Bearer " + token.accessToken, fullUrl));
}),
......
src/environments/environment.ts
......@@ -3,7 +3,7 @@
// The list of file replacements can be found in `angular.json`.
export const environment = {
production: false,
baseUrl: 'https://myskill-x.myhr.co.th/api',
baseUrl: 'https://myskill-x-uat.myhr.co.th/api',
};
/*
......
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