Commit 380b4750 by pantakan konthang

ปรับ icon

parent 21892507
......@@ -86,28 +86,28 @@
<td>{{item.startDate}}</td>
<td>{{item.endDate}}</td>
<td>
<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'}">
<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>
<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">
</span>
</span>
<span class="hs-tooltip ti-main-tooltip flex items-center">
<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">
</span>
</span>
<span class="hs-tooltip ti-main-tooltip flex items-center">
<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>
</span>
</span>
<span *ngSwitchDefault></span>
</ng-container>
</span>
</td>
......
......@@ -90,37 +90,31 @@
<td>{{item.startDate}}</td>
<td>{{item.endDate}}</td>
<td>
<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">
<div class="hs-tooltip ti-main-tooltip">
<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 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 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">
<span class="hs-tooltip ti-main-tooltip flex items-center">
<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>
</span>
<span class="hs-tooltip ti-main-tooltip flex items-center">
<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>
</span>
<span class="hs-tooltip ti-main-tooltip flex items-center">
<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>
</span>
</td>
</td>
<td class="flex justify-center items-center">
<i class="ti ti-edit cursor-pointer i-gray fs-l px-1" (click)="modalStatus='edit';dataListSelect(item)"
data-hs-overlay="#evaluation-cycle-modal"></i>
......
......@@ -53,23 +53,28 @@
<td>{{item.startDate}}</td>
<td>{{item.endDate}}</td>
<td>
<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'}">
<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>
<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">
</span>
</span>
<span class="hs-tooltip ti-main-tooltip flex items-center">
<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>
</span>
</span>
<!-- <span class="hs-tooltip ti-main-tooltip flex items-center">
<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>
</span>
</td>
......
......@@ -90,37 +90,31 @@
<td>{{item.startDate}}</td>
<td>{{item.endDate}}</td>
<td>
<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">
<div class="hs-tooltip ti-main-tooltip">
<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 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 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">
<span class="hs-tooltip ti-main-tooltip flex items-center">
<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>
</span>
<span class="hs-tooltip ti-main-tooltip flex items-center">
<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>
</span>
<span class="hs-tooltip ti-main-tooltip flex items-center">
<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>
</span>
</td>
</td>
<td class="flex justify-center items-center">
<i class="ti ti-edit cursor-pointer i-gray fs-l px-1" (click)="modalStatus='edit';dataListSelect(item)"
data-hs-overlay="#evaluation-cycle-modal"></i>
......
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