Skip to content

M
mySkill-x
Commit ad39fb9d by Ooh-Ao
Options

pms

parent 99b28799
Showing with 1 additions and 138 deletions
src/app/components/performance-evaluation/pms-form-employee/pms-information/pms-information.component.html
<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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment