feat(ui): improvements of no code editor (#6916)

* feat(ui): improve the one of task section * chore(ui): change expected prop type to match what is sent * chore(ui): allow number input fields to span full width * chore(ui): remove disabled parameter from buttons which don't need it
kestra-io · Jan 23, 2025 · 9501880 · 9501880
1 parent 9781ff1
commit 9501880
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 12 deletions.
diff --git a/ui/src/components/code/components/inputs/InputPair.vue b/ui/src/components/code/components/inputs/InputPair.vue
@@ -46,7 +46,7 @@
     const emits = defineEmits(["update:modelValue"]);
     const props = defineProps({
         modelValue: {
-            type: Array as PropType<PairField["value"][]>,
+            type: Object as PropType<PairField["value"][]>,
             default: undefined,
         },
         label: {type: String, required: true},

diff --git a/ui/src/components/flows/tasks/TaskComplex.vue b/ui/src/components/flows/tasks/TaskComplex.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-input :model-value="JSON.stringify(values)" :disabled="true">
+    <el-input :model-value="JSON.stringify(values)">
         <template #append>
             <el-button
                 :icon="TextSearch"

diff --git a/ui/src/components/flows/tasks/TaskCondition.vue b/ui/src/components/flows/tasks/TaskCondition.vue
@@ -1,8 +1,5 @@
 <template>
-    <el-input
-        :model-value="JSON.stringify(values)"
-        :disabled="true"
-    >
+    <el-input :model-value="JSON.stringify(values)">
         <template #append>
             <el-button :icon="TextSearch" @click="isOpen = true" />
         </template>

diff --git a/ui/src/components/flows/tasks/TaskTask.vue b/ui/src/components/flows/tasks/TaskTask.vue
@@ -1,8 +1,5 @@
 <template>
-    <el-input
-        :model-value="JSON.stringify(values)"
-        :disabled="true"
-    >
+    <el-input :model-value="JSON.stringify(values)">
         <template #append>
             <el-button :icon="TextSearch" @click="isOpen = true" />
         </template>

diff --git a/ui/src/components/settings/BasicSettings.vue b/ui/src/components/settings/BasicSettings.vue
@@ -605,7 +605,8 @@
     };
 </script>
 <style>
-    .el-input-number {
+
+    .settings-wrapper .el-input-number {
         max-width: 20vw;
     }
 

diff --git a/ui/src/components/settings/components/Wrapper.vue b/ui/src/components/settings/components/Wrapper.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-row class="my-5">
+    <el-row class="my-5 settings-wrapper">
         <el-col
             :xs="layout(24, 0)"
             :sm="layout(20, 2)"