From 9529da581af7933f3c064cc18ebbbeac699cb4ef Mon Sep 17 00:00:00 2001
From: Fuzi_fauzia <fuzi.fauzia@allbestsistem.com>
Date: Tue, 20 Aug 2024 16:04:45 +0700
Subject: [PATCH] alert mandatory monitoring list

---
 .../add-edit-list/add-edit-list.component.html       | 12 +++---------
 .../add-edit-list/add-edit-list.component.ts         | 10 ++++++++++
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/app/content/hemat-app/list-monitoring/add-edit-list/add-edit-list.component.html b/src/app/content/hemat-app/list-monitoring/add-edit-list/add-edit-list.component.html
index 23253f7..75e8025 100644
--- a/src/app/content/hemat-app/list-monitoring/add-edit-list/add-edit-list.component.html
+++ b/src/app/content/hemat-app/list-monitoring/add-edit-list/add-edit-list.component.html
@@ -68,15 +68,9 @@
                                 <i class="feather ft-plus"> New Building</i>
                               </button>
                             </div>
-                            <small
-                              class="form-text text-muted danger"
-                              *ngIf="submitted && f.buildingId.errors"
-                              class="invalid-feedback"
-                            >
-                              <div *ngIf="f.buildingId.errors.required">
-                                Building is required
-                              </div>
-                            </small>
+                            <div *ngIf="projectInfo.get('buildingId').touched && projectInfo.get('buildingId').invalid" class="text-danger">
+                              Building is required.
+                            </div>
                           </div>
                           <div class="form-group">
                             <label for="floorId" style="color: #242222"
diff --git a/src/app/content/hemat-app/list-monitoring/add-edit-list/add-edit-list.component.ts b/src/app/content/hemat-app/list-monitoring/add-edit-list/add-edit-list.component.ts
index 98e55f7..9c98b65 100644
--- a/src/app/content/hemat-app/list-monitoring/add-edit-list/add-edit-list.component.ts
+++ b/src/app/content/hemat-app/list-monitoring/add-edit-list/add-edit-list.component.ts
@@ -294,6 +294,7 @@ export class AddEditListComponent {
   save() {
     if (this.mode === "add") {
       if (this.projectInfo.invalid) {
+        this.markFormGroupTouched(this.projectInfo)
         return;
       }
       const formData = this.projectInfo.value;
@@ -318,6 +319,15 @@ export class AddEditListComponent {
     }
   }
 
+  markFormGroupTouched(formGroup: FormGroup) {
+    (Object as any).values(formGroup.controls).forEach((control) => {
+      control.markAsTouched();
+      if (control.controls) {
+        this.markFormGroupTouched(control);
+      }
+    });
+  }
+
   cancel() {
     this.router.navigate(["/list-monitoring"]);
   }