Skip to content

M
myAppraisal
Commit 380b4750 by pantakan konthang
Options

ปรับ icon

parent 21892507
Showing with 73 additions and 80 deletions
src/app/components/competency-assessment/evaluation-cycle-manager/define-document-form/define-document-form.component.html
...@@ -86,28 +86,28 @@ ...@@ -86,28 +86,28 @@
<td>{{item.startDate}}</td> <td>{{item.startDate}}</td>
<td>{{item.endDate}}</td> <td>{{item.endDate}}</td>
<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'}"> [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>
......
src/app/components/competency-assessment/evaluation-cycle-manager/evaluation-cycle/evaluation-cycle.component.html
...@@ -90,37 +90,31 @@ ...@@ -90,37 +90,31 @@
<td>{{item.startDate}}</td> <td>{{item.startDate}}</td>
<td>{{item.endDate}}</td> <td>{{item.endDate}}</td>
<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'}"> [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>
</span> <span class="hs-tooltip ti-main-tooltip flex items-center">
</div> <i *ngSwitchCase="'2'" class="ti ti-hourglass-empty hs-tooltip-toggle"></i>
<div class="hs-tooltip ti-main-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">
<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" </span>
role="tooltip"> <span class="hs-tooltip ti-main-tooltip flex items-center">
ยังไม่ถึงเวลาการประเมิน <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">
</div> สิ้นสุดช่วงเวลาประเมิน
<div class="hs-tooltip ti-main-tooltip"> </span>
<i *ngSwitchCase="'3'" class="ti ti-check hs-tooltip-toggle"></i> </span>
<span <span *ngSwitchDefault></span>
class="hs-tooltip-content ti-main-tooltip-content py-1 px-2 bg-primary text-white shadow-sm dark:bg-slate-700" </ng-container>
role="tooltip">
สิ้นสุดช่วงเวลาประเมิน
</span>
</div>
<div *ngSwitchDefault></div>
</ng-container>
</span> </span>
</td> </td>
<td class="flex justify-center items-center"> <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)" <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> data-hs-overlay="#evaluation-cycle-modal"></i>
......
src/app/components/performance-management-evaluation/evaluation-cycle-performance/document-form/document-form.component.html
...@@ -53,23 +53,28 @@ ...@@ -53,23 +53,28 @@
<td>{{item.startDate}}</td> <td>{{item.startDate}}</td>
<td>{{item.endDate}}</td> <td>{{item.endDate}}</td>
<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'}"> [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>
......
src/app/components/performance-management-evaluation/evaluation-cycle-performance/management-evaluation-cycle/management-evaluation-cycle.component.html
...@@ -90,37 +90,31 @@ ...@@ -90,37 +90,31 @@
<td>{{item.startDate}}</td> <td>{{item.startDate}}</td>
<td>{{item.endDate}}</td> <td>{{item.endDate}}</td>
<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'}"> [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>
</span> <span class="hs-tooltip ti-main-tooltip flex items-center">
</div> <i *ngSwitchCase="'2'" class="ti ti-hourglass-empty hs-tooltip-toggle"></i>
<div class="hs-tooltip ti-main-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">
<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" </span>
role="tooltip"> <span class="hs-tooltip ti-main-tooltip flex items-center">
ยังไม่ถึงเวลาการประเมิน <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">
</div> สิ้นสุดช่วงเวลาประเมิน
<div class="hs-tooltip ti-main-tooltip"> </span>
<i *ngSwitchCase="'3'" class="ti ti-check hs-tooltip-toggle"></i> </span>
<span <span *ngSwitchDefault></span>
class="hs-tooltip-content ti-main-tooltip-content py-1 px-2 bg-primary text-white shadow-sm dark:bg-slate-700" </ng-container>
role="tooltip">
สิ้นสุดช่วงเวลาประเมิน
</span>
</div>
<div *ngSwitchDefault></div>
</ng-container>
</span> </span>
</td> </td>
<td class="flex justify-center items-center"> <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)" <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> 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