From 9501880044a3400049d8fc68bd8e4765e0a40da3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Milo=C5=A1=20Paunovi=C4=87?= <paun992@hotmail.com>
Date: Thu, 23 Jan 2025 19:43:27 +0100
Subject: [PATCH] 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
---
 ui/src/components/code/components/inputs/InputPair.vue | 2 +-
 ui/src/components/flows/tasks/TaskComplex.vue          | 2 +-
 ui/src/components/flows/tasks/TaskCondition.vue        | 5 +----
 ui/src/components/flows/tasks/TaskTask.vue             | 5 +----
 ui/src/components/settings/BasicSettings.vue           | 3 ++-
 ui/src/components/settings/components/Wrapper.vue      | 2 +-
 6 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/ui/src/components/code/components/inputs/InputPair.vue b/ui/src/components/code/components/inputs/InputPair.vue
index e0117c29fd9..ca09d99382c 100644
--- 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
index 8e03f5f1b8f..47df4d9f2ea 100644
--- 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
index 72e3fe78a39..6c690f60ebf 100644
--- 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
index 925a1c8a795..72d42c5f7a2 100644
--- 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
index 68a35cb88d4..86cb7702594 100644
--- 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
index fe13ee5a3d6..be23a8e098e 100644
--- 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)"