Merge branch 'main' into wfprev-946/dropdown-warning-text

Author: sukhpalp

client/wfprev-war/src/main/angular/src/app/components/edit-project/activities/activities.component.scss

@@ -279,9 +279,6 @@
 :host ::ng-deep .mat-mdc-checkbox-disabled .mdc-label {
   margin-left: 12px !important;
 }
-:host ::ng-deep .add-activity .shared-icon-button {
-  height: 40px !important;
-}
 
 ::ng-deep .mat-form-field-disabled .mdc-text-field {
     margin-top: 6px;

client/wfprev-war/src/main/angular/src/app/components/edit-project/wfprev-performance-update/wfprev-performance-updates.component.html

@@ -5,7 +5,11 @@
                 <wfprev-expansion-indicator
                     [isExpanded]="performanceUpdatesPanels.expanded"></wfprev-expansion-indicator>
                 <span class="project-title">Performance Updates</span>
-                <wfprev-icon-button [text]="'New Update'" [icon]="'/assets/add-button.svg'" [alt]="'add-update'"
+                <wfprev-icon-button
+                    class="new-update"
+                    [text]="'New Update'" 
+                    [icon]="'/assets/add-button.svg'" 
+                    [alt]="'new-update'"
                     [iconSize]="19" (clicked)="openDialog()">
                 </wfprev-icon-button>
             </div>

client/wfprev-war/src/main/angular/src/app/components/shared/icon-button/icon-button.component.scss

@@ -9,6 +9,7 @@
   background: #013366;
   border: none;
   font-family: "BCSans", "Noto Sans", Verdana, Arial, sans-serif;
+
   .icon {
     vertical-align: text-bottom;
     padding-right: 5px;
@@ -24,8 +25,15 @@
     align-items: center;
     gap: 6px;
   }
+
   &:disabled {
     background-color: #c0c0c0;
     cursor: not-allowed;
   }
+}
+
+:host-context(.new-update) .shared-icon-button,
+:host-context(.add-activity) .shared-icon-button {
+  width: 153px;
+  height: 40px;
 }

client/wfprev-war/src/main/angular/src/app/components/wfprev-performance-update-modal-window/wfprev-performance-update-modal-window.component.ts

@@ -41,7 +41,7 @@ export class PerformanceUpdateModalWindowComponent {
       ]
     }),
 
-    forecastRationale: new FormControl("", { validators: [Validators.required] }),
+    forecastRationale: new FormControl({value: '', disabled: true}, { validators: [Validators.required] }),
 
     highRisk: new FormControl<number | null>(null, {
       validators: [
@@ -107,6 +107,16 @@ export class PerformanceUpdateModalWindowComponent {
   }
 
   private bindAmountValidation() {
+    this.revisedForecastControl.valueChanges.subscribe(value => {
+      if (value && value > 0) {
+        this.forecastRationaleControl.enable();
+      } else {
+        this.forecastRationaleControl.reset();
+        this.forecastRationaleControl.disable();
+      }
+      this.calculateTotalAmount();
+    });
+
     this.highRiskControl.valueChanges.subscribe(value => {
       if (value > 0) {
         this.highRiskDescriptionControl.enable();