From 82de9cbb96c62c10239c9fb8a2297202fbefe8d5 Mon Sep 17 00:00:00 2001
From: YannC <37600690+Skraye@users.noreply.github.com>
Date: Tue, 28 Jan 2025 00:07:47 +0100
Subject: [PATCH] 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 <actions@github.com>
---
 ui/src/components/dashboard/components/Header.vue | 12 ++++++++++++
 ui/src/components/filter/segments/Dashboards.vue  |  4 ++--
 ui/src/components/filter/utils/icons.ts           |  4 +++-
 ui/src/translations/de.json                       |  3 ++-
 ui/src/translations/en.json                       |  1 +
 ui/src/translations/es.json                       |  3 ++-
 ui/src/translations/fr.json                       |  3 ++-
 ui/src/translations/hi.json                       |  3 ++-
 ui/src/translations/it.json                       |  3 ++-
 ui/src/translations/ja.json                       |  3 ++-
 ui/src/translations/ko.json                       |  3 ++-
 ui/src/translations/pl.json                       |  3 ++-
 ui/src/translations/pt.json                       |  3 ++-
 ui/src/translations/ru.json                       |  3 ++-
 ui/src/translations/zh_CN.json                    |  3 ++-
 15 files changed, 40 insertions(+), 14 deletions(-)

diff --git a/ui/src/components/dashboard/components/Header.vue b/ui/src/components/dashboard/components/Header.vue
index a057e37c24e..439f5c8f3df 100644
--- 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
index ee01eee5624..ca7d006fadb 100644
--- 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
index 05b464b6589..bfa5693ce97 100644
--- 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
index 58b0345ca5a..46348cdb10b 100644
--- 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"
   }
 }
\ No newline at end of file
diff --git a/ui/src/translations/en.json b/ui/src/translations/en.json
index c1643de6d57..4d9259e0aaf 100644
--- 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
index 91ad068ac96..0f32d6010a0 100644
--- 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"
   }
 }
\ No newline at end of file
diff --git a/ui/src/translations/fr.json b/ui/src/translations/fr.json
index 2013018e7d6..03bdf7a0349 100644
--- 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"
   }
 }
\ No newline at end of file
diff --git a/ui/src/translations/hi.json b/ui/src/translations/hi.json
index bb165cd2cd8..f78c80dde05 100644
--- 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": "डैशबोर्ड बनाएं"
   }
 }
\ No newline at end of file
diff --git a/ui/src/translations/it.json b/ui/src/translations/it.json
index 0adf5af1ce1..659719d6597 100644
--- 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"
   }
 }
\ No newline at end of file
diff --git a/ui/src/translations/ja.json b/ui/src/translations/ja.json
index 1bfef35831e..addbcba71b1 100644
--- 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": "ダッシュボードを作成"
   }
 }
\ No newline at end of file
diff --git a/ui/src/translations/ko.json b/ui/src/translations/ko.json
index 8de72aa6e65..029ef99b851 100644
--- 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": "대시보드 생성"
   }
 }
\ No newline at end of file
diff --git a/ui/src/translations/pl.json b/ui/src/translations/pl.json
index 234cb058125..ed85075c761 100644
--- 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"
   }
 }
\ No newline at end of file
diff --git a/ui/src/translations/pt.json b/ui/src/translations/pt.json
index 65e28b4d8dd..62466a5448c 100644
--- 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"
   }
 }
\ No newline at end of file
diff --git a/ui/src/translations/ru.json b/ui/src/translations/ru.json
index f6517d85462..b2dd1f77a36 100644
--- 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"
   }
 }
\ No newline at end of file
diff --git a/ui/src/translations/zh_CN.json b/ui/src/translations/zh_CN.json
index 38dd8ac5c2f..a7a512ebe97 100644
--- 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": "创建仪表板"
   }
 }
\ No newline at end of file