validasi mandatory hari

src/app/_layout/footer/footer.component.html

@@ -13,7 +13,7 @@
         href="https://allbestsistem.com/"
         target="_blank"
         style="background-color: #ffffff !important;"
-        >Smart Building Management Systems (V@2024-08-27.2)
+        >Smart Building Management Systems (V@2024-08-28.1)
       </a></span
     >
   </p>

src/app/content/hemat-app/device/control-scheduler/control-scheduler.component.html

@@ -80,8 +80,12 @@
             }}</label>
           </div>
         </div>
+        <div *ngIf="myForm.hasError('noDaySelected') && myForm.touched" class="text-danger">
+          Please select at least one day.
+        </div>
       </div>
       
+
       <!-- Checkbox for Repeat -->
       <div class="form-group col-md-12">
         <label style="color: #242222">Repeat:</label>

src/app/content/hemat-app/device/control-scheduler/control-scheduler.component.ts

@@ -85,6 +85,7 @@ export class ControlSchedulerComponent {
     });
 
     this.myForm = this.fb.group(controls);
+    this.myForm.setValidators(this.atLeastOneDaySelectedValidator());
   }
 
   editForm() {
@@ -105,6 +106,15 @@ export class ControlSchedulerComponent {
     });
   }
 
+  atLeastOneDaySelectedValidator() {
+    return (formGroup: FormGroup) => {
+      const selectedDays = this.daysOfWeek.some(
+        (day) => formGroup.get(day.value)?.value
+      );
+      return selectedDays ? null : { noDaySelected: true };
+    };
+  }
+
   onDayChange(day: string, isChecked: boolean) {
     if (isChecked) {
       this.selectedDays.push(day);
@@ -114,46 +124,44 @@ export class ControlSchedulerComponent {
   }
 
   save() {
-    const formValues = this.myForm.value;
-
-    // Collect selected days' labels
-    const selectedDays = this.daysOfWeek
-      .filter((day) => formValues[day.value])
-      .map((day) => day.value);
-
-    // Construct the final output
-    let result = {};
-
-    if (this.mode === "add") {
-      result = {
-        name: formValues.name,
-        device_id: formValues.device_id,
-        timeset: formValues.timeset,
-        recurring: formValues.recurring,
-        active: formValues.active,
-        switch: formValues.switch,
-        days: selectedDays,
-      };
-    } else {
-      result = {
-        id: this.data.id,
-        name: formValues.name,
-        device_id: formValues.device_id,
-        timeset: formValues.timeset,
-        recurring: formValues.recurring,
-        active: formValues.active,
-        switch: formValues.switch,
-        days: selectedDays,
-      };
-    }
-
     if (this.myForm.valid) {
+      const formValues = this.myForm.value;
+
+      // Collect selected days' labels
+      const selectedDays = this.daysOfWeek
+        .filter((day) => formValues[day.value])
+        .map((day) => day.value);
+
+      // Construct the final output
+      let result = {};
+
+      if (this.mode === "add") {
+        result = {
+          name: formValues.name,
+          device_id: formValues.device_id,
+          timeset: formValues.timeset,
+          recurring: formValues.recurring,
+          active: formValues.active,
+          switch: formValues.switch,
+          days: selectedDays,
+        };
+      } else {
+        result = {
+          id: this.data.id,
+          name: formValues.name,
+          device_id: formValues.device_id,
+          timeset: formValues.timeset,
+          recurring: formValues.recurring,
+          active: formValues.active,
+          switch: formValues.switch,
+          days: selectedDays,
+        };
+      }
+
       this.activeModal.close(result);
     } else {
       this.markFormGroupTouched(this.myForm);
     }
-
-    // console.log("Form Result: ", result);
   }
 
   markFormGroupTouched(formGroup: FormGroup) {

src/app/login/login.component.html

@@ -138,7 +138,7 @@
                 <p
                   class="card-subtitle line-on-side text-muted text-center font-small-3 mx-2 my-1"
                 >
-                  <span>(v@2024.08.27.2)</span>
+                  <span>(v@2024.08.28.1)</span>
                 </p>
                 <!-- <div class="card-body">
                   <a