Skip to content

M
myAppraisal
Commit b362159c by pantakan konthang
Options

เปลี่ยน icon tooltip

parent 1539c76c
Showing with 51 additions and 10 deletions
src/app/components/competency-assessment/evaluation-cycle-manager/define-document-form/define-document-form.component.html
...@@ -89,9 +89,24 @@ ...@@ -89,9 +89,24 @@
<span class="flex justify-center items-center rounded-full h-5 w-5 text-white" <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'}"> [ngClass]="{'bg-success':item.status=='1','bg-warning':item.status=='2','bg-gray-400':item.status=='3'}">
<ng-container [ngSwitch]="item.status"> <ng-container [ngSwitch]="item.status">
<i *ngSwitchCase="'1'" class="ti ti-player-play"></i> <div class="hs-tooltip ti-main-tooltip">
<i *ngSwitchCase="'2'" class="ti ti-clock"></i> <i *ngSwitchCase="'1'" class="ti ti-clock hs-tooltip-toggle"></i>
<i *ngSwitchCase="'3'" class="ti ti-check"></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-hourglass-empty 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> <div *ngSwitchDefault></div>
</ng-container> </ng-container>
</span> </span>
......
src/app/components/competency-assessment/evaluation-cycle-manager/evaluation-cycle/evaluation-cycle.component.html
...@@ -94,9 +94,24 @@ ...@@ -94,9 +94,24 @@
<span class="flex justify-center items-center rounded-full h-5 w-5 text-white" <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'}"> [ngClass]="{'bg-success':item.status=='1','bg-warning':item.status=='2','bg-gray-400':item.status=='3'}">
<ng-container [ngSwitch]="item.status"> <ng-container [ngSwitch]="item.status">
<i *ngSwitchCase="'1'" class="ti ti-player-play"></i> <div class="hs-tooltip ti-main-tooltip">
<i *ngSwitchCase="'2'" class="ti ti-clock"></i> <i *ngSwitchCase="'1'" class="ti ti-clock hs-tooltip-toggle"></i>
<i *ngSwitchCase="'3'" class="ti ti-check"></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-hourglass-empty 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> <div *ngSwitchDefault></div>
</ng-container> </ng-container>
</span> </span>
......
src/app/components/performance-management-evaluation/evaluation-cycle-performance/document-form/document-form.component.html
...@@ -56,8 +56,19 @@ ...@@ -56,8 +56,19 @@
<span class="flex justify-center items-center rounded-full h-5 w-5 text-white" <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'}"> [ngClass]="{'bg-success':item.status=='1','bg-warning':item.status=='2','bg-gray-400':item.status=='3'}">
<ng-container [ngSwitch]="item.status"> <ng-container [ngSwitch]="item.status">
<i *ngSwitchCase="'1'" class="ti ti-player-play"></i> <div class="hs-tooltip ti-main-tooltip">
<i *ngSwitchCase="'2'" class="ti ti-clock"></i> <i *ngSwitchCase="'1'" 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="'2'" class="ti ti-hourglass-empty 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> <div *ngSwitchDefault></div>
</ng-container> </ng-container>
</span> </span>
......
src/app/components/performance-management-evaluation/evaluation-cycle-performance/management-evaluation-cycle/management-evaluation-cycle.component.html
...@@ -95,13 +95,13 @@ ...@@ -95,13 +95,13 @@
[ngClass]="{'bg-success':item.status=='1','bg-warning':item.status=='2','bg-gray-400':item.status=='3'}"> [ngClass]="{'bg-success':item.status=='1','bg-warning':item.status=='2','bg-gray-400':item.status=='3'}">
<ng-container [ngSwitch]="item.status"> <ng-container [ngSwitch]="item.status">
<div class="hs-tooltip ti-main-tooltip"> <div class="hs-tooltip ti-main-tooltip">
<i *ngSwitchCase="'1'" class="ti ti-player-play hs-tooltip-toggle"></i> <i *ngSwitchCase="'1'" 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 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> </span>
</div> </div>
<div class="hs-tooltip ti-main-tooltip"> <div class="hs-tooltip ti-main-tooltip">
<i *ngSwitchCase="'2'" class="ti ti-clock hs-tooltip-toggle"></i> <i *ngSwitchCase="'2'" class="ti ti-hourglass-empty 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 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> </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