fix(ui): reflect changes in code after making them in topology (#4901)

kestra-io · Sep 12, 2024 · f6c9ed8 · f6c9ed8
1 parent d40c5b3
commit f6c9ed8
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/ui/src/components/flows/Topology.vue b/ui/src/components/flows/Topology.vue
@@ -11,6 +11,7 @@
                 :expanded-subflows="expandedSubflows"
                 view-type="topology"
                 @expand-subflow="onExpandSubflow($event)"
+                @on-edit="(event) => emit('on-edit', event, true)"
             />
             <el-alert v-else type="warning" :closable="false">
                 {{ $t("unable to generate graph") }}
@@ -27,7 +28,7 @@
             LowCodeEditor,
         },
         emits: [
-            "expand-subflow"
+            "expand-subflow", "on-edit"
         ],
         props: {
             isReadOnly: {

diff --git a/ui/src/components/inputs/EditorView.vue b/ui/src/components/inputs/EditorView.vue
@@ -438,7 +438,7 @@
     };
 
     const onEdit = (event, currentIsFlow = false) => {
-        flowYaml.value = event;
+        editorUpdate(event)
 
         if (currentIsFlow) {
             if (
@@ -1034,6 +1034,7 @@
                 @restart-guided-tour="() => persistViewType(editorViewTypes.SOURCE)"
                 :read-only="isReadOnly"
                 :navbar="false"
+                input
             />
             <section v-else class="no-tabs-opened">
                 <div class="img" />
@@ -1069,7 +1070,7 @@
                     v-if="flowGraph"
                     ref="lowCodeEditorRef"
                     @follow="forwardEvent('follow', $event)"
-                    @on-edit="(e) => onEdit(e, true)"
+                    @on-edit="(event, isFlow) => onEdit(event, isFlow)"
                     @loading="loadingState"
                     @expand-subflow="onExpandSubflow"
                     @swapped-task="onSwappedTask"

diff --git a/ui/src/components/inputs/LowCodeEditor.vue b/ui/src/components/inputs/LowCodeEditor.vue
@@ -156,7 +156,7 @@
                     });
                     return;
                 }
-                emit("on-edit", YamlUtils.deleteTask(props.source, event.id, section))
+                emit("on-edit", YamlUtils.deleteTask(props.source, event.id, section), true)
             },
             () => {
             }
@@ -197,17 +197,17 @@
         if (task === undefined || (task && YamlUtils.parse(event).id === taskEditData.value.oldTaskId)) {
             switch (taskEditData.value.action) {
             case("create_task"):
-                emit("on-edit", YamlUtils.insertTask(source, taskEditData.value.insertionDetails[0], event, taskEditData.value.insertionDetails[1]))
+                emit("on-edit", YamlUtils.insertTask(source, taskEditData.value.insertionDetails[0], event, taskEditData.value.insertionDetails[1]), true)
                 return;
             case("edit_task"):
                 emit("on-edit", YamlUtils.replaceTaskInDocument(
                     source,
                     taskEditData.value.oldTaskId,
                     event
-                ))
+                ), true)
                 return;
             case("add_flowable_error"):
-                emit("on-edit", YamlUtils.insertErrorInFlowable(props.source, event, taskEditData.value.taskId))
+                emit("on-edit", YamlUtils.insertErrorInFlowable(props.source, event, taskEditData.value.taskId), true)
                 return;
             }
         } else {
@@ -276,7 +276,7 @@
 
     const onSwappedTask = (event) => {
         emit("swapped-task", event.swappedTasks);
-        emit("on-edit", event.newSource);
+        emit("on-edit", event.newSource, true);
     }
 
     const message = (event) => {