@apptegy/nuxt-navigation 0.1.57 → 0.1.59

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@apptegy/nuxt-navigation",
   "configKey": "@apptegy/nuxt-navigation",
-  "version": "0.1.57",
+  "version": "0.1.59",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "unknown"

package/dist/runtime/components/Nav/HelpArticles.vue

@@ -14,7 +14,11 @@
     <button
       v-if="showHelpArticles"
       :id="!isDropdown && 'help-btn'"
-      :class="['help-articles-btn', !isDropdown && 'help-btn']"
+      :class="[
+        'help-articles-btn', 
+        !isDropdown && 'help-btn',
+        isRoomsUser && `help-btn-${userRoomsRole}`
+      ]"
       :aria-label="isDropdown ? $t('navigation.helpCenter') : $t('navigation.helpArticles')"
       @click="expandDropdown"
     >
@@ -38,7 +42,7 @@
 </template>
 
 <script setup lang="ts">
-import { useSidebar, navigateTo } from "#imports";
+import { useSidebar, navigateTo, useAuth } from "#imports";
 import { ref, computed, onMounted } from 'vue'
 
 interface IHelpArticlesProps {
@@ -48,6 +52,7 @@ interface IHelpArticlesProps {
   showHelpArticles: boolean;
 };
 
+const { userProfile } = useAuth();
 const props = withDefaults(defineProps<IHelpArticlesProps>(), {
   helpArticleOptions: () => [],
   settingsRoute: '',
@@ -62,6 +67,14 @@ const helpBtnActions = ref();
 const dropdownScrollHeight = ref(0);
 const isDropdown = ref(false);
 
+const isRoomsUser = computed(() => {
+  return !!userProfile.value?.roles?.rooms
+});
+
+const userRoomsRole = computed(() => {
+  return userProfile.value?.roles?.rooms
+});
+
 const hasArticles = computed(() => !!props.helpArticleOptions?.values?.length)
 
 onMounted(() => {

package/dist/runtime/components/Nav/Sidebar.vue

@@ -77,10 +77,12 @@
 </template>
 
 <script setup lang="ts">
-import { useSidebar, useBranding, ref, watch } from '#imports';
+import { useSidebar, useBranding, useNuxtApp, ref, watch } from '#imports';
 import type { IApplication, IUser } from "../../types";
 import ApptegyLogo from './Icons/ApptegyLogo.vue';
 
+const { $t } = useNuxtApp();
+
 interface ILogo {
   alt: string;
   src: string;

package/locale/en.json

@@ -0,0 +1,20 @@
+{
+  "navigation": {
+    "logout": "Logout",
+    "accountSettings": "Account settings",
+    "helpCenter": "Help center",
+    "helpArticles": "Help articles",
+    "impersonating": "Impersonating",
+    "clientName": "Client name",
+    "authenticatedAs": "Authenticated as",
+    "skipToContent": "Skip to content",
+    "orgDropdown": "Organization options",
+    "orgPlaceholder": "Start typing to search",
+    "orgBadge": "Intranet",
+    "sidebarToggle": "Menu",
+    "userDropdown": "User settings",
+    "logoAlt": "Thrillshare - Return Home",
+    "brandLogoAlt": "Logo",
+    "website": "School Website"
+  }
+}

package/locale/index.js

@@ -0,0 +1,7 @@
+import navigationLocale from './en.json';
+
+export default {
+	dscl: {
+		...navigationLocale
+	}
+}

package/package.json

@@ -1,18 +1,20 @@
 {
     "name": "@apptegy/nuxt-navigation",
-    "version": "0.1.57",
+    "version": "0.1.59",
     "type": "module",
     "exports": {
         ".": {
             "types": "./dist/types.d.ts",
             "import": "./dist/module.mjs",
             "require": "./dist/module.cjs"
-        }
+        },
+        "./locale/*": "./locale/*"
     },
     "main": "./dist/module.cjs",
     "types": "./dist/types.d.ts",
     "files": [
-        "dist"
+        "dist",
+        "locale"
     ],
     "scripts": {
         "prepack": "nuxt-module-build build",