edit career-cluster

src/app/DPU/myjob/company-department/career-cluster/career-cluster.component.html

@@ -172,13 +172,13 @@
       <div class="ti-modal-body px-4">
         <div class="grid grid-cols-12 gap-4">
 
-          <div class="xl:col-span-12 col-span-12" *ngIf="action == 'edit'">
-            <label for="deal-title" class="form-label">{{'Career Cluster ID' | translate}}</label>
-            <input type="text" class="form-control !bg-input-readonly" id="deal-title" placeholder="" 
-            [(ngModel)]="selectModel.careerClusterId" [disabled]="action === 'edit'">
-            <!-- <div class="text-danger" *ngIf="!selectModel.careerClusterId">
+          <div class="xl:col-span-12 col-span-12">
+            <label for="deal-title" class="form-label">{{'Category ID' | translate}}</label>
+            <input type="text" class="form-control" [ngClass]="{ '!bg-input-readonly': action === 'edit' }"
+              id="deal-title" placeholder="" [(ngModel)]="selectModel.careerClusterId" [readonly]="action === 'edit'">
+            <div class="text-danger" *ngIf="!selectModel.careerClusterId">
               {{'Please fill in information' | translate}}
-            </div> -->
+            </div>
           </div>
 
           <div class="xl:col-span-12 col-span-12">
@@ -220,8 +220,8 @@
           {{'Cancel' | translate}}
         </button>
         <button type="button" (click)="save()" class="ti-btn bg-primary text-white !font-medium" 
-        [class.ti-btn-disabled]="!selectModel.thName||!selectModel.engName||!selectModel.chinaName"
-              [disabled]="!selectModel.thName||!selectModel.engName||!selectModel.chinaName">{{'Save' | translate}}</button>
+        [class.ti-btn-disabled]="!selectModel.careerClusterId||!selectModel.thName||!selectModel.engName||!selectModel.chinaName"
+              [disabled]="!selectModel.careerClusterId||!selectModel.thName||!selectModel.engName||!selectModel.chinaName">{{'Save' | translate}}</button>
       </div>
     </div>
   </div>