@data-fair/lib-vuetify 1.9.2 → 1.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-fair/lib-vuetify",
-  "version": "1.9.2",
+  "version": "1.10.0",
   "description": "Components based on the Vuetify 3 UI lib for the data-fair stack.",
   "main": "index.js",
   "files": [
@@ -23,7 +23,7 @@
   },
   "type": "module",
   "dependencies": {
-    "@data-fair/lib-common-types": "^1.1.0",
+    "@data-fair/lib-common-types": "^1.10.4",
     "@mdi/js": "^7.4.47"
   }
 }

package/personal-menu.vue

@@ -102,7 +102,7 @@
             v-for="organization in switchableOrganizations"
             :id="'toolbar-menu-switch-orga-' + organization.id"
             :key="organization.id"
-            @click="session.switchOrganization(organization.id , organization.department)"
+            @click="session.switchOrganization(organization.id , organization.department, organization.role)"
           >
             <template #prepend>
               <v-avatar
@@ -113,8 +113,8 @@
             <v-list-item-title>
               {{ organization.name }}
             </v-list-item-title>
-            <v-list-item-subtitle v-if="organization.department">
-              {{ organization.departmentName || organization.department }}
+            <v-list-item-subtitle v-if="organization.department || organization.roleLabel">
+              {{ organization.departmentName || organization.department }} {{ organization.roleLabel }}
             </v-list-item-subtitle>
           </v-list-item>
         </template>
@@ -210,9 +210,9 @@ const session = useSession()
 const { t } = useI18n({ useScope: 'local' })
 const { user, account } = toRefs(session.state)
 const switchableOrganizations = computed(() => {
-  const { user, account } = session.state
+  const { user, account, accountRole } = session.state
   if (!user || !account) return
-  return user.organizations.filter(o => account.type === 'user' || account.id !== o.id || (account.department || null) !== (o.department || null))
+  return user.organizations.filter(o => account.type === 'user' || account.id !== o.id || (account.department || null) !== (o.department || null) || (accountRole || null) !== (o.role || null))
 })
 </script>
 

package/personal-menu.vue.js

@@ -9,10 +9,10 @@ const session = useSession();
 const { t } = useI18n({ useScope: 'local' });
 const { user, account } = toRefs(session.state);
 const switchableOrganizations = computed(() => {
-    const { user, account } = session.state;
+    const { user, account, accountRole } = session.state;
     if (!user || !account)
         return;
-    return user.organizations.filter(o => account.type === 'user' || account.id !== o.id || (account.department || null) !== (o.department || null));
+    return user.organizations.filter(o => account.type === 'user' || account.id !== o.id || (account.department || null) !== (o.department || null) || (accountRole || null) !== (o.role || null));
 });
 const __VLS_fnComponent = (await import('vue')).defineComponent({});
 ;
@@ -180,7 +180,7 @@ function __VLS_template() {
                             return;
                         if (!((__VLS_ctx.user.organizations.length > 1 || (__VLS_ctx.user.organizations.length === 1 && (!__VLS_ctx.user.ipa || __VLS_ctx.account.type === 'user')))))
                             return;
-                        __VLS_ctx.session.switchOrganization(organization.id, organization.department);
+                        __VLS_ctx.session.switchOrganization(organization.id, organization.department, organization.role);
                     }
                 };
                 let __VLS_99;
@@ -202,13 +202,14 @@ function __VLS_template() {
                 (organization.name);
                 __VLS_nonNullable(__VLS_115.slots).default;
                 const __VLS_115 = __VLS_pickFunctionalComponentCtx(__VLS_110, __VLS_112);
-                if (organization.department) {
+                if (organization.department || organization.roleLabel) {
                     const __VLS_116 = __VLS_resolvedLocalAndGlobalComponents.VListItemSubtitle;
                     /** @type { [typeof __VLS_components.VListItemSubtitle, typeof __VLS_components.vListItemSubtitle, typeof __VLS_components.VListItemSubtitle, typeof __VLS_components.vListItemSubtitle, ] } */
                     // @ts-ignore
                     const __VLS_117 = __VLS_asFunctionalComponent(__VLS_116, new __VLS_116({}));
                     const __VLS_118 = __VLS_117({}, ...__VLS_functionalComponentArgsRest(__VLS_117));
                     (organization.departmentName || organization.department);
+                    (organization.roleLabel);
                     __VLS_nonNullable(__VLS_121.slots).default;
                     const __VLS_121 = __VLS_pickFunctionalComponentCtx(__VLS_116, __VLS_118);
                 }