ソースを参照

replace website menu by a button when empty

Olivier Massot 5 ヶ月 前
コミット
d4d506bb84
1 ファイル変更23 行追加2 行削除
  1. 23 2
      components/Layout/Header.vue

+ 23 - 2
components/Layout/Header.vue

@@ -29,7 +29,23 @@ Contient entre autres le nom de l'organisation, l'accès à l'aide et aux préf
 
     <LayoutHeaderHomeBtn v-if="smAndUp" />
 
-    <LayoutHeaderMenu name="WebsiteList" :translate-label="false" />
+    <LayoutHeaderMenu
+      v-if="isWebsitesMenuNotEmpty"
+      name="WebsiteList"
+      :translate-label="false"
+    />
+
+    <v-btn
+      v-else
+      icon
+      size="small"
+      class="ml-2"
+      href="https://opentalent.fr"
+      target="_blank"
+    >
+      <v-icon icon="fas fa-globe-americas" class="on-primary" />
+    </v-btn>
+
 
     <LayoutHeaderMenu name="MyAccesses" />
 
@@ -73,7 +89,7 @@ const title: ComputedRef<string> = computed(
   () => organizationProfile.name ?? 'Opentalent',
 )
 
-const { hasMenu, isMenuOpened, toggleMenu } = useMenu()
+const { hasMenu, isMenuOpened, toggleMenu, getMenu } = useMenu()
 
 const { smAndUp } = useDisplay()
 
@@ -113,6 +129,11 @@ const showUniversalButton =
   ability.can('manage', 'equipments')
 
 const layoutStore = useLayoutStore()
+
+const websitesMenu = getMenu('WebsiteList')
+const isWebsitesMenuNotEmpty = computed(() => websitesMenu?.children?.length > 0)
+
+
 </script>
 
 <style scoped>