Skip to content

M
myAppraisal
Commit 28265f26 by pantakan konthang
Options

tooltip

parent 27823da9
Showing with 18 additions and 3 deletions
src/app/components/performance-management-evaluation/evaluation-cycle-performance/management-evaluation-cycle/management-evaluation-cycle.component.html
......@@ -94,9 +94,24 @@
<span class="flex justify-center items-center rounded-full h-5 w-5 text-white"
[ngClass]="{'bg-success':item.status=='1','bg-warning':item.status=='2','bg-gray-400':item.status=='3'}">
<ng-container [ngSwitch]="item.status">
<i *ngSwitchCase="'1'" class="ti ti-player-play"></i>
<i *ngSwitchCase="'2'" class="ti ti-clock"></i>
<i *ngSwitchCase="'3'" class="ti ti-check"></i>
<div class="hs-tooltip ti-main-tooltip">
<i *ngSwitchCase="'1'" class="ti ti-player-play hs-tooltip-toggle"></i>
<span class="hs-tooltip-content ti-main-tooltip-content py-1 px-2 bg-primary text-white shadow-sm dark:bg-slate-700" role="tooltip">
กำลังดำเนินการประเมิน
</span>
</div>
<div class="hs-tooltip ti-main-tooltip">
<i *ngSwitchCase="'2'" class="ti ti-clock hs-tooltip-toggle"></i>
<span class="hs-tooltip-content ti-main-tooltip-content py-1 px-2 bg-primary text-white shadow-sm dark:bg-slate-700" role="tooltip">
ยังไม่ถึงเวลาการประเมิน
</span>
</div>
<div class="hs-tooltip ti-main-tooltip">
<i *ngSwitchCase="'3'" class="ti ti-check hs-tooltip-toggle"></i>
<span class="hs-tooltip-content ti-main-tooltip-content py-1 px-2 bg-primary text-white shadow-sm dark:bg-slate-700" role="tooltip">
สิ้นสุดช่วงเวลาประเมิน
</span>
</div>
<div *ngSwitchDefault></div>
</ng-container>
</span>
......
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