feat(ui): multiple improvements of no code editor (#7076)

* fix(ui): allow creation of multiple tasks from the no code editor * chore(ui): make input text be of textarea type for resizability * chore(ui): allow to add task from topology either before or after the target one
kestra-io · Jan 30, 2025 · e46df06 · e46df06
1 parent c08f4f2
commit e46df06
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 6 deletions.
diff --git a/ui/src/components/code/components/inputs/InputText.vue b/ui/src/components/code/components/inputs/InputText.vue
@@ -2,7 +2,14 @@
     <span v-if="required" class="me-1 text-danger">*</span>
     <span v-if="label" class="label">{{ label }}</span>
     <div class="mt-1 mb-2 wrapper" :class="props.class">
-        <el-input v-model="input" @input="handleInput" :placeholder :disabled />
+        <el-input
+            v-model="input"
+            @input="handleInput"
+            :placeholder
+            :disabled
+            type="textarea"
+            :autosize="{minRows: 1}"
+        />
     </div>
 </template>
 

diff --git a/ui/src/components/code/segments/Task.vue b/ui/src/components/code/segments/Task.vue
@@ -146,9 +146,9 @@
             const action = props.creation
                 ? YamlUtils.insertTask(
                     source,
-                    YamlUtils.getLastTask(source),
+                    route.query.target ?? YamlUtils.getLastTask(source),
                     task,
-                    "after",
+                    route.query.position ?? "after",
                 )
                 : YamlUtils.replaceTaskInDocument(
                     source,

diff --git a/ui/src/components/inputs/EditorView.vue b/ui/src/components/inputs/EditorView.vue
@@ -799,8 +799,8 @@
         }
 
         haveChange.value = true;
-        store.dispatch("core/isUnsaved", true);
-
+        if(editorViewType.value === "YAML") store.dispatch("core/isUnsaved", true);
+        
         if(!props.isCreating){
             store.commit("editor/changeOpenedTabs", {
                 action: "dirty",

diff --git a/ui/src/components/inputs/LowCodeEditor.vue b/ui/src/components/inputs/LowCodeEditor.vue
@@ -293,10 +293,12 @@
         );
     };
 
-    const onCreateNewTask = () => {
+    const onCreateNewTask = (details) => {
         emit("openNoCode", {
             section: SECTIONS.TASKS.toLowerCase(),
             identifier: "new",
+            target: details[0],
+            position: details[1],
         });
     };