feat(ui): Design change on dashboard creation (#6984)

* feat(ui): Design change on dashboard creation close #6943 * chore(translations): auto generate values for languages other than english --------- Co-authored-by: GitHub Action <[email protected]>
kestra-io · Jan 27, 2025 · 82de9cb · 82de9cb
1 parent 69b5093
commit 82de9cb
Show file tree

Hide file tree

Showing 15 changed files with 40 additions and 14 deletions.
diff --git a/ui/src/components/dashboard/components/Header.vue b/ui/src/components/dashboard/components/Header.vue
@@ -8,12 +8,23 @@
                             name: 'dashboards/update',
                             params: {id: props.id},
                         }"
+                        data-test-id="dashboard-update-dashboard-button"
                     >
                         <el-button :icon="Pencil">
                             {{ $t("edit_custom_dashboard") }}
                         </el-button>
                     </router-link>
                 </li>
+                <li v-if="!props.id">
+                    <router-link
+                        :to="{name: 'dashboards/create'}"
+                        data-test-id="dashboard-create-dashboard-button"
+                    >
+                        <el-button :icon="ViewDashboardEdit">
+                            {{ $t("create_dashboard") }}
+                        </el-button>
+                    </router-link>
+                </li>
                 <li>
                     <router-link
                         :to="{name: 'flows/create'}"
@@ -42,6 +53,7 @@
 
     import Pencil from "vue-material-design-icons/Pencil.vue";
     import Plus from "vue-material-design-icons/Plus.vue";
+    import ViewDashboardEdit from "vue-material-design-icons/ViewDashboardEdit.vue";
 
     const store = useStore();
     const {t} = useI18n({useScope: "global"});

diff --git a/ui/src/components/filter/segments/Dashboards.vue b/ui/src/components/filter/segments/Dashboards.vue
@@ -1,7 +1,7 @@
 <template>
     <el-dropdown trigger="click" placement="bottom-end">
         <KestraIcon placement="bottom">
-            <el-button :icon="ViewDashboardEdit">
+            <el-button :icon="Menu">
                 {{ selectedDashboard ?? $t('default_dashboard') }}
             </el-button>
         </KestraIcon>
@@ -73,7 +73,7 @@
 <script setup lang="ts">
     import {onBeforeMount, ref, computed, getCurrentInstance} from "vue";
     import KestraIcon from "../../Kicon.vue";
-    import {ViewDashboardEdit, Plus, DeleteOutline, Magnify, Pencil} from "../utils/icons";
+    import {Menu, Plus, DeleteOutline, Magnify, Pencil} from "../utils/icons";
     import {useI18n} from "vue-i18n";
     import {useStore} from "vuex";
     import {useRouter, useRoute} from "vue-router";

diff --git a/ui/src/components/filter/utils/icons.ts b/ui/src/components/filter/utils/icons.ts
@@ -20,6 +20,7 @@ import TagOutline from "vue-material-design-icons/TagOutline.vue";
 import TimelineTextOutline from "vue-material-design-icons/TimelineTextOutline.vue";
 import ViewDashboardEdit from "vue-material-design-icons/ViewDashboardEdit.vue";
 import Pencil from "vue-material-design-icons/Pencil.vue";
+import Menu from "vue-material-design-icons/Menu.vue";
 
 export {
     AccountCheck,
@@ -43,5 +44,6 @@ export {
     TagOutline,
     TimelineTextOutline,
     ViewDashboardEdit,
-    Pencil
+    Pencil,
+    Menu
 };
diff --git a/ui/src/translations/de.json b/ui/src/translations/de.json
@@ -1089,6 +1089,7 @@
       "adding_default": "+ Neuen Wert hinzufügen"
     },
     "export_to_file": "In Datei exportieren",
-    "change state current state": "Aktueller Zustand ist:"
+    "change state current state": "Aktueller Zustand ist:",
+    "create_dashboard": "Dashboard erstellen"
   }
 }
diff --git a/ui/src/translations/en.json b/ui/src/translations/en.json
@@ -999,6 +999,7 @@
     "default_dashboard": "Default Dashboard",
     "custom_dashboard": "Custom Dashboards",
     "create_custom_dashboard": "Create new dashboard",
+    "create_dashboard": "Create Dashboard",
     "edit_custom_dashboard": "Edit Dashboard",
     "custom_dashboard_empty": "There are no results to be shown.",
     "filters": {

diff --git a/ui/src/translations/es.json b/ui/src/translations/es.json
@@ -1089,6 +1089,7 @@
       "adding_default": "+ Añadir un nuevo value"
     },
     "export_to_file": "Exportar a archivo",
-    "change state current state": "Estado actual es:"
+    "change state current state": "Estado actual es:",
+    "create_dashboard": "Crear Panel de Control"
   }
 }
diff --git a/ui/src/translations/fr.json b/ui/src/translations/fr.json
@@ -1089,6 +1089,7 @@
       "adding_default": "+ Ajouter une nouvelle valeur"
     },
     "export_to_file": "Exporter vers un fichier",
-    "change state current state": "Statut actuel :"
+    "change state current state": "Statut actuel :",
+    "create_dashboard": "Créer un tableau de bord"
   }
 }
diff --git a/ui/src/translations/hi.json b/ui/src/translations/hi.json
@@ -1089,6 +1089,7 @@
       "adding_default": "+ एक नया value जोड़ें"
     },
     "export_to_file": "फ़ाइल में निर्यात करें",
-    "change state current state": "वर्तमान स्थिति है:"
+    "change state current state": "वर्तमान स्थिति है:",
+    "create_dashboard": "डैशबोर्ड बनाएं"
   }
 }
diff --git a/ui/src/translations/it.json b/ui/src/translations/it.json
@@ -1089,6 +1089,7 @@
       "adding_default": "+ Aggiungi un nuovo value"
     },
     "export_to_file": "Esporta su file",
-    "change state current state": "Lo stato attuale è:"
+    "change state current state": "Lo stato attuale è:",
+    "create_dashboard": "Crea Dashboard"
   }
 }
diff --git a/ui/src/translations/ja.json b/ui/src/translations/ja.json
@@ -1089,6 +1089,7 @@
       "adding_default": "+ 新しいvalueを追加"
     },
     "export_to_file": "ファイルにエクスポート",
-    "change state current state": "現在のステータスは:"
+    "change state current state": "現在のステータスは:",
+    "create_dashboard": "ダッシュボードを作成"
   }
 }
diff --git a/ui/src/translations/ko.json b/ui/src/translations/ko.json
@@ -1089,6 +1089,7 @@
       "adding_default": "+ 새 value 추가"
     },
     "export_to_file": "파일로 내보내기",
-    "change state current state": "현재 상태는:"
+    "change state current state": "현재 상태는:",
+    "create_dashboard": "대시보드 생성"
   }
 }
diff --git a/ui/src/translations/pl.json b/ui/src/translations/pl.json
@@ -1089,6 +1089,7 @@
       "adding_default": "+ Dodaj nową wartość"
     },
     "export_to_file": "Eksportuj do pliku",
-    "change state current state": "Aktualny status to:"
+    "change state current state": "Aktualny status to:",
+    "create_dashboard": "Utwórz Dashboard"
   }
 }
diff --git a/ui/src/translations/pt.json b/ui/src/translations/pt.json
@@ -1089,6 +1089,7 @@
       "adding_default": "+ Adicionar um novo value"
     },
     "export_to_file": "Exportar para arquivo",
-    "change state current state": "Status atual é:"
+    "change state current state": "Status atual é:",
+    "create_dashboard": "Criar Dashboard"
   }
 }
diff --git a/ui/src/translations/ru.json b/ui/src/translations/ru.json
@@ -1089,6 +1089,7 @@
       "adding_default": "+ Добавить новое value"
     },
     "export_to_file": "Экспортировать в файл",
-    "change state current state": "Текущий статус:"
+    "change state current state": "Текущий статус:",
+    "create_dashboard": "Создать Dashboard"
   }
 }
diff --git a/ui/src/translations/zh_CN.json b/ui/src/translations/zh_CN.json
@@ -1089,6 +1089,7 @@
       "adding_default": "+ 添加新value"
     },
     "export_to_file": "导出到文件",
-    "change state current state": "当前状态是："
+    "change state current state": "当前状态是：",
+    "create_dashboard": "创建仪表板"
   }
 }