fix(ui): better inputs validation for backfill

close #7008

Author: Skraye

Diff for: ui/src/components/flows/FlowTriggers.vue

@@ -190,7 +190,7 @@
             <el-button
                 type="primary"
                 @click="postBackfill()"
-                :disabled="checkBackfill()"
+                :disabled="checkBackfill"
             >
                 {{ $t("execute backfill") }}
             </el-button>
@@ -293,22 +293,6 @@
             },
             cleanBackfill() {
                 return {...this.backfill, labels: this.backfill.labels.filter(label => label.key && label.value)}
-            }
-        },
-        methods: {
-            userCan(action) {
-                return this.user.isAllowed(permission.EXECUTION, action ? action : action.READ, this.flow.namespace);
-            },
-            loadData() {
-                if(!this.triggersWithType.length) return;
-
-                this.$store
-                    .dispatch("trigger/find", {namespace: this.flow.namespace, flowId: this.flow.id, size: this.triggersWithType.length})
-                    .then(triggers => this.triggers = triggers.results);
-            },
-            setBackfillModal(trigger, bool) {
-                this.isBackfillOpen = bool
-                this.selectedTrigger = trigger
             },
             checkBackfill() {
                 if (!this.backfill.start) {
@@ -319,11 +303,12 @@
                 }
                 if (this.flow.inputs) {
                     const requiredInputs = this.flow.inputs.map(input => input.required !== false ? input.id : null).filter(i => i !== null)
+
                     if (requiredInputs.length > 0) {
                         if (!this.backfill.inputs) {
                             return true
                         }
-                        const fillInputs = Object.keys(this.backfill.inputs).filter(i => this.backfill.inputs[i])
+                        const fillInputs = Object.keys(this.backfill.inputs).filter(i => this.backfill.inputs[i] !== null && this.backfill.inputs[i] !== undefined);
                         if (requiredInputs.sort().join(",") !== fillInputs.sort().join(",")) {
                             return true
                         }
@@ -338,6 +323,22 @@
                 }
                 return false
             },
+        },
+        methods: {
+            userCan(action) {
+                return this.user.isAllowed(permission.EXECUTION, action ? action : action.READ, this.flow.namespace);
+            },
+            loadData() {
+                if(!this.triggersWithType.length) return;
+
+                this.$store
+                    .dispatch("trigger/find", {namespace: this.flow.namespace, flowId: this.flow.id, size: this.triggersWithType.length})
+                    .then(triggers => this.triggers = triggers.results);
+            },
+            setBackfillModal(trigger, bool) {
+                this.isBackfillOpen = bool
+                this.selectedTrigger = trigger
+            },
             postBackfill() {
                 this.$store.dispatch("trigger/update", {
                     ...this.selectedTrigger,