Merge pull request #309 from multinet-app/permissions-query-param

Add query param suppot for permissions dialog

Author: JackWilb

src/components/PermissionsDialog.vue

@@ -215,6 +215,7 @@ import type {
 import {
   RoleLevel,
 } from '@/utils/permissions';
+import { useRoute } from 'vue-router/composables';
 
 export interface UserPermissionSpec {
   role: Role;
@@ -237,7 +238,10 @@ export default defineComponent({
     },
   },
   setup(props) {
-    const permDialog = ref(false);
+    const workspacePermissionsEditable = computed(() => store.getters.permissionLevel >= RoleLevel.maintainer);
+
+    const route = useRoute();
+    const permDialog = ref(workspacePermissionsEditable.value && route.query.permissions === 'true');
     const mutablePermissions: Ref<WorkspacePermissionsSpec | null> = ref(null);
     const userSearchString: Ref<string | null> = ref(null);
     const userSearchResults: Ref<UserSearchResult[]> = ref([]);
@@ -308,8 +312,6 @@ export default defineComponent({
     }
     const throttledUserSearch = debounce(searchUsers, 200);
 
-    const workspacePermissionsEditable = computed(() => store.getters.permissionLevel >= RoleLevel.maintainer);
-
     function initMutableData(permissions: WorkspacePermissionsSpec) {
       mutablePermissions.value = cloneDeep(permissions);
       publicToggle.value = permissions.public;

src/components/WorkspaceOptionMenu.vue

@@ -5,6 +5,7 @@
     offset-y
     origin="center center"
     transition="scale-transition"
+    eager
   >
     <template #activator="{ on }">
       <v-btn