ประเมิน pms

src/app/components/performance-evaluation/idp-evaluation/idp-evalution.component.ts

@@ -35,7 +35,7 @@ export class IdpEvalutionComponent {
         this.formIdp.data = JSON.parse(JSON.stringify(response))
         if (this.formIdp.data) {
           this.canSave = (this.formIdp.data.currentStep == this.formIdp.data.checkStep) && (this.masfromStatusType != 'Boss_finish' && this.masfromStatusType != 'Not_evaluating_yet')
-          this.canEdit = (this.formIdp.data.currentStep == this.formIdp.data.checkStep && (+(this.formIdp.data.checkStep) <= 1))
+          this.canEdit = (this.formIdp.data.currentStep == this.formIdp.data.checkStep && (+(this.formIdp.data.checkStep) <= 1))  && (this.masfromStatusType != 'Boss_finish' && this.masfromStatusType != 'Not_evaluating_yet')
         }
         switch (this.formIdp.data?.currentStep) {
           case ("0"): {

src/app/components/performance-evaluation/pms-evaluation/pms-evalution.component.html

@@ -1651,8 +1651,8 @@
                         พฤติกรรมที่เป็นจุดแข็ง (EMPLOYEE STRENGTHS AND ACCOMPLISHMENTS)
                     </div>
                     <div class="col-span-1 p-2">
-                        <textarea type="text" rows="2" class="ti-form-input"
-                            [(ngModel)]="appraisalPms.data.employeeStrengths"></textarea>
+                        <textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit"
+                            [readonly]="!canEdit" [(ngModel)]="appraisalPms.data.employeeStrengths"></textarea>
                     </div>
                 </div>
                 <div class="col-span-1 grid-cols-1 text-gray-400">
@@ -1660,8 +1660,8 @@
                         หัวข้อที่ต้องเรียนรู้เพิ่มเติม (สำหรับจุดแข็ง)
                     </div>
                     <div class="col-span-1 p-2">
-                        <textarea type="text" rows="2" class="ti-form-input"
-                            [(ngModel)]="appraisalPms.data.learningTopicsForStrengths"></textarea>
+                        <textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit"
+                            [readonly]="!canEdit" [(ngModel)]="appraisalPms.data.learningTopicsForStrengths"></textarea>
                     </div>
                 </div>
             </div>
@@ -1671,8 +1671,8 @@
                         พฤติกรรมที่เป็นจุดอ่อน (PERFORMANCE AREAS WHICH NEED IMPROVEMENT)
                     </div>
                     <div class="col-span-1 p-2">
-                        <textarea type="text" rows="2" class="ti-form-input"
-                            [(ngModel)]="appraisalPms.data.performanceWeaknesses"></textarea>
+                        <textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit"
+                            [readonly]="!canEdit" [(ngModel)]="appraisalPms.data.performanceWeaknesses"></textarea>
                     </div>
                 </div>
                 <div class="col-span-1 grid-cols-1 text-gray-400">
@@ -1680,7 +1680,8 @@
                         หัวข้อที่ต้องเรียนรู้เพิ่มเติม (สำหรับจุดอ่อน)
                     </div>
                     <div class="col-span-1 p-2">
-                        <textarea type="text" rows="2" class="ti-form-input"
+                        <textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit"
+                            [readonly]="!canEdit"
                             [(ngModel)]="appraisalPms.data.learningTopicsForWeaknesses"></textarea>
                     </div>
                 </div>
@@ -1691,8 +1692,8 @@
                         พฤติกรรมที่ควรได้รับการพัฒนา (PLAN OF ACTION TOWARD IMPROVED PERFORMANCE)
                     </div>
                     <div class="col-span-1 p-2">
-                        <textarea type="text" rows="2" class="ti-form-input"
-                            [(ngModel)]="appraisalPms.data.improvementPlan"></textarea>
+                        <textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit"
+                            [readonly]="!canEdit" [(ngModel)]="appraisalPms.data.improvementPlan"></textarea>
                     </div>
                 </div>
                 <div class="col-span-1 grid-cols-1 text-gray-400">
@@ -1700,7 +1701,8 @@
                         หัวข้อที่ต้องเรียนรู้เพิ่มเติม (สำหรับพฤติกรรมที่ควรได้รับการพัฒนา)
                     </div>
                     <div class="col-span-1 p-2">
-                        <textarea type="text" rows="2" class="ti-form-input"
+                        <textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit"
+                            [readonly]="!canEdit"
                             [(ngModel)]="appraisalPms.data.learningTopicsForImprovement"></textarea>
                     </div>
                 </div>
@@ -1736,7 +1738,8 @@
     <div class="pb-2rem" *ngIf="!part10show"></div>
     <div class="pb-2rem px-2rem" *ngIf="part10show">
         <div class="pb-1rem p-2" *ngIf="appraisalPms.data">
-            <textarea type="text" rows="2" class="ti-form-input" [(ngModel)]="appraisalPms.data.cfrDetail"></textarea>
+            <textarea type="text" rows="2" class="ti-form-input" [class.!bg-input-readonly]="!canEdit"
+                [readonly]="!canEdit" [(ngModel)]="appraisalPms.data.cfrDetail"></textarea>
         </div>
     </div>
 </ng-template>
\ No newline at end of file

src/app/components/performance-evaluation/pms-evaluation/pms-evalution.component.ts

@@ -170,8 +170,8 @@ export class PmsEvalutionComponent {
         }
         this.changePercentage()
         if (this.appraisalPms.data) {
-          this.canSave = (this.appraisalPms.data.currentStep == this.appraisalPms.data.checkStep) && (this.masfromStatusType != 'Boss_finish' && this.masfromStatusType != 'Not_evaluating_yet')
-          this.canEdit = (this.appraisalPms.data.currentStep == this.appraisalPms.data.checkStep)
+          this.canSave = (this.appraisalPms.data.currentStep == this.appraisalPms.data.checkStep) && this.masfromStatusType != 'Boss_finish' && this.masfromStatusType != 'Not_evaluating_yet'
+          this.canEdit = (this.appraisalPms.data.currentStep == this.appraisalPms.data.checkStep) && this.masfromStatusType != 'Boss_finish' && this.masfromStatusType != 'Not_evaluating_yet'
           switch (this.appraisalPms.data?.currentStep) {
             case ("0"): {
               if (this.canSave) {