Disabled the pop button if no entities are selected #3618

Signed-off-by: ClementBouvierN <clement.bouvierneveu@rte-france.com>
opfab · Jan 17, 2023 · c46d2f9 · c46d2f9
1 parent a37b0bd
commit c46d2f9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/ui/main/src/app/modules/card/components/card-reponse/card-response.component.html b/ui/main/src/app/modules/card/components/card-reponse/card-response.component.html
@@ -39,6 +39,7 @@
         <button id="opfab-card-details-entity-choice-btn-cancel" type="button" class="opfab-btn-cancel"
             (click)="cancelEntitiesChoice()" translate>button.cancel</button>
         <button id="opfab-card-details-entity-choice-btn-confirm" type="button" class="opfab-btn"
+            [disabled]='!isEntityFormFilled'
             (click)="submitEntitiesChoice()" translate>button.ok</button>
     </div>
 </ng-template>
diff --git a/ui/main/src/app/modules/card/components/card-reponse/card-response.component.ts b/ui/main/src/app/modules/card/components/card-reponse/card-response.component.ts
@@ -62,6 +62,7 @@ export class CardResponseComponent implements OnChanges, OnInit {
 
     public showButton = false;
     public isUserEnabledToRespond = false;
+    public isEntityFormFilled = true;
     public sendingResponseInProgress: boolean;
 
     private entityChoiceModal: NgbModalRef;
@@ -95,6 +96,7 @@ export class CardResponseComponent implements OnChanges, OnInit {
         this.selectEntitiesForm = new FormGroup({
             entities: new FormControl([])
         });
+        this.listenToEntitiesSelection();
     }
 
     ngOnChanges(): void {
@@ -120,6 +122,14 @@ export class CardResponseComponent implements OnChanges, OnInit {
             : 'response.btnUnlock';
     }
 
+    private listenToEntitiesSelection(): void {
+        this.selectEntitiesForm.get('entities').valueChanges.subscribe((selectedEntities) => {
+            this.isEntityFormFilled = selectedEntities.length >= 1;
+            console.log("BOOLEAN : ", this.isEntityFormFilled);
+            console.log("LIST : ", selectedEntities);
+        })
+    }
+
     private computeEntityOptionsDropdownListForResponse(): void {
         this.userEntityOptionsDropdownList = [];
         if (!!this.userEntityIdsPossibleForResponse)