Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
M
mySkill-x
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Registry
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
angular
mySkill-x
Commits
ad39fb9d
Commit
ad39fb9d
authored
Apr 03, 2025
by
Ooh-Ao
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
pms
parent
99b28799
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
348 additions
and
1398 deletions
+348
-1398
pms-competency.component.html
...orm-employee/pms-competency/pms-competency.component.html
+1
-1076
pms-form-employee.component.html
...uation/pms-form-employee/pms-form-employee.component.html
+346
-184
pms-information.component.html
...m-employee/pms-information/pms-information.component.html
+1
-138
No files found.
src/app/components/performance-evaluation/pms-form-employee/pms-competency/pms-competency.component.html
View file @
ad39fb9d
<div
id=
"faq-1"
role=
"tabpanel"
aria-labelledby=
"faq-item-1"
>
<div
class=
"hs-accordion-group space-y-3"
>
<div
class=
"hs-accordion active bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-one"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-one"
>
How To Insert All The Plugins?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-one"
class=
"hs-accordion-content w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
"faq-one"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-two"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-two"
>
How Can I contact?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-two"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
"faq-two"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-three"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-three"
>
Can I use this Plugins in Another Template?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-three"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-three"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-four"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-four"
>
Does it Easy to Customizable?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-four"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-four"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-five"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-five"
>
How Can I Add another page in Template?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-five"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-five"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-six"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-six"
>
How can I download This template?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-six"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-six"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-seven"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-seven"
>
How To Add additional plugins?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-seven"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-seven"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
</div>
</div>
<div
class=
"hidden"
id=
"faq-2"
role=
"tabpanel"
aria-labelledby=
"faq-item-2"
>
<div
class=
"hs-accordion-group space-y-3"
>
<div
class=
"hs-accordion active bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-21"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-21"
>
How To Insert All The Plugins?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-21"
class=
"hs-accordion-content w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
"faq-21"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-22"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-22"
>
How Can I contact?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-22"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
"faq-22"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-23"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-23"
>
Can I use this Plugins in Another Template?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-23"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-23"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-24"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-24"
>
Does it Easy to Customizable?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-24"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-24"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-25"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-25"
>
How Can I Add another page in Template?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-25"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-25"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-26"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-26"
>
How can I download This template?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-26"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-26"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-27"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-27"
>
How To Add additional plugins?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-27"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-27"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
</div>
</div>
<div
class=
"hidden"
id=
"faq-3"
role=
"tabpanel"
aria-labelledby=
"faq-item-3"
>
<div
class=
"hs-accordion-group space-y-3"
>
<div
class=
"hs-accordion active bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-31"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-31"
>
How To Insert All The Plugins?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-31"
class=
"hs-accordion-content w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
"faq-31"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-32"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-32"
>
How Can I contact?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-32"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
"faq-32"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-33"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-33"
>
Can I use this Plugins in Another Template?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-33"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-33"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-34"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-34"
>
Does it Easy to Customizable?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-34"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-34"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-35"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-35"
>
How Can I Add another page in Template?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-35"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-35"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-36"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-36"
>
How can I download This template?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-36"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-36"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-37"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-37"
>
How To Add additional plugins?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-37"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-37"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
</div>
</div>
<div
class=
"hidden"
id=
"faq-4"
role=
"tabpanel"
aria-labelledby=
"faq-item-4"
>
<div
class=
"hs-accordion-group space-y-3"
>
<div
class=
"hs-accordion active bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-41"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-41"
>
How To Insert All The Plugins?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-41"
class=
"hs-accordion-content w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
"faq-41"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-42"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-42"
>
How Can I contact?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-42"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
"faq-42"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-43"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-43"
>
Can I use this Plugins in Another Template?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-43"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-43"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-44"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-44"
>
Does it Easy to Customizable?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-44"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-44"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-45"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-45"
>
How Can I Add another page in Template?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-45"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-45"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-46"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-46"
>
How can I download This template?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-46"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-46"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
<div
class=
"hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
id=
"faq-47"
>
<button
type=
"button"
class=
"hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
aria-controls=
"faq-collapse-47"
>
How To Add additional plugins?
<svg
class=
"hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
<path
d=
"M8 15.36L8 2.35999"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
<svg
class=
"hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary 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=
"M1.5 8.85999L14.5 8.85998"
stroke=
"currentColor"
stroke-width=
"2"
stroke-linecap=
"round"
/>
</svg>
</button>
<div
id=
"faq-collapse-47"
class=
"hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
aria-labelledby=
" faq-47"
>
<div
class=
"p-5"
>
<p
class=
"text-gray-800 dark:text-gray-200"
>
I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I
will give you a complete account of the system, and
expound the actual teachings of the great explorer of
the truth, the master-builder of human happiness. No one
rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know how to
pursue pleasure rationally encounter consequences.
</p>
</div>
</div>
</div>
</div>
</div>
<p>
pms-competency works!
</p>
src/app/components/performance-evaluation/pms-form-employee/pms-form-employee.component.html
View file @
ad39fb9d
<app-page-header
title=
"การประเมินผลพนักงาน"
title1=
"การประเมินผลพนักงาน"
activeitem=
"Pages"
></app-page-header>
<!-- Start::row-1 -->
<div
class=
"grid grid-cols-12 gap-x-6"
>
<div
class=
"col-span-12 xl:col-span-3"
>
<div
class=
"box"
>
<div
class=
"box-body relative"
>
<div
class=
"flex relative before:bg-black/50 before:absolute before:w-full before:h-full before:rounded-sm"
>
<img
[
src
]="
url2
?
url2
:
'./
assets
/
img
/
png-images
/
2
.
png
'"
alt=
""
class=
"h-[200px] w-full rounded-sm"
id=
"profile-img2"
/>
<div
class=
"relative"
>
<div
class=
"flex relative before:bg-black/50 before:absolute before:w-full before:h-full"
>
<img
[
src
]="
url2
?
url2
:
'./
assets
/
img
/
png-images
/
2
.
png
'"
alt=
""
class=
"h-[500px] w-full rounded-sm"
id=
"profile-img2"
/>
<span
class=
"absolute top-5 ltr:right-5 rtl:left-5 flex p-3 rounded-sm ring-1 ring-black/10 text-white bg-black/10 leading-none"
>
<i
class=
"ri ri-pencil-line ltr:mr-2 rtl:ml-2"
></i>
<span>
Change Profile Pic
</span>
<input
(
change
)="
onSelectFile2
($
event
)"
type=
"file"
name=
"photo"
class=
"absolute inset-0 w-full h-full opacity-0 cursor-pointer"
id=
"profile-change2"
/>
</span>
</div>
<div
class=
"absolute top-28 inset-x-0 text-center space-y-3"
>
<div
class=
"flex justify-center w-full"
>
<div
class=
"relative cursor-pointer"
>
<img
[
src
]="
url1
?
url1
:
'./
assets
/
img
/
users
/
1
.
jpg
'"
class=
"w-24 h-24 rounded-full ring-4 ring-white/10 mx-auto"
id=
"profile-img"
alt=
"profile-img"
/>
<span
class=
"absolute bottom-0 ltr:right-0 rtl:left-0 block p-1 rounded-full ring-2 ring-white/10 text-white bg-white/10 dark:bg-bgdark leading-none cursor-pointer"
>
<i
class=
"ri ri-pencil-line cursor-pointer"
></i>
<input
(
change
)="
onSelectFile1
($
event
)"
type=
"file"
class=
"absolute inset-0 w-full h-full opacity-0 cursor-pointer"
id=
"profile-change"
/>
</span>
</div>
</div>
<div
class=
"text-white"
>
<h2
class=
"text-base font-semibold"
>
Anderson Itumay
</h2>
<p
class=
"text-xs text-white/50"
>
andersonitumay@abc.com
</p>
</div>
<div
class=
"flex space-x-2 rtl:space-x-reverse text-center justify-center"
>
<div
class=
"text-yellow-500 text-base hover:text-yellow-500"
>
<i
class=
"ri-star-fill"
></i>
</div>
<div
class=
"text-yellow-500 text-base hover:text-yellow-500"
>
<i
class=
"ri-star-fill"
></i>
</div>
<div
class=
"text-yellow-500 text-base hover:text-yellow-500"
>
<i
class=
"ri-star-fill"
></i>
</div>
<div
class=
"text-yellow-500 text-base hover:text-yellow-500"
>
<i
class=
"ri-star-fill"
></i>
</div>
<div
class=
"text-yellow-500 text-base hover:text-yellow-500"
>
<i
class=
"ri-star-fill"
></i>
</div>
</div>
<div
class=
"flex space-x-1 rtl:space-x-reverse justify-center text-center"
>
<div
class=
"hs-tooltip ti-main-tooltip"
>
<button
type=
"button"
class=
"hs-tooltip-toggle m-0 rounded-full p-2 ti-btn ti-btn-outline ring-white/10 text-white bg-white/10 border-white/10"
>
<i
class=
"ri ri-github-line text-lg leading-none"
></i>
<span
class=
"absolute top-5 ltr:right-5 rtl:left-5 flex p-2 rounded-sm ring-1 ring-black/10 text-white bg-black/10 leading-none"
>
<i
class=
"ri ri-pencil-line"
></i>
<input
(
change
)="
onSelectFile2
($
event
)"
type=
"file"
class=
"absolute inset-0 w-full h-full opacity-0 cursor-pointer"
id=
"profile-change2"
/>
class=
"hs-tooltip-content ti-main-tooltip-content py-1 px-2 bg-gray-900 text-xs font-medium text-white shadow-sm dark:bg-slate-700 hidden"
role=
"tooltip"
data-popper-placement=
"top"
style=
"
position: fixed;
inset: auto auto 0px 0px;
margin: 0px;
transform: translate(823px, -92px);
"
>
Github
</span>
</div>
<div
class=
"absolute top-[4.5rem] inset-x-0 text-center space-y-3"
>
<div
class=
"flex justify-center w-full"
>
<div
class=
"relative"
>
<img
[
src
]="
url1
?
url1
:
'./
assets
/
img
/
users
/
1
.
jpg
'"
class=
"w-24 h-24 rounded-full ring-4 ring-white/10 mx-auto"
id=
"profile-img"
alt=
"pofile-img"
/>
<span
class=
"absolute bottom-0 ltr:right-0 rtl:left-0 block p-1 rounded-full ring-2 ring-white/10 text-white bg-white/10 dark:bg-bgdark leading-none"
>
<i
class=
"ri ri-pencil-line"
></i>
<input
(
change
)="
onSelectFile1
($
event
)"
type=
"file"
class=
"absolute inset-0 w-full h-full opacity-0 cursor-pointer"
id=
"profile-change"
/>
</span>
</div>
</div>
</div>
</button>
</div>
<div
class=
"box-body"
>
<div
id=
"profile-1"
class=
""
role=
"tabpanel"
aria-labelledby=
"profile-item-1"
>
<h5
class=
"box-title mb-3"
>
ข้อมูลพนักงาน
</h5>
<div
class=
"overflow-auto"
>
<table
class=
"ti-custom-table border-0 whitespace-nowrap"
>
<tbody>
<tr
class=
""
>
<td
class=
"!p-2 font-medium !text-gray-500 dark:!text-white/70"
>
First name
</td>
<td
class=
"!p-2"
>
:
</td>
<td
class=
"!p-2 !text-gray-500 dark:!text-white/70"
>
Anderson
</td>
</tr>
<tr
class=
"!border-0"
>
<td
class=
"!p-2 font-medium !text-gray-500 dark:!text-white/70"
>
Last Name
</td>
<td
class=
"!p-2"
>
:
</td>
<td
class=
"!p-2 !text-gray-500 dark:!text-white/70"
>
Itumay
</td>
</tr>
<tr
class=
"!border-0"
>
<td
class=
"!p-2 font-medium !text-gray-500 dark:!text-white/70"
>
Birthday
</td>
<td
class=
"!p-2"
>
:
</td>
<td
class=
"!p-2 !text-gray-500 dark:!text-white/70"
>
03 September 1990
</td>
</tr>
<tr
class=
"!border-0"
>
<td
class=
"!p-2 font-medium !text-gray-500 dark:!text-white/70"
>
Gender
</td>
<td
class=
"!p-2"
>
:
</td>
<td
class=
"!p-2 !text-gray-500 dark:!text-white/70"
>
Female
</td>
</tr>
<tr
class=
"!border-0"
>
<td
class=
"!p-2 font-medium !text-gray-500 dark:!text-white/70"
>
Languages
</td>
<td
class=
"!p-2"
>
:
</td>
<td
class=
"!p-2 !text-gray-500 dark:!text-white/70"
>
Telugu ,Hindi , English
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div
class=
"hs-tooltip ti-main-tooltip"
>
<button
type=
"button"
class=
"hs-tooltip-toggle m-0 rounded-full p-2 ti-btn ti-btn-outline ring-white/10 text-white bg-white/10 border-white/10"
>
<i
class=
"ri ri-instagram-line text-lg leading-none"
></i>
<span
class=
"hs-tooltip-content ti-main-tooltip-content py-1 px-2 bg-gray-900 text-xs font-medium text-white shadow-sm dark:bg-slate-700"
role=
"tooltip"
data-popper-placement=
"top"
style=
"
position: fixed;
inset: auto auto 0px 0px;
margin: 0px;
transform: translate(823px, -92px);
"
>
Instagram
</span>
</button>
</div>
<div
class=
"box-body pt-0"
>
<nav
class=
"flex flex-col space-y-2"
aria-label=
"Tabs"
role=
"tablist"
data-hs-tabs-vertical=
"true"
>
<button
type=
"button"
class=
"hs-tab-active:bg-primary hs-tab-active:border-primary hs-tab-active:text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:border-primary dark:hs-tab-active:text-white -mr-px py-3 px-3 inline-flex items-center gap-2 bg-gray-50 text-sm font-medium text-center border text-gray-500 rounded-sm hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 active"
id=
"profile-settings-item-1"
data-hs-tab=
"#profile-settings-1"
aria-controls=
"profile-settings-1"
role=
"tab"
>
<i
class=
"ri ri-shield-user-line"
></i>
ข้อมูลการประเมิน
</button>
<button
type=
"button"
class=
"hs-tab-active:bg-primary hs-tab-active:border-primary hs-tab-active:text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:border-primary dark:hs-tab-active:text-white -mr-px py-3 px-3 inline-flex items-center gap-2 bg-gray-50 text-sm font-medium text-center border text-gray-500 rounded-sm hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300"
id=
"profile-settings-item-2"
data-hs-tab=
"#profile-settings-2"
aria-controls=
"profile-settings-2"
role=
"tab"
>
<i
class=
"ri ri-global-line"
></i>
แบบประเมินสมรรถนะ
</button>
<button
type=
"button"
class=
"hs-tab-active:bg-primary hs-tab-active:border-primary hs-tab-active:text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:border-primary dark:hs-tab-active:text-white -mr-px py-3 px-3 inline-flex items-center gap-2 bg-gray-50 text-sm font-medium text-center border text-gray-500 rounded-sm hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300"
id=
"profile-settings-item-3"
data-hs-tab=
"#profile-settings-3"
aria-controls=
"profile-settings-3"
role=
"tab"
>
<i
class=
"ri ri-lock-line"
></i>
แบบประเมินประสิทธิภาพ
</button>
<button
type=
"button"
class=
"hs-tab-active:bg-primary hs-tab-active:border-primary hs-tab-active:text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:border-primary dark:hs-tab-active:text-white -mr-px py-3 px-3 inline-flex items-center gap-2 bg-gray-50 text-sm font-medium text-center border text-gray-500 rounded-sm hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300"
id=
"profile-settings-item-4"
data-hs-tab=
"#profile-settings-4"
aria-controls=
"profile-settings-4"
role=
"tab"
>
<i
class=
"ri ri-account-circle-line"
></i>
แผนพัฒนาบุคคลากร
</button>
<button
type=
"button"
class=
"hs-tab-active:bg-primary hs-tab-active:border-primary hs-tab-active:text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:border-primary dark:hs-tab-active:text-white -mr-px py-3 px-3 inline-flex items-center gap-2 bg-gray-50 text-sm font-medium text-center border text-gray-500 rounded-sm hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300"
id=
"profile-settings-item-5"
data-hs-tab=
"#profile-settings-5"
aria-controls=
"profile-settings-5"
role=
"tab"
>
<i
class=
"ri ri-notification-4-line"
></i>
สรุปคะแนนและข้อเสนอแนะ
</button>
</nav>
<div
class=
"hs-tooltip ti-main-tooltip"
>
<button
type=
"button"
class=
"hs-tooltip-toggle m-0 rounded-full p-2 ti-btn ti-btn-outline ring-white/10 text-white bg-white/10 border-white/10"
>
<i
class=
"ri ri-twitter-line text-lg leading-none"
></i>
<span
class=
"hs-tooltip-content ti-main-tooltip-content py-1 px-2 bg-gray-900 text-xs font-medium text-white shadow-sm dark:bg-slate-700"
role=
"tooltip"
>
Twitter
</span>
</button>
</div>
<div
class=
"hs-tooltip ti-main-tooltip"
>
<button
type=
"button"
class=
"hs-tooltip-toggle m-0 rounded-full p-2 ti-btn ti-btn-outline ring-white/10 text-white bg-white/10 border-white/10"
>
<i
class=
"ri ri-linkedin-line text-lg leading-none"
></i>
<span
class=
"hs-tooltip-content ti-main-tooltip-content py-1 px-2 bg-gray-900 text-xs font-medium text-white shadow-sm dark:bg-slate-700"
role=
"tooltip"
>
Linkedin
</span>
</button>
</div>
<div
class=
"hs-tooltip ti-main-tooltip"
>
<button
type=
"button"
class=
"hs-tooltip-toggle m-0 rounded-full p-2 ti-btn ti-btn-outline ring-white/10 text-white bg-white/10 border-white/10"
>
<i
class=
"ri ri-facebook-circle-line text-lg leading-none"
></i>
<span
class=
"hs-tooltip-content ti-main-tooltip-content py-1 px-2 bg-gray-900 text-xs font-medium text-white shadow-sm dark:bg-slate-700"
role=
"tooltip"
>
Facebook
</span>
</button>
</div>
</div>
</div>
<div
class=
"col-span-12 xl:col-span-9"
>
<div
class=
"box"
>
<div
class=
"box-body p-0
"
>
<div
id=
"profile-settings-1"
role=
"tabpanel"
aria-labelledby=
"profile-settings-item-1"
>
<div
class=
"box border-0 shadow-none mb-0
"
>
<div
class=
"box-header
"
>
<h5
class=
"box-title leading-none fle
x"
>
<i
class=
"ri ri-shield-user-line ltr:mr-2 rtl:ml-2"
></i
>
ข้อมูลการประเมิน
</h5>
<!-- Start::main-content --
>
<div
class=
"main-content -mt-28
"
>
<!-- Start::row-1 --
>
<div
class=
"grid grid-cols-12 gap-x-6
"
>
<div
class=
"col-span-12 xxl:col-span-3
"
>
<div
class=
"bo
x"
>
<div
class=
"box-header"
>
<div
class=
"flex justify-between"
>
<
h5
class=
"box-title"
>
ข้อมูลพนักงาน
<
/h5>
</div>
<div
class=
"box-body"
>
<app-pms-information></app-pms-information>
</div>
<div
class=
"box-body py-2"
>
<div
class=
"xl:overflow-hidden overflow-x-auto"
>
<table
class=
"ti-custom-table border-0"
>
<tbody>
<tr
class=
""
>
<td
class=
"font-medium !p-2"
>
Designation
</td>
<td
class=
"!p-2"
>
:
</td>
<td
class=
"!p-2"
>
Sr.Ui Developer
</td>
</tr>
<tr
class=
"!border-0"
>
<td
class=
"font-medium !p-2"
>
Joined
</td>
<td
class=
"!p-2"
>
:
</td>
<td
class=
"!p-2"
>
01 November 2019
</td>
</tr>
<tr
class=
"!border-0"
>
<td
class=
"font-medium !p-2"
>
Age
</td>
<td
class=
"!p-2"
>
:
</td>
<td
class=
"!p-2"
>
26
</td>
</tr>
<tr
class=
"!border-0"
>
<td
class=
"font-medium !p-2"
>
City
</td>
<td
class=
"!p-2"
>
:
</td>
<td
class=
"!p-2"
>
Lake Park
</td>
</tr>
<tr
class=
"!border-0"
>
<td
class=
"font-medium !p-2"
>
Country
</td>
<td
class=
"!p-2"
>
:
</td>
<td
class=
"!p-2"
>
Newyork
</td>
</tr>
<tr
class=
"!border-0"
>
<td
class=
"font-medium !p-2"
>
State
</td>
<td
class=
"!p-2"
>
:
</td>
<td
class=
"!p-2"
>
U.S.A
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div
id=
"profile-settings-2"
class=
"hidden"
role=
"tabpanel"
aria-labelledby=
"profile-settings-item-2"
>
<div
class=
"box border-0 shadow-none mb-0"
>
<div
class=
"box-header"
>
<h5
class=
"box-title leading-none flex"
>
<i
class=
"ri ri-global-line ltr:mr-2 rtl:ml-2"
></i>
แบบประเมินสมรรถนะ
</h5>
</div>
<div
class=
"box-body"
>
<app-pms-competency></app-pms-competency>
<div
class=
"box"
>
<div
class=
"box-header"
>
<div
class=
"flex justify-between"
>
<h5
class=
"box-title"
>
สถานะการประเมิน
</h5>
</div>
</div>
</div>
<div
id=
"profile-settings-3"
class=
"hidden"
role=
"tabpanel"
aria-labelledby=
"profile-settings-item-3"
>
<div
class=
"box border-0 shadow-none mb-0"
>
<div
class=
"box-header"
>
<h5
class=
"box-title leading-none flex"
>
<i
class=
"ri ri-lock-line ltr:mr-2 rtl:ml-2"
></i>
แบบประเมินประสิทธิภาพ
</h5>
<div
class=
"box-body space-y-4 text-center"
>
<div
class=
"flex flex-row"
>
<div
class=
"mx-auto relative"
>
<div
class=
"h-full w-6 flex items-center justify-center"
>
<div
class=
"h-full w-[3px] bg-gray-100 dark:bg-black/20 pointer-events-none"
></div>
</div>
<div
class=
"avatar avatar-xs absolute top-0 rounded-full bg-gray-200 shadow text-center ltr:-left-[4px] rtl:-right-[4px]"
>
<img
src=
"./assets/img/users/21.jpg"
class=
"rounded-full"
alt=
"timeline-img"
/>
</div>
</div>
<div
class=
"flex w-full pb-8"
>
<div
class=
"ltr:ml-5 rtl:mr-5 rounded-sm ltr:mr-auto rtl:ml-auto my-auto w-full space-y-3"
>
<div
class=
"sm:flex"
>
<h3
class=
"my-auto text-gray-500 dark:text-white/70"
>
<span
class=
"text-dark dark:text-white"
>
Anesthesia
</span>
</h3>
<p
class=
"my-auto ltr:ml-auto rtl:mr-auto text-gray-500 dark:text-white/70 text-xs"
>
yesterday, 05:06 pm
</p>
</div>
<div
class=
"border border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10 p-4 rounded-sm"
>
<p
class=
"text-xs text-gray-500 dark:text-white/70"
>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nostrum sit consequuntur quia aperiam quibusdam rerum ut! Id
ducimus nobis rerum modi veniam odit totam rem asperiores
adipisci, sed quia voluptas?
</p>
</div>
</div>
</div>
</div>
<div
class=
"box-body"
>
<app-pms-kpi></app-pms-kpi>
<div
class=
"flex flex-row"
>
<div
class=
"mx-auto relative"
>
<div
class=
"h-full w-6 flex items-center justify-center"
>
<div
class=
"h-full w-[3px] bg-gray-100 dark:bg-black/20 pointer-events-none"
></div>
</div>
<div
class=
"avatar avatar-xs absolute top-0 rounded-full bg-gray-200 shadow text-center ltr:-left-[4px] rtl:-right-[4px]"
>
<img
src=
"./assets/img/users/21.jpg"
class=
"rounded-full"
alt=
"timeline-img"
/>
</div>
</div>
<div
class=
"flex w-full pb-8"
>
<div
class=
"ltr:ml-5 rtl:mr-5 rounded-sm ltr:mr-auto rtl:ml-auto my-auto w-full space-y-3"
>
<div
class=
"sm:flex"
>
<h3
class=
"my-auto text-gray-500 dark:text-white/70"
>
<span
class=
"text-dark dark:text-white"
>
Anesthesia
</span>
</h3>
<p
class=
"my-auto ltr:ml-auto rtl:mr-auto text-gray-500 dark:text-white/70 text-xs"
>
yesterday, 05:06 pm
</p>
</div>
<div
class=
"border border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10 p-4 rounded-sm"
>
<p
class=
"text-xs text-gray-500 dark:text-white/70"
>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nostrum sit consequuntur quia aperiam quibusdam rerum ut! Id
ducimus nobis rerum modi veniam odit totam rem asperiores
adipisci, sed quia voluptas?
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div
id=
"profile-settings-4"
class=
"hidden"
role=
"tabpanel"
aria-labelledby=
"profile-settings-item-4"
>
<div
class=
"box border-0 shadow-none mb-0"
>
<div
class=
"box-header"
>
<h5
class=
"box-title leading-none flex"
>
<i
class=
"ri ri-account-circle-line ltr:mr-2 rtl:ml-2"
></i>
แผนพัฒนาบุคคลากร
</h5>
<div
class=
"flex flex-row"
>
<div
class=
"mx-auto relative"
>
<div
class=
"h-full w-6 flex items-center justify-center"
>
<div
class=
"h-full w-[3px] bg-gray-100 dark:bg-black/20 pointer-events-none"
></div>
</div>
<div
class=
"avatar avatar-xs absolute top-0 rounded-full bg-gray-200 shadow text-center ltr:-left-[4px] rtl:-right-[4px]"
>
<img
src=
"./assets/img/users/21.jpg"
class=
"rounded-full"
alt=
"timeline-img"
/>
</div>
</div>
<div
class=
"flex w-full pb-8"
>
<div
class=
"ltr:ml-5 rtl:mr-5 rounded-sm ltr:mr-auto rtl:ml-auto my-auto w-full space-y-3"
>
<div
class=
"sm:flex"
>
<h3
class=
"my-auto text-gray-500 dark:text-white/70"
>
<span
class=
"text-dark dark:text-white"
>
Anesthesia
</span>
</h3>
<p
class=
"my-auto ltr:ml-auto rtl:mr-auto text-gray-500 dark:text-white/70 text-xs"
>
yesterday, 05:06 pm
</p>
</div>
<div
class=
"border border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10 p-4 rounded-sm"
>
<p
class=
"text-xs text-gray-500 dark:text-white/70"
>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nostrum sit consequuntur quia aperiam quibusdam rerum ut! Id
ducimus nobis rerum modi veniam odit totam rem asperiores
adipisci, sed quia voluptas?
</p>
</div>
</div>
</div>
</div>
<div
class=
"box-body"
>
<app-pms-idp></app-pms-idp>
<div
class=
"flex flex-row"
>
<div
class=
"mx-auto relative"
>
<div
class=
"h-full w-6 flex items-center justify-center"
>
<div
class=
"h-full w-[3px] bg-gray-100 dark:bg-black/20 pointer-events-none"
></div>
</div>
<div
class=
"avatar avatar-xs absolute top-0 rounded-full bg-gray-200 shadow text-center ltr:-left-[4px] rtl:-right-[4px]"
>
<img
src=
"./assets/img/users/21.jpg"
class=
"rounded-full"
alt=
"timeline-img"
/>
</div>
</div>
<div
class=
"flex w-full pb-8"
>
<div
class=
"ltr:ml-5 rtl:mr-5 rounded-sm ltr:mr-auto rtl:ml-auto my-auto w-full space-y-3"
>
<div
class=
"sm:flex"
>
<h3
class=
"my-auto text-gray-500 dark:text-white/70"
>
<span
class=
"text-dark dark:text-white"
>
Anesthesia
</span>
</h3>
<p
class=
"my-auto ltr:ml-auto rtl:mr-auto text-gray-500 dark:text-white/70 text-xs"
>
yesterday, 05:06 pm
</p>
</div>
<div
class=
"border border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10 p-4 rounded-sm"
>
<p
class=
"text-xs text-gray-500 dark:text-white/70"
>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nostrum sit consequuntur quia aperiam quibusdam rerum ut! Id
ducimus nobis rerum modi veniam odit totam rem asperiores
adipisci, sed quia voluptas?
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div
id=
"profile-settings-5"
class=
"hidden"
role=
"tabpanel"
aria-labelledby=
"profile-settings-item-5"
>
<div
class=
"box border-0 shadow-none mb-0"
>
<div
class=
"box-header"
>
<h5
class=
"box-title leading-none flex"
>
<i
class=
"ri ri-notification-4-line ltr:mr-2 rtl:ml-2"
></i>
</div>
<div
class=
"col-span-12 xxl:col-span-9"
>
<div
class=
"box"
>
<div
class=
"box-header"
>
<nav
class=
"sm:flex sm:space-x-2 space-y-2 sm:space-y-0 rtl:space-x-reverse block"
aria-label=
"Tabs"
role=
"tablist"
>
<button
type=
"button"
class=
"hs-tab-active:bg-primary hs-tab-active:border-primary hs-tab-active:text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:border-primary dark:hs-tab-active:text-white py-2 px-3 inline-flex items-center w-full justify-center gap-2 text-sm font-medium text-center border text-gray-500 rounded-sm hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 active"
id=
"profile-item-1"
data-hs-tab=
"#profile-1"
aria-controls=
"profile-1"
role=
"tab"
>
ข้อมูลการประเมิน
</button>
<button
type=
"button"
class=
"hs-tab-active:bg-primary hs-tab-active:border-primary hs-tab-active:text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:border-primary dark:hs-tab-active:text-white py-2 px-3 inline-flex items-center w-full justify-center gap-2 text-sm font-medium text-center border text-gray-500 rounded-sm hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300"
id=
"profile-item-2"
data-hs-tab=
"#profile-2"
aria-controls=
"profile-2"
role=
"tab"
>
แบบประเมินสมรรถนะ
</button>
<button
type=
"button"
class=
"hs-tab-active:bg-primary hs-tab-active:border-primary hs-tab-active:text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:border-primary dark:hs-tab-active:text-white py-2 px-3 inline-flex items-center w-full justify-center gap-2 text-sm font-medium text-center border text-gray-500 rounded-sm hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300"
id=
"profile-item-3"
data-hs-tab=
"#profile-3"
aria-controls=
"profile-3"
role=
"tab"
>
แบบประเมินประสิทธิภาพ
</button>
<button
type=
"button"
class=
"hs-tab-active:bg-primary hs-tab-active:border-primary hs-tab-active:text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:border-primary dark:hs-tab-active:text-white py-2 px-3 inline-flex items-center w-full justify-center gap-2 text-sm font-medium text-center border text-gray-500 rounded-sm hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300"
id=
"profile-item-4"
data-hs-tab=
"#profile-4"
aria-controls=
"profile-4"
role=
"tab"
>
แผนพัฒนาบุคคลากร
</button>
<button
type=
"button"
class=
"hs-tab-active:bg-primary hs-tab-active:border-primary hs-tab-active:text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:border-primary dark:hs-tab-active:text-white py-2 px-3 inline-flex items-center w-full justify-center gap-2 text-sm font-medium text-center border text-gray-500 rounded-sm hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300"
id=
"profile-item-4"
data-hs-tab=
"#profile-5"
aria-controls=
"profile-5"
role=
"tab"
>
สรุปคะแนนและข้อเสนอแนะ
</h5>
</button>
</nav>
</div>
<div
class=
"box-body"
>
<div
id=
"profile-1"
class=
""
role=
"tabpanel"
aria-labelledby=
"profile-item-1"
>
<app-pms-information></app-pms-information>
</div>
<div
id=
"profile-2"
class=
"hidden"
role=
"tabpanel"
aria-labelledby=
"profile-item-2"
>
<app-pms-competency></app-pms-competency>
</div>
<div
id=
"profile-3"
class=
"hidden text-center"
role=
"tabpanel"
aria-labelledby=
"profile-item-3"
>
<app-pms-kpi></app-pms-kpi>
</div>
<div
id=
"profile-4"
class=
"hidden text-center"
role=
"tabpanel"
aria-labelledby=
"profile-item-4"
>
<app-pms-idp></app-pms-idp>
</div>
<div
class=
"box-body
"
>
<div
id=
"profile-5"
class=
"hidden text-center"
role=
"tabpanel"
aria-labelledby=
"profile-item-5
"
>
<app-pms-summary></app-pms-summary>
</div>
</div>
<div
class=
"box-footer text-end space-x-3 rtl:space-x-reverse"
>
<div
class=
"p-4 space-y-3 border-t border-gray-200 dark:border-white/10"
>
<!-- <h5 class="text-base font-semibold"> Add New Question</h5> -->
<!-- <img src="./assets/img/png-images/8.png" alt=""> -->
<textarea
class=
"ti-form-input"
rows=
"4"
placeholder=
"Drop Your Question Here...."
></textarea>
</div>
<a
href=
"javascript:void(0);"
class=
"ti-btn m-0 ti-btn-soft-primary"
><i
class=
"ri ri-refresh-line"
></i>
ยินยัน
</a>
<a
href=
"javascript:void(0);"
class=
"ti-btn m-0 ti-btn-soft-success"
><i
class=
"ri ri-refresh-line"
></i>
บันทึกร่าง
</a>
<a
href=
"javascript:void(0);"
class=
"ti-btn m-0 ti-btn-soft-secondary"
><i
class=
"ri ri-close-circle-line"
></i>
ย้อนกลับ
</a>
</div>
</div>
</div>
<div
class=
"box-footer text-end space-x-3 rtl:space-x-reverse"
>
<div
class=
"p-4 space-y-3 border-t border-gray-200 dark:border-white/10"
>
<!-- <h5 class="text-base font-semibold"> Add New Question</h5> -->
<!-- <img src="./assets/img/png-images/8.png" alt=""> -->
<textarea
class=
"ti-form-input"
rows=
"4"
placeholder=
"Drop Your Question Here...."
></textarea>
</div>
<a
href=
"javascript:void(0);"
class=
"ti-btn m-0 ti-btn-soft-primary"
><i
class=
"ri ri-refresh-line"
></i>
ยินยัน
</a>
<a
href=
"javascript:void(0);"
class=
"ti-btn m-0 ti-btn-soft-success"
><i
class=
"ri ri-refresh-line"
></i>
บันทึกร่าง
</a>
<a
href=
"javascript:void(0);"
class=
"ti-btn m-0 ti-btn-soft-secondary"
><i
class=
"ri ri-close-circle-line"
></i>
ย้อนกลับ
</a>
</div>
</div>
<!-- End::row-1 -->
</div>
<!-- Start::main-content -->
</div>
<!-- End::row-1 -->
src/app/components/performance-evaluation/pms-form-employee/pms-information/pms-information.component.html
View file @
ad39fb9d
<div
class=
"box"
>
<div
class=
"box-header"
>
<h5
class=
"box-title"
>
สถานะผู้ประเมิน
</h5>
</div>
<div
class=
"box-body"
>
<div
class=
"flex flex-row"
>
<div
class=
"mx-auto relative"
>
<div
class=
"h-full w-6 flex items-center justify-center"
>
<div
class=
"h-full w-[3px] bg-gray-100 dark:bg-black/20 pointer-events-none"
></div>
</div>
<div
class=
"avatar avatar-xs absolute top-0 rounded-full bg-gray-200 shadow text-center ltr:-left-[4px] rtl:-right-[4px]"
>
<img
src=
"./assets/img/users/21.jpg"
class=
"rounded-full"
alt=
"timeline-img"
/>
</div>
</div>
<div
class=
"flex w-full pb-8"
>
<div
class=
"ltr:ml-5 rtl:mr-5 rounded-sm ltr:mr-auto rtl:ml-auto my-auto w-full space-y-3"
>
<div
class=
"sm:flex"
>
<h3
class=
"my-auto text-gray-500 dark:text-white/70"
>
<span
class=
"text-dark dark:text-white"
>
Anesthesia
</span>
</h3>
<p
class=
"my-auto ltr:ml-auto rtl:mr-auto text-gray-500 dark:text-white/70 text-xs"
>
yesterday, 05:06 pm
</p>
</div>
<div
class=
"border border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10 p-4 rounded-sm"
>
<p
class=
"text-xs text-gray-500 dark:text-white/70"
>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nostrum sit consequuntur quia aperiam quibusdam rerum ut! Id
ducimus nobis rerum modi veniam odit totam rem asperiores
adipisci, sed quia voluptas?
</p>
</div>
</div>
</div>
</div>
<div
class=
"flex flex-row"
>
<div
class=
"mx-auto relative"
>
<div
class=
"h-full w-6 flex items-center justify-center"
>
<div
class=
"h-full w-[3px] bg-gray-100 dark:bg-black/20 pointer-events-none"
></div>
</div>
<div
class=
"avatar avatar-xs absolute top-0 rounded-full bg-gray-200 shadow text-center ltr:-left-[4px] rtl:-right-[4px]"
>
<img
src=
"./assets/img/users/21.jpg"
class=
"rounded-full"
alt=
"timeline-img"
/>
</div>
</div>
<div
class=
"flex w-full pb-8"
>
<div
class=
"ltr:ml-5 rtl:mr-5 rounded-sm ltr:mr-auto rtl:ml-auto my-auto w-full space-y-3"
>
<div
class=
"sm:flex"
>
<h3
class=
"my-auto text-gray-500 dark:text-white/70"
>
<span
class=
"text-dark dark:text-white"
>
Anesthesia
</span>
</h3>
<p
class=
"my-auto ltr:ml-auto rtl:mr-auto text-gray-500 dark:text-white/70 text-xs"
>
yesterday, 05:06 pm
</p>
</div>
<div
class=
"border border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10 p-4 rounded-sm"
>
<p
class=
"text-xs text-gray-500 dark:text-white/70"
>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nostrum sit consequuntur quia aperiam quibusdam rerum ut! Id
ducimus nobis rerum modi veniam odit totam rem asperiores
adipisci, sed quia voluptas?
</p>
</div>
</div>
</div>
</div>
<div
class=
"flex flex-row"
>
<div
class=
"mx-auto relative"
>
<div
class=
"h-full w-6 flex items-center justify-center"
>
<div
class=
"h-full w-[3px] bg-gray-100 dark:bg-black/20 pointer-events-none"
></div>
</div>
<div
class=
"avatar avatar-xs absolute top-0 rounded-full bg-gray-200 shadow text-center ltr:-left-[4px] rtl:-right-[4px]"
>
<img
src=
"./assets/img/users/21.jpg"
class=
"rounded-full"
alt=
"timeline-img"
/>
</div>
</div>
<div
class=
"flex w-full pb-8"
>
<div
class=
"ltr:ml-5 rtl:mr-5 rounded-sm ltr:mr-auto rtl:ml-auto my-auto w-full space-y-3"
>
<div
class=
"sm:flex"
>
<h3
class=
"my-auto text-gray-500 dark:text-white/70"
>
<span
class=
"text-dark dark:text-white"
>
Anesthesia
</span>
</h3>
<p
class=
"my-auto ltr:ml-auto rtl:mr-auto text-gray-500 dark:text-white/70 text-xs"
>
yesterday, 05:06 pm
</p>
</div>
<div
class=
"border border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10 p-4 rounded-sm"
>
<p
class=
"text-xs text-gray-500 dark:text-white/70"
>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nostrum sit consequuntur quia aperiam quibusdam rerum ut! Id
ducimus nobis rerum modi veniam odit totam rem asperiores
adipisci, sed quia voluptas?
</p>
</div>
</div>
</div>
</div>
<div
class=
"flex flex-row"
>
<div
class=
"mx-auto relative"
>
<div
class=
"h-full w-6 flex items-center justify-center"
>
<div
class=
"h-full w-[3px] bg-gray-100 dark:bg-black/20 pointer-events-none"
></div>
</div>
<div
class=
"avatar avatar-xs absolute top-0 rounded-full bg-gray-200 shadow text-center ltr:-left-[4px] rtl:-right-[4px]"
>
<img
src=
"./assets/img/users/21.jpg"
class=
"rounded-full"
alt=
"timeline-img"
/>
</div>
</div>
<div
class=
"flex w-full pb-8"
>
<div
class=
"ltr:ml-5 rtl:mr-5 rounded-sm ltr:mr-auto rtl:ml-auto my-auto w-full space-y-3"
>
<div
class=
"sm:flex"
>
<h3
class=
"my-auto text-gray-500 dark:text-white/70"
>
<span
class=
"text-dark dark:text-white"
>
Anesthesia
</span>
</h3>
<p
class=
"my-auto ltr:ml-auto rtl:mr-auto text-gray-500 dark:text-white/70 text-xs"
>
yesterday, 05:06 pm
</p>
</div>
<div
class=
"border border-gray-200 bg-gray-50 dark:bg-black/20 dark:border-white/10 p-4 rounded-sm"
>
<p
class=
"text-xs text-gray-500 dark:text-white/70"
>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nostrum sit consequuntur quia aperiam quibusdam rerum ut! Id
ducimus nobis rerum modi veniam odit totam rem asperiores
adipisci, sed quia voluptas?
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<p>
pms-information works!
</p>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
