Commit 380b4750 by pantakan konthang

ปรับ icon

parent 21892507
...@@ -89,25 +89,25 @@ ...@@ -89,25 +89,25 @@
<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">
<div class="hs-tooltip ti-main-tooltip"> <span class="hs-tooltip ti-main-tooltip flex items-center">
<i *ngSwitchCase="'1'" class="ti ti-clock 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> </span>
<div class="hs-tooltip ti-main-tooltip"> <span class="hs-tooltip ti-main-tooltip flex items-center">
<i *ngSwitchCase="'2'" class="ti ti-hourglass-empty 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>
</div> </span>
<div class="hs-tooltip ti-main-tooltip"> <span class="hs-tooltip ti-main-tooltip flex items-center">
<i *ngSwitchCase="'3'" class="ti ti-check hs-tooltip-toggle"></i> <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 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> </span>
<div *ngSwitchDefault></div> <span *ngSwitchDefault></span>
</ng-container> </ng-container>
</span> </span>
</td> </td>
......
...@@ -93,31 +93,25 @@ ...@@ -93,31 +93,25 @@
<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">
<div class="hs-tooltip ti-main-tooltip"> <span class="hs-tooltip ti-main-tooltip flex items-center">
<i *ngSwitchCase="'1'" class="ti ti-clock hs-tooltip-toggle"></i> <i *ngSwitchCase="'1'" class="ti ti-clock hs-tooltip-toggle"></i>
<span <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">
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> </span>
<div class="hs-tooltip ti-main-tooltip"> <span class="hs-tooltip ti-main-tooltip flex items-center">
<i *ngSwitchCase="'2'" class="ti ti-hourglass-empty hs-tooltip-toggle"></i> <i *ngSwitchCase="'2'" class="ti ti-hourglass-empty hs-tooltip-toggle"></i>
<span <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">
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> </span>
<div class="hs-tooltip ti-main-tooltip"> <span class="hs-tooltip ti-main-tooltip flex items-center">
<i *ngSwitchCase="'3'" class="ti ti-check hs-tooltip-toggle"></i> <i *ngSwitchCase="'3'" class="ti ti-check hs-tooltip-toggle"></i>
<span <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">
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> </span>
<div *ngSwitchDefault></div> <span *ngSwitchDefault></span>
</ng-container> </ng-container>
</span> </span>
</td> </td>
......
...@@ -56,20 +56,25 @@ ...@@ -56,20 +56,25 @@
<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">
<div class="hs-tooltip ti-main-tooltip"> <span class="hs-tooltip ti-main-tooltip flex items-center">
<i *ngSwitchCase="'1'" class="ti ti-clock 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> </span>
<div class="hs-tooltip ti-main-tooltip"> <span class="hs-tooltip ti-main-tooltip flex items-center">
<i *ngSwitchCase="'2'" class="ti ti-hourglass-empty 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>
</div> </span>
<!-- <span class="hs-tooltip ti-main-tooltip flex items-center">
<div *ngSwitchDefault></div> <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>
</span> -->
<span *ngSwitchDefault></span>
</ng-container> </ng-container>
</span> </span>
</td> </td>
......
...@@ -93,31 +93,25 @@ ...@@ -93,31 +93,25 @@
<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">
<div class="hs-tooltip ti-main-tooltip"> <span class="hs-tooltip ti-main-tooltip flex items-center">
<i *ngSwitchCase="'1'" class="ti ti-clock hs-tooltip-toggle"></i> <i *ngSwitchCase="'1'" class="ti ti-clock hs-tooltip-toggle"></i>
<span <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">
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> </span>
<div class="hs-tooltip ti-main-tooltip"> <span class="hs-tooltip ti-main-tooltip flex items-center">
<i *ngSwitchCase="'2'" class="ti ti-hourglass-empty hs-tooltip-toggle"></i> <i *ngSwitchCase="'2'" class="ti ti-hourglass-empty hs-tooltip-toggle"></i>
<span <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">
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> </span>
<div class="hs-tooltip ti-main-tooltip"> <span class="hs-tooltip ti-main-tooltip flex items-center">
<i *ngSwitchCase="'3'" class="ti ti-check hs-tooltip-toggle"></i> <i *ngSwitchCase="'3'" class="ti ti-check hs-tooltip-toggle"></i>
<span <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">
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> </span>
<div *ngSwitchDefault></div> <span *ngSwitchDefault></span>
</ng-container> </ng-container>
</span> </span>
</td> </td>
......
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