กำหนดผู้ประเมิน

src/app/components/competency-assessment/competency-management/set-approvers/set-approvers.component.html

@@ -183,7 +183,7 @@
                         <div
                             class="absolute inset-y-0 ltr:right-0 rtl:left-0 flex items-center z-20 ltr:pr-4 rtl:pl-4 space-x-2">
                             <button type="button" class="flex items-center text-red-500"
-                                (click)="empnumber = 1;selectEMP()">
+                                (click)="empnumber = 1;selectEMP();empnumber = 2;selectEMP();empnumber = 3;selectEMP();empnumber = 4;selectEMP();empnumber = 5;selectEMP()">
                                 <i class="ti ti-circle-x cursor-pointer"></i>
                             </button>
                             <button type="button" class="flex items-center text-gray-500 dark:text-white/70"
@@ -193,6 +193,7 @@
                         </div>
                     </div>
                 </div>
+                <ng-container *ngIf="groupapprove.apsapprove1.employeeId">
                     <label class="ti-form-label mt-2rem">ผู้ประเมินลำดับที่ 2</label>
                     <div class="flex">
                         <div class="relative flex rounded-md w-2/3">
@@ -203,7 +204,7 @@
                             <div
                                 class="absolute inset-y-0 ltr:right-0 rtl:left-0 flex items-center z-20 ltr:pr-4 rtl:pl-4 space-x-2">
                                 <button type="button" class="flex items-center text-red-500"
-                                (click)="empnumber = 2;selectEMP()">
+                                    (click)="empnumber = 2;selectEMP();empnumber = 3;selectEMP();empnumber = 4;selectEMP();empnumber = 5;selectEMP()">
                                     <i class="ti ti-circle-x cursor-pointer"></i>
                                 </button>
                                 <button type="button" class="flex items-center text-gray-500 dark:text-white/70"
@@ -213,6 +214,8 @@
                             </div>
                         </div>
                     </div>
+                </ng-container>
+                <ng-container *ngIf="groupapprove.apsapprove2.employeeId">
                     <label class="ti-form-label mt-2rem">ผู้ประเมินลำดับที่ 3</label>
                     <div class="flex">
                         <div class="relative flex rounded-md w-2/3">
@@ -223,7 +226,7 @@
                             <div
                                 class="absolute inset-y-0 ltr:right-0 rtl:left-0 flex items-center z-20 ltr:pr-4 rtl:pl-4 space-x-2">
                                 <button type="button" class="flex items-center text-red-500"
-                                (click)="empnumber = 3;selectEMP()">
+                                    (click)="empnumber = 3;selectEMP();empnumber = 4;selectEMP();empnumber = 5;selectEMP()">
                                     <i class="ti ti-circle-x cursor-pointer"></i>
                                 </button>
                                 <button type="button" class="flex items-center text-gray-500 dark:text-white/70"
@@ -233,6 +236,8 @@
                             </div>
                         </div>
                     </div>
+                </ng-container>
+                <ng-container *ngIf="groupapprove.apsapprove3.employeeId">
                     <label class="ti-form-label mt-2rem">ผู้ประเมินลำดับที่ 4</label>
                     <div class="flex">
                         <div class="relative flex rounded-md w-2/3">
@@ -243,7 +248,7 @@
                             <div
                                 class="absolute inset-y-0 ltr:right-0 rtl:left-0 flex items-center z-20 ltr:pr-4 rtl:pl-4 space-x-2">
                                 <button type="button" class="flex items-center text-red-500"
-                                (click)="empnumber = 4;selectEMP()">
+                                    (click)="empnumber = 4;selectEMP();empnumber = 5;selectEMP()">
                                     <i class="ti ti-circle-x cursor-pointer"></i>
                                 </button>
                                 <button type="button" class="flex items-center text-gray-500 dark:text-white/70"
@@ -253,6 +258,8 @@
                             </div>
                         </div>
                     </div>
+                </ng-container>
+                <ng-container *ngIf="groupapprove.apsapprove4.employeeId">
                     <label class="ti-form-label mt-2rem">ผู้ประเมินลำดับที่ 5</label>
                     <div class="flex">
                         <div class="relative flex rounded-md w-2/3">
@@ -273,6 +280,7 @@
                             </div>
                         </div>
                     </div>
+                </ng-container>
                 <div class="flex justify-end mt-3rem mb-1rem space-x-4">
                     <button type="button"
                         class="hs-dropdown-toggle ti-btn ti-border font-medium bg-white text-gray-700 shadow-sm align-middle hover:bg-gray-50 focus:ring-offset-white focus:ring-primary dark:bg-bgdark dark:hover:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-white dark:focus:ring-offset-white/10"

src/app/components/performance-management-evaluation/assessment-management/assigning-approvers/assigning-approvers.component.html

@@ -176,7 +176,7 @@
                         <div
                             class="absolute inset-y-0 ltr:right-0 rtl:left-0 flex items-center z-20 ltr:pr-4 rtl:pl-4 space-x-2">
                             <button type="button" class="flex items-center text-red-500"
-                                (click)="empnumber = 1;selectEMP()">
+                                (click)="empnumber = 1;selectEMP();empnumber = 2;selectEMP();empnumber = 3;selectEMP();empnumber = 4;selectEMP();empnumber = 5;selectEMP()">
                                 <i class="ti ti-circle-x cursor-pointer"></i>
                             </button>
                             <button type="button" class="flex items-center text-gray-500 dark:text-white/70"
@@ -186,6 +186,7 @@
                         </div>
                     </div>
                 </div>
+                <ng-container *ngIf="groupapprove.apsapprove1.employeeId">
                     <label class="ti-form-label mt-2rem">ผู้ประเมินลำดับที่ 2</label>
                     <div class="flex">
                         <div class="relative flex rounded-md w-2/3">
@@ -196,7 +197,7 @@
                             <div
                                 class="absolute inset-y-0 ltr:right-0 rtl:left-0 flex items-center z-20 ltr:pr-4 rtl:pl-4 space-x-2">
                                 <button type="button" class="flex items-center text-red-500"
-                                (click)="empnumber = 2;selectEMP()">
+                                    (click)="empnumber = 2;selectEMP();empnumber = 3;selectEMP();empnumber = 4;selectEMP();empnumber = 5;selectEMP()">
                                     <i class="ti ti-circle-x cursor-pointer"></i>
                                 </button>
                                 <button type="button" class="flex items-center text-gray-500 dark:text-white/70"
@@ -206,6 +207,8 @@
                             </div>
                         </div>
                     </div>
+                </ng-container>
+                <ng-container *ngIf="groupapprove.apsapprove2.employeeId">
                     <label class="ti-form-label mt-2rem">ผู้ประเมินลำดับที่ 3</label>
                     <div class="flex">
                         <div class="relative flex rounded-md w-2/3">
@@ -216,7 +219,7 @@
                             <div
                                 class="absolute inset-y-0 ltr:right-0 rtl:left-0 flex items-center z-20 ltr:pr-4 rtl:pl-4 space-x-2">
                                 <button type="button" class="flex items-center text-red-500"
-                                (click)="empnumber = 3;selectEMP()">
+                                    (click)="empnumber = 3;selectEMP();empnumber = 4;selectEMP();empnumber = 5;selectEMP()">
                                     <i class="ti ti-circle-x cursor-pointer"></i>
                                 </button>
                                 <button type="button" class="flex items-center text-gray-500 dark:text-white/70"
@@ -226,6 +229,8 @@
                             </div>
                         </div>
                     </div>
+                </ng-container>
+                <ng-container *ngIf="groupapprove.apsapprove3.employeeId">
                     <label class="ti-form-label mt-2rem">ผู้ประเมินลำดับที่ 4</label>
                     <div class="flex">
                         <div class="relative flex rounded-md w-2/3">
@@ -236,7 +241,7 @@
                             <div
                                 class="absolute inset-y-0 ltr:right-0 rtl:left-0 flex items-center z-20 ltr:pr-4 rtl:pl-4 space-x-2">
                                 <button type="button" class="flex items-center text-red-500"
-                                (click)="empnumber = 4;selectEMP()">
+                                    (click)="empnumber = 4;selectEMP();empnumber = 5;selectEMP()">
                                     <i class="ti ti-circle-x cursor-pointer"></i>
                                 </button>
                                 <button type="button" class="flex items-center text-gray-500 dark:text-white/70"
@@ -246,6 +251,8 @@
                             </div>
                         </div>
                     </div>
+                </ng-container>
+                <ng-container *ngIf="groupapprove.apsapprove4.employeeId">
                     <label class="ti-form-label mt-2rem">ผู้ประเมินลำดับที่ 5</label>
                     <div class="flex">
                         <div class="relative flex rounded-md w-2/3">
@@ -266,6 +273,7 @@
                             </div>
                         </div>
                     </div>
+                </ng-container>
                 <div class="flex justify-end mt-3rem mb-1rem space-x-4">
                     <button type="button"
                         class="hs-dropdown-toggle ti-btn ti-border font-medium bg-white text-gray-700 shadow-sm align-middle hover:bg-gray-50 focus:ring-offset-white focus:ring-primary dark:bg-bgdark dark:hover:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-white dark:focus:ring-offset-white/10"