new release

backend/go.mod

@@ -3,7 +3,7 @@ module backend
 go 1.25.4
 
 require (
-	gitea.tecamino.com/paadi/access-handler v1.0.48
+	gitea.tecamino.com/paadi/access-handler v1.0.51
 	gitea.tecamino.com/paadi/memberDB v1.1.30
 	gitea.tecamino.com/paadi/tecamino-dbm v1.0.0
 	gitea.tecamino.com/paadi/tecamino-logger v0.2.1

backend/go.sum

@@ -1,5 +1,5 @@
-gitea.tecamino.com/paadi/access-handler v1.0.48 h1:PYZvOwR9HCORAFpm7Nd5ZXvWwT5w04OvbcHhVHmPJlw=
-gitea.tecamino.com/paadi/access-handler v1.0.48/go.mod h1:0kUGU4Jw2jSvopCCwecuX/2QnVKS09Ec1KQNrBXvsFs=
+gitea.tecamino.com/paadi/access-handler v1.0.51 h1:kTPwN+0Zw/Uyfo6el1jl5ORzIrjQdC8PUlczoN9mBS4=
+gitea.tecamino.com/paadi/access-handler v1.0.51/go.mod h1:0kUGU4Jw2jSvopCCwecuX/2QnVKS09Ec1KQNrBXvsFs=
 gitea.tecamino.com/paadi/dbHandler v1.1.12 h1:F1ARSTUm0MZmF84FfD/g5RQNMYyDYXHYrB3cXPSi4qw=
 gitea.tecamino.com/paadi/dbHandler v1.1.12/go.mod h1:y/xn/POJg1DO++67uKvnO23lJQgh+XFQq7HZCS9Getw=
 gitea.tecamino.com/paadi/memberDB v1.1.30 h1:N+3V9A/+OAGIoJeUNVHj1qUuBcy6ADLYFIgCnp2Ggk4=

package.json

@@ -1,6 +1,6 @@
 {
   "name": "lightcontrol",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "A Tecamino App",
   "productName": "Attendence Records",
   "author": "A. Zuercher",

src/boot/auth.ts

@@ -1,29 +1,35 @@
 import { boot } from 'quasar/wrappers';
-import { appApi } from './axios';
 import { createPinia } from 'pinia';
 import { useUserStore } from 'src/vueLib/login/userStore';
 import { useLogin } from 'src/vueLib/login/useLogin';
+import { Me, openDatabase } from 'src/vueLib/components/DatabaseCall';
 
 const pinia = createPinia();
 
 export default boot(async ({ app }) => {
   app.use(pinia);
-  const useStore = useUserStore();
+  const userStore = useUserStore();
   const login = useLogin();
 
-  await appApi
-    .get('/login/me')
-    .then((resp) => {
-      useStore
-        .setUser({
-          id: resp.data.id,
-          user: resp.data.username,
-          role: { role: resp.data.role, permissions: [] },
-        })
-        .catch((err) => console.error(err));
-      login.refresh().catch((err) => console.error(err));
+  const resp = await Me().catch(() =>
+    login.logout().catch((err) => {
+      console.error(err);
+      return;
+    }),
+  );
+
+  if (!resp) return;
+
+  await userStore
+    .setUser({
+      id: resp.data.id,
+      user: resp.data.username,
+      role: { role: resp.data.role, permissions: [] },
+      workspaceId: resp.data.workspaceId,
+      settings: resp.data.settings,
     })
-    .catch(() => {
-      login.logout().catch((err) => console.error(err));
-    });
+    .catch((err) => console.error(err));
+  login.refresh().catch((err) => console.error(err));
+
+  await openDatabase().catch((err) => console.error(err));
 });

src/boot/quasar-global.ts

@@ -1,7 +1,7 @@
 import { boot } from 'quasar/wrappers';
 import { setQuasarInstance } from 'src/vueLib/utils/globalQ';
 import { setRouterInstance } from 'src/vueLib/utils/globalRouter';
-import { databaseName, logo, appName, workspace } from 'src/vueLib/models/settings';
+import { logo, appName } from 'src/vueLib/models/settings';
 import { Dark } from 'quasar';
 import { getLocalDarkMode, getLocalSettings } from 'src/localstorage/localStorage';
 
@@ -20,8 +20,6 @@ export default boot(({ app, router }) => {
   if (settings.appName) {
     appName.value = settings.appName;
   }
-  databaseName.value = settings.databaseName;
-  workspace.value = settings.workspace?.uuid ?? '';
 
   document.documentElement.style.setProperty('--q-primary', settings.primaryColor ?? '#1976d2');
   document.documentElement.style.setProperty(

src/boot/restore-route.js

@@ -1,15 +1,14 @@
 import { boot } from 'quasar/wrappers';
 import { useUserStore } from 'src/vueLib/login/userStore';
-import { appApi } from './axios';
 import { getLocalLastRoute, setLocalLastRoute } from 'src/localstorage/localStorage';
+import { Me } from 'src/vueLib/components/DatabaseCall';
 
 export default boot(async ({ router }) => {
   const userStore = useUserStore();
   // load user
   try {
-    const { data } = await appApi.get('/login/me');
+    const data = await Me();
     userStore.setFirstLogin(data.newDatabase);
-
     data.role.role = data.role;
     await userStore.setUser(data);
   } catch {

src/components/AddToEvent.vue

@@ -74,7 +74,9 @@ function open(title: string, members: Members) {
   appApi
     .get('events')
     .then((resp) => {
-      events.value.push(...resp.data.map((e: Event) => (e.name = e.name + ' (' + e.date + ')')));
+      events.value.push(
+        ...resp.data.map((e: Event) => ({ ...e, name: e.name + ' (' + e.date + ')' })),
+      );
     })
     .catch((err) => {
       NotifyResponse(err, 'error');
@@ -109,7 +111,7 @@ async function addAttendees() {
     });
 
   await updateAttendees(0);
-  updateEvents();
+  await updateEvents();
 }
 
 let resolveNewEvent!: (value: Event) => void;

src/localstorage/localStorage.ts

@@ -1,12 +1,10 @@
 import { Dark } from 'quasar';
-import { appName, databaseName, workspace, type Settings } from 'src/vueLib/models/settings';
+import { appName, type Settings } from 'src/vueLib/models/settings';
 import { ref } from 'vue';
 
 export function setLocalSettings(settings: Settings) {
-  localStorage.setItem('icon', settings.icon);
-  localStorage.setItem('appName', settings.appName);
-  localStorage.setItem('databaseName', settings.databaseName);
-  localStorage.setItem('workspace', settings.workspace?.uuid || '');
+  if (settings.icon !== '') localStorage.setItem('icon', settings.icon);
+  if (settings.appName !== '') localStorage.setItem('appName', settings.appName);
   localStorage.setItem('primaryColor', settings.primaryColor);
   localStorage.setItem('primaryColorText', settings.primaryColorText);
   localStorage.setItem('secondaryColor', settings.secondaryColor);
@@ -18,27 +16,14 @@ export function getLocalSettings(): Settings {
   if (name === undefined || name === 'undefined') {
     name = appName.value;
   }
-
-  let db = localStorage.getItem('databaseName');
-  if (db === undefined || db === 'undefined') {
-    db = databaseName.value;
-  }
-
   let iconName = localStorage.getItem('icon');
   if (iconName === undefined || iconName === 'undefined') {
     iconName = '';
   }
 
-  let ws = localStorage.getItem('workspace');
-  if (ws === undefined || ws === 'undefined') {
-    ws = workspace.value || '';
-  }
-
   return <Settings>{
     icon: iconName,
     appName: name,
-    workspace: { name: '', description: '', uuid: ws },
-    databaseName: db,
     primaryColor: localStorage.getItem('primaryColor'),
     primaryColorText: localStorage.getItem('primaryColorText'),
     secondaryColor: localStorage.getItem('secondaryColor'),
@@ -49,8 +34,6 @@ export function getLocalSettings(): Settings {
 export function clearLocalStorage() {
   localStorage.removeItem('icon');
   localStorage.removeItem('appName');
-  localStorage.removeItem('workspace');
-  localStorage.removeItem('databaseName');
   localStorage.removeItem('primaryColor');
   localStorage.removeItem('primaryColorText');
   localStorage.removeItem('secondaryColor');

src/pages/ReportPage.vue

@@ -147,7 +147,6 @@ import type { Group, Groups } from 'src/vueLib/models/group';
 import { getLocalPageDefaults, setLocalPageDefaults } from 'src/localstorage/localStorage';
 import html2pdf from 'html2pdf.js';
 import type { PageDefault } from 'src/vueLib/models/pageDefaults';
-import { openDatabase } from 'src/vueLib/components/DatabaseCall';
 
 const filter = ref<string>('');
 const group = ref<Group[]>([]);
@@ -180,14 +179,8 @@ const columns = computed(() => [
   },
 ]);
 
-onMounted(async () => {
+onMounted(() => {
   loading.value = true;
-  await openDatabase()
-    .catch((err) => NotifyResponse(err, 'error'))
-
-    .finally(() => {
-      loading.value = false;
-    });
   appApi
     .get('/groups')
     .then((resp) => (groups.value = resp.data))

src/pages/SettingsPage.vue

@@ -38,7 +38,7 @@
               :label="$t('workspaces')"
               :options="localUser?.workspaces"
               option-label="name"
-              v-model="settings.workspace"
+              v-model="localWorkspace"
               @update:model-value="changeWorkspace"
             ></q-select>
             <q-select
@@ -187,7 +187,7 @@
 </template>
 
 <script setup lang="ts">
-import { logo, appName, databaseName, workspace } from 'src/vueLib/models/settings';
+import { logo, appName } from 'src/vueLib/models/settings';
 import { onMounted, reactive, ref, watch } from 'vue';
 import { appApi } from 'src/boot/axios';
 import { useNotify } from 'src/vueLib/general/useNotify';
@@ -195,9 +195,11 @@ import type { Settings } from 'src/vueLib/models/settings';
 import { useUserStore } from 'src/vueLib/login/userStore';
 import { setLocalSettings } from 'src/localstorage/localStorage';
 import SiteTitle from 'src/vueLib/general/SiteTitle.vue';
-import type { User } from 'src/vueLib/models/user';
+import { type User } from 'src/vueLib/models/user';
 import { i18n } from 'src/boot/lang';
 import DialogFrame from 'src/vueLib/dialog/DialogFrame.vue';
+import type { Workspace } from 'src/vueLib/models/workspaces';
+import { openDatabase } from '../vueLib/components/DatabaseCall';
 
 const { NotifyResponse } = useNotify();
 const colorGroup = ref(false);
@@ -207,11 +209,11 @@ const newDatabase = ref<string>('');
 const foundDatabases = ref<number>(0);
 const localUser = ref<User>();
 const databases = ref<string[]>([]);
+const localWorkspace = ref<Workspace>();
+
 const settings = reactive<Settings>({
   appName: appName.value,
   icon: logo.value,
-  databaseName: databaseName.value,
-  workspace: { name: '', description: '', uuid: workspace.value },
   primaryColor: document.documentElement.style.getPropertyValue('--q-primary'),
   primaryColorText: document.documentElement.style.getPropertyValue('--q-primary-text'),
   secondaryColor: document.documentElement.style.getPropertyValue('--q-secondary'),
@@ -224,11 +226,15 @@ onMounted(async () => {
     .then((resp) => {
       if (!resp.data) return;
       localUser.value = resp.data[0];
-      settings.workspace = localUser.value?.settings?.workspace || null;
+      localWorkspace.value = localUser.value?.workspaces?.find(
+        (w) => w.id === localUser.value?.workspaceId,
+      );
+
+      if (localUser.value) {
+        settings.databaseName = localUser.value.settings?.databaseName || '';
 
-      if (settings.workspace) {
         appApi
-          .post('workspaces/data', settings.workspace)
+          .post('workspaces/data', localWorkspace.value)
           .then((resp) => {
             if (!resp.data) {
               settings.databaseName = '';
@@ -239,8 +245,6 @@ onMounted(async () => {
             foundDatabases.value = resp.data.data.length;
           })
           .catch((err) => NotifyResponse(err, 'error'));
-      } else {
-        settings.databaseName = '';
       }
     })
     .catch((err) => NotifyResponse(err, 'error'));
@@ -249,7 +253,6 @@ onMounted(async () => {
 watch(settings, (newSettings) => {
   logo.value = newSettings.icon;
   appName.value = newSettings.appName;
-  databaseName.value = newSettings.databaseName;
 });
 
 function resetColors() {
@@ -265,7 +268,7 @@ function resetColors() {
 
 function changeWorkspace() {
   appApi
-    .post('workspaces/data', settings.workspace)
+    .post('workspaces/data', localWorkspace.value)
     .then((resp) => {
       if (resp.data) {
         databases.value = [i18n.global.t('addNewDatabase')];
@@ -277,8 +280,10 @@ function changeWorkspace() {
 }
 
 function changeDatabase() {
-  if (databases.value.indexOf(settings.databaseName) === 0) {
-    addDatabaseRef.value?.open();
+  if (settings.databaseName) {
+    if (databases.value.indexOf(settings.databaseName) === 0) {
+      addDatabaseRef.value?.open();
+    }
   }
 }
 
@@ -297,7 +302,7 @@ function addNewDatabase() {
   addDatabaseRef.value.close();
 }
 
-function save() {
+async function save() {
   document.documentElement.style.setProperty('--q-primary', settings.primaryColor);
   document.documentElement.style.setProperty('--q-primary-text', settings.primaryColorText);
   document.documentElement.style.setProperty('--q-secondary', settings.secondaryColor);
@@ -309,8 +314,12 @@ function save() {
   }
 
   setLocalSettings(settings);
+  if (localUser.value) {
+    await user.setUser(localUser.value);
+    localUser.value.workspaceId = localWorkspace.value?.id;
+  }
 
-  appApi
+  await appApi
     .post('users/update', localUser.value)
     .then(() =>
       NotifyResponse(
@@ -324,5 +333,7 @@ function save() {
       ),
     )
     .catch((err) => NotifyResponse(err, 'error'));
+
+  await openDatabase().catch((err) => console.error(err));
 }
 </script>

src/pages/StatsPage.vue

@@ -52,7 +52,7 @@ import { appApi } from 'src/boot/axios';
 import { i18n } from 'src/boot/lang';
 import SiteTitle from 'src/vueLib/general/SiteTitle.vue';
 import { useNotify } from 'src/vueLib/general/useNotify';
-import { databaseName, workspace } from 'src/vueLib/models/settings';
+import { useUserStore } from 'src/vueLib/login/userStore';
 import { onMounted, ref } from 'vue';
 
 const stats = ref();
@@ -71,8 +71,11 @@ const amounts = ref<{
 const { NotifyResponse } = useNotify();
 
 onMounted(async () => {
-  let path = databaseName.value;
-  if (workspace.value !== '') path = workspace.value + '/' + path;
+  const user = useUserStore().user;
+  const workspaceUuid = useUserStore().getWorkspaceUuid;
+  let path = user?.settings?.databaseName;
+  if (workspaceUuid !== undefined) path = workspaceUuid + '/' + path;
+
   stats.value = await appApi
     .post('/stats', { database: path })
     .then((resp) => {

src/vueLib/components/DatabaseCall.ts

@@ -1,10 +1,22 @@
 import { appApi } from 'src/boot/axios';
-import { databaseName, workspace } from '../models/settings';
+import { useUserStore } from '../login/userStore';
+import type { User } from '../models/users';
+import { useNotify } from '../general/useNotify';
 
 export async function openDatabase() {
-  let path = databaseName.value;
-  if (workspace.value !== '') {
-    path = workspace.value + '/' + path;
+  const user = useUserStore().user;
+
+  if (!user) return;
+  const tempUser = (await getUser(user?.id)) as User | void;
+
+  if (!tempUser) return;
+  let path = '';
+
+  path = tempUser.settings?.databaseName || '';
+
+  if (tempUser.workspaces) {
+    path = tempUser.workspaces.find((w) => w.id === tempUser.workspaceId)?.uuid || '';
+    path = path + '/' + tempUser.settings?.databaseName;
   }
 
   return appApi.post('database/open', {
@@ -12,3 +24,20 @@ export async function openDatabase() {
     create: true,
   });
 }
+
+async function getUser(id: number): Promise<User | null> {
+  const { NotifyResponse } = useNotify();
+  return appApi
+    .get(`/users?id=${id}`)
+    .then((resp) => {
+      return resp.data[0];
+    })
+    .catch((err) => {
+      NotifyResponse(err, 'error');
+      return null;
+    });
+}
+
+export async function Me() {
+  return appApi.get('/login/me');
+}

src/vueLib/login/useLogin.ts

@@ -5,6 +5,7 @@ import type { Settings } from '../models/settings';
 import { appName, logo } from '../models/settings';
 import { clearLocalStorage, setLocalSettings } from 'src/localstorage/localStorage';
 import { routerInstance } from 'src/router';
+import { Me } from '../components/DatabaseCall';
 
 const refreshTime = 10000;
 let intervalId: ReturnType<typeof setInterval> | null = null;
@@ -31,12 +32,14 @@ export function useLogin() {
         setLocalSettings(sets);
       });
 
-      const resp = await appApi.get('/login/me');
+      const resp = await Me();
+
       await userStore
         .setUser({
           id: resp.data.id,
           user: resp.data.user,
           role: { role: resp.data.role, permissions: [] },
+          workspaceId: resp.data.workspace,
         })
         .catch((err) => NotifyResponse(err, 'error'));
 
@@ -60,31 +63,31 @@ export function useLogin() {
   }
 
   async function refresh() {
-    await appApi
-      .post('login/refresh', {}, { withCredentials: true })
-      .then(() => {
-        appApi
-          .get('/login/me')
-          .then((resp) => {
-            userStore
-              .setUser({
-                id: resp.data.id,
-                user: resp.data.user,
-                role: { role: resp.data.role, permissions: [] },
-              })
-              .catch((err) => NotifyResponse(err, 'error'));
-            if (!intervalId) {
-              startRefreshInterval();
-            }
-            return true;
-          })
-          .catch(() => {});
+    await appApi.post('login/refresh', {}, { withCredentials: true }).catch(() => {
+      userStore.clearUser();
+      return;
+    });
+
+    const resp = await Me();
+    if (!resp) {
+      stopRefreshInterval();
+      return false;
+    }
+    userStore
+      .setUser({
+        id: resp.data.id,
+        user: resp.data.user,
+        role: { role: resp.data.role, permissions: [] },
+        workspaceId: resp.data.workspace,
+        settings: resp.data.settings,
       })
-      .catch(() => {
-        userStore.clearUser();
-      });
-    stopRefreshInterval();
-    return false;
+      .catch((err) => NotifyResponse(err, 'error'));
+
+    if (!intervalId) {
+      startRefreshInterval();
+    }
+
+    return true;
   }
 
   function startRefreshInterval() {

src/vueLib/login/userStore.ts

@@ -50,6 +50,9 @@ export const useUserStore = defineStore('user', {
         }
       };
     },
+    getWorkspaceUuid: (state: UserState) => {
+      return state.user?.workspaces?.find((w) => w.id === state.user?.workspaceId)?.uuid;
+    },
   },
   actions: {
     setFirstLogin(b: boolean) {

src/vueLib/models/settings.ts

@@ -1,16 +1,12 @@
 import { ref } from 'vue';
-import type { Workspace } from './workspaces';
 
 export const logo = ref<string>('');
 export const appName = ref<string>('Attendance Records');
-export const databaseName = ref<string>('members.dba');
-export const workspace = ref<string>('');
 
 export type Settings = {
   appName: string;
   icon: string;
-  databaseName: string;
-  workspace: Workspace | null;
+  databaseName?: string;
   primaryColor: string;
   primaryColorText: string;
   secondaryColor: string;
@@ -21,8 +17,6 @@ export function DefaultSettings(): Settings {
   return {
     appName: 'Attendance Records',
     icon: '',
-    databaseName: 'members.dba',
-    workspace: { name: '', description: '', uuid: workspace.value },
     primaryColor: document.documentElement.style.getPropertyValue('--q-primary-text'),
     primaryColorText: document.documentElement.style.getPropertyValue('--q-primary'),
     secondaryColor: document.documentElement.style.getPropertyValue('--q-secondary'),

src/vueLib/models/user.ts

@@ -1,6 +1,7 @@
 import type { Permissions } from '../checkboxes/permissions';
 import type { Role } from './roles';
 import type { Settings } from './settings';
+import type { Workspaces } from './workspaces';
 
 export interface User {
   id: number;
@@ -9,7 +10,8 @@ export interface User {
   permissions?: Permissions;
   settings?: Settings;
   newDatabase?: boolean;
-  workspaces?: string[];
+  workspaceId?: number | undefined;
+  workspaces?: Workspaces;
 }
 
 export interface UserState {

src/vueLib/models/users.ts

@@ -12,6 +12,7 @@ export interface User {
   password?: string;
   newPassword?: string;
   settings?: Settings;
+  workspaceId?: number;
   workspaces?: Workspace[];
 }
 

src/vueLib/tables/events/EventsTable.ts

@@ -63,10 +63,10 @@ export function useEventTable() {
   const loading = ref(false);
 
   //updates Event list from database
-  function updateEvents() {
+  async function updateEvents() {
     loading.value = true;
 
-    appApi
+    await appApi
       .get('events')
       .then((resp) => {
         if (resp.data === null) {

src/vueLib/tables/events/EventsTable.vue

@@ -116,7 +116,7 @@
 
 <script setup lang="ts">
 import { appApi } from 'src/boot/axios';
-import { ref, onMounted } from 'vue';
+import { onMounted, ref } from 'vue';
 import type { Event, Events } from 'src/vueLib/models/event';
 import EditOneDialog from 'src/components/EditOneDialog.vue';
 import EditAllDialog from 'src/components/EventEditAllDialog.vue';
@@ -129,7 +129,6 @@ import type { Members } from 'src/vueLib/models/member';
 import { i18n } from 'src/boot/lang';
 import SearchableInput from '../components/SearchableInput.vue';
 import TopButtonGroup from '../components/TopButtonGroup.vue';
-import { openDatabase } from 'src/vueLib/components/DatabaseCall';
 
 export interface EventDialog {
   getSelected: () => Events;
@@ -149,19 +148,8 @@ const user = useUserStore();
 
 const { Events, pagination, loading, columns, updateEvents } = useEventTable();
 
-//load on mounting page
 onMounted(async () => {
-  loading.value = true;
-
-  await openDatabase()
-    .then(() => {
-      updateEvents();
-    })
-    .catch((err) => NotifyResponse(err, 'error'))
-
-    .finally(() => {
-      loading.value = false;
-    });
+  await updateEvents();
 });
 
 // opens dialog for all Event values
@@ -193,17 +181,17 @@ function openAttendees(eventArray: number, attendees: Members | null) {
 }
 
 //remove Event from database
-function removeEvent(...removeEvents: Events) {
+async function removeEvent(...removeEvents: Events) {
   const EventIds: number[] = [];
 
   removeEvents.forEach((Event: Event) => {
     EventIds.push(Event.id);
   });
 
-  appApi
+  await appApi
     .post('events/delete', { ids: EventIds })
     .then(() => {
-      updateEvents();
+      updateEvents().catch((err) => NotifyResponse(err, 'error'));
       selected.value = [];
     })
     .catch((err) => NotifyResponse(err, 'error'))

src/vueLib/tables/group/GroupTable.vue

@@ -123,7 +123,6 @@ import SearchableInput from '../components/SearchableInput.vue';
 import TopButtonGroup from '../components/TopButtonGroup.vue';
 import { getAllMembers } from '../members/MembersTable';
 import type { Members } from 'src/vueLib/models/member';
-import { openDatabase } from 'src/vueLib/components/DatabaseCall';
 
 const { NotifyResponse } = useNotify();
 const groupDialog = ref();
@@ -146,18 +145,8 @@ onMounted(async () => {
   loading.value = true;
 
   members.value = await getAllMembers();
-
-  await openDatabase()
-    .then(() => {
-      updateGroups().catch((err) => {
-        NotifyResponse(err, 'error');
-      });
-    })
-    .catch((err) => NotifyResponse(err, 'error'))
-
-    .finally(() => {
-      loading.value = false;
-    });
+  await updateGroups();
+  loading.value = false;
 });
 
 //opens dialog for one value

src/vueLib/tables/members/MembersTable.vue

@@ -215,7 +215,6 @@ import FilterSelect from '../components/FilterSelect.vue';
 import TopButtonGroup from '../components/TopButtonGroup.vue';
 import { getLocalPageDefaults, setLocalPageDefaults } from 'src/localstorage/localStorage';
 import type { PageDefault } from 'src/vueLib/models/pageDefaults';
-import { openDatabase } from 'src/vueLib/components/DatabaseCall';
 
 const inProps = defineProps({
   addAttendees: { type: Boolean },
@@ -295,15 +294,10 @@ onMounted(async () => {
   // set custom filter
   setNewFilter(selectedColumnFilter.value, ...selectedColumnOptions.value);
 
-  await openDatabase()
-    .then(() => {
-      updateTable().catch((err) => NotifyResponse(err, 'error'));
-    })
-    .catch((err) => NotifyResponse(err, 'error'))
-
-    .finally(() => {
-      loading.value = false;
-    });
+  await updateMembers(localCompareMembers.value, inProps.addResponsible).catch((err) =>
+    NotifyResponse(err, 'error'),
+  );
+  loading.value = false;
 });
 
 async function updateTable(add?: Members) {

src/vueLib/tables/responsible/ResponsibleTable.vue

@@ -101,7 +101,7 @@
 
 <script setup lang="ts">
 import { appApi } from 'src/boot/axios';
-import { ref, onMounted } from 'vue';
+import { onMounted, ref } from 'vue';
 import DialogFrame from 'src/vueLib/dialog/DialogFrame.vue';
 import MembersTable from '../members/MembersTable.vue';
 import type { Members } from 'src/vueLib/models/member';
@@ -113,7 +113,6 @@ import { i18n } from 'src/boot/lang';
 import type { Responsible, Responsibles } from 'src/vueLib/models/responsible';
 import SearchableInput from '../components/SearchableInput.vue';
 import TopButtonGroup from '../components/TopButtonGroup.vue';
-import { openDatabase } from 'src/vueLib/components/DatabaseCall';
 
 const { NotifyResponse } = useNotify();
 const responsibleDialog = ref();
@@ -128,21 +127,8 @@ const user = useUserStore();
 const { responsibleMember, pagination, loading, columns, updateResponsibles } =
   useResponsibleTable();
 
-//load on mounting page
 onMounted(async () => {
-  loading.value = true;
-
-  await openDatabase()
-    .then(() => {
-      updateResponsibles().catch((err) => {
-        NotifyResponse(err, 'error');
-      });
-    })
-    .catch((err) => NotifyResponse(err, 'error'))
-
-    .finally(() => {
-      loading.value = false;
-    });
+  await updateResponsibles();
 });
 
 //opens dialog for one value

src/vueLib/tables/roles/RoleTable.ts

@@ -5,6 +5,7 @@ import { i18n } from 'boot/lang';
 import type { Roles } from 'src/vueLib/models/roles';
 import { useUserStore } from 'src/vueLib/login/userStore';
 import { useLogin } from 'src/vueLib/login/useLogin';
+import { Me } from 'src/vueLib/components/DatabaseCall';
 
 export const roles = ref<Roles>([]);
 
@@ -64,21 +65,27 @@ export function useRoleTable() {
       .finally(() => {
         loading.value = false;
       });
-    await appApi
-      .get('/login/me')
-      .then((resp) => {
-        userStore
-          .setUser({
-            id: resp.data.id,
-            user: resp.data.user,
-            role: { role: resp.data.role, permissions: [] },
-          })
-          .catch((err) => NotifyResponse(err, 'error'));
-        login.refresh().catch((err) => NotifyResponse(err, 'error'));
-      })
-      .catch(() => {
-        login.logout().catch((err) => NotifyResponse(err, 'error'));
+
+    const resp = await Me().catch(() => {
+      login.logout().catch((err) => {
+        NotifyResponse(err, 'error');
+        return;
       });
+    });
+
+    if (!resp) return;
+
+    await userStore
+      .setUser({
+        id: resp.data.id,
+        user: resp.data.user,
+        role: { role: resp.data.role, permissions: [] },
+        workspaceId: resp.data.workspaceId,
+        settings: resp.data.settings,
+      })
+      .catch((err) => NotifyResponse(err, 'error'));
+
+    login.refresh().catch((err) => NotifyResponse(err, 'error'));
   }
   return {
     roles,

src/vueLib/tables/workspaces/WorkspaceTable.vue

@@ -129,8 +129,7 @@ import { i18n } from 'src/boot/lang';
 import { QTable } from 'quasar';
 import { useUserStore } from 'src/vueLib/login/userStore';
 import SearchableInput from '../components/SearchableInput.vue';
-import type { User } from 'src/vueLib/models/user';
-import { workspace } from 'src/vueLib/models/settings';
+import { type User } from 'src/vueLib/models/user';
 
 const { NotifyResponse } = useNotify();
 const editOneDialog = ref();
@@ -179,8 +178,11 @@ function openRemoveDialog(...workspaces: Workspaces) {
 function removeWorkspace(...removeWorkspaces: Workspaces) {
   const workspaces: Workspace[] = [];
 
+  const user = useUserStore().user;
+  const usedWorkspaceId = user?.workspaces?.find((w) => w.uuid === user.workspaceId)?.id;
+
   removeWorkspaces.forEach((workspace: Workspace) => {
-    if (workspace.id === currentUser.value?.settings?.workspace) {
+    if (workspace.id === usedWorkspaceId) {
       NotifyResponse(i18n.global.t('notPossibleToDeleteUsedWorkspace'), 'error');
     } else if (workspace.id) {
       workspaces.push(workspace);
@@ -192,11 +194,6 @@ function removeWorkspace(...removeWorkspaces: Workspaces) {
       workspaces: workspaces,
     })
     .then(() => {
-      const storageWorkspace = localStorage.getItem('workspace');
-      if (workspaces.some((w) => w.uuid === storageWorkspace)) {
-        workspace.value = '';
-        localStorage.removeItem('workspace');
-      }
       updateWorkspaces().catch((err) => NotifyResponse(err, 'error'));
       if (workspaces.length === 1) {
         NotifyResponse("'" + workspaces[0]?.name + "' " + i18n.global.t('deleted'), 'warning');