diff --git a/vuejs/client/src/components/Dashboard/Menu.vue b/vuejs/client/src/components/Dashboard/Menu.vue
index 942819bb9..dd2f27f07 100644
--- a/vuejs/client/src/components/Dashboard/Menu.vue
+++ b/vuejs/client/src/components/Dashboard/Menu.vue
@@ -18,7 +18,7 @@ const bannerStore = useBannerStore();
// Navigation with components
// resolveComponent allow to replace a tag by a real Vue component
const navList = [
- { tag: "home", svg: "house", svgColor : "cyan", path: "/home" },
+ { tag: "home", svg: "house", svgColor: "cyan", path: "/home" },
{
tag: "instances",
svg: "box",
@@ -29,42 +29,42 @@ const navList = [
{
tag: "global_config",
svg: "settings",
- svgColor : "blue",
+ svgColor: "blue",
path: "/global-config",
},
{
tag: "services",
svg: "disk",
- svgColor : "orange",
+ svgColor: "orange",
path: "/services",
},
{
tag: "configs",
svg: "gear",
- svgColor : "purple",
+ svgColor: "purple",
path: "/configs",
},
{
tag: "plugins",
svg: "puzzle",
- svgColor : "yellow",
+ svgColor: "yellow",
path: "/plugins",
},
{
tag: "cache",
svg: "carton",
- svgColor : "purple",
+ svgColor: "purple",
path: "/cache",
},
{
tag: "reports",
svg: "flag",
- svgColor : "amber",
+ svgColor: "amber",
path: "/reports",
},
- { tag: "bans", svg: "funnel", svgColor : "red", path: "/bans" },
- { tag: "jobs", svg: "task", svgColor : "emerald", path: "/jobs" },
- { tag: "logs", svg: "list", svgColor : "dark", path: "/logs" },
+ { tag: "bans", svg: "funnel", svgColor: "red", path: "/bans" },
+ { tag: "jobs", svg: "task", svgColor: "emerald", path: "/jobs" },
+ { tag: "logs", svg: "list", svgColor: "dark", path: "/logs" },
];
// Social links
@@ -73,25 +73,25 @@ const socialList = [
tag: "twitter",
href: "https://twitter.com/bunkerity",
svg: "twitter",
- svgColor : "twitter"
+ svgColor: "twitter",
},
{
tag: "linkedin",
href: "https://www.linkedin.com/company/bunkerity/",
svg: "linkedin",
- svgColor : "linkedin"
+ svgColor: "linkedin",
},
{
tag: "discord",
href: "https://discord.gg/fTf46FmtyD",
svg: "discord",
- svgColor : "discord"
+ svgColor: "discord",
},
{
tag: "github",
href: "https://github.com/bunkerity",
svg: "github",
- svgColor: "github"
+ svgColor: "github",
},
];
@@ -101,7 +101,7 @@ const menu = reactive({
isActive: false, // Handle menu display/expand
isDesktop: true, // Expand logic exclude with desktop
currPath: false,
- username : "",
+ username: "",
});
function getDarkMode() {
@@ -165,9 +165,12 @@ onBeforeMount(() => {
});
// Get username
- const dataAtt = 'data-server-global';
+ const dataAtt = "data-server-global";
const dataEl = document.querySelector(`[${dataAtt}]`);
- const data = dataEl && !dataEl.getAttribute(dataAtt).includes(dataAtt) ? JSON.parse(dataEl.getAttribute(dataAtt)) : {};
+ const data =
+ dataEl && !dataEl.getAttribute(dataAtt).includes(dataAtt)
+ ? JSON.parse(dataEl.getAttribute(dataAtt))
+ : {};
menu.username = data?.username || "";
});
@@ -255,15 +258,32 @@ onBeforeMount(() => {
{{ $t("dashboard_logo_link_label") }}
-
-
+
+