move notification with new marging and close button close #7

src/boot/restore-route.js

@@ -1,8 +1,16 @@
 import { boot } from 'quasar/wrappers';
 import { useUserStore } from 'src/vueLib/login/userStore';
+import { appApi } from './axios';
 
 export default boot(async ({ router }) => {
   const userStore = useUserStore();
+  // load user
+  try {
+    const { data } = await appApi.get('/login/me');
+    await userStore.setUser(data);
+  } catch {
+    /* ignore error */
+  }
 
   // Restore logic after router is ready but before navigation
   router.isReady().then(() => {

src/vueLib/general/useNotify.ts

@@ -48,9 +48,24 @@ export function useNotify() {
       $q?.notify({
         message: message,
         color: color,
-        position: 'bottom-right',
+        position: 'top-left',
         icon: icon,
         timeout: timeout,
+        classes: 'custom-notify',
+        attrs: {
+          style: 'margin-top: 50px',
+        },
+        actions: [
+          {
+            icon: 'close',
+            color: 'white',
+            dense: true,
+            round: true,
+            handler: () => {
+              /* just closes */
+            },
+          },
+        ],
       });
     }
   }

src/vueLib/login/userStore.ts

@@ -56,9 +56,23 @@ export const useUserStore = defineStore('user', {
         $q?.notify({
           message: "user '" + this.user?.username + "' logged out",
           color: 'orange',
-          position: 'bottom-right',
+          position: 'top-left',
           icon: 'warning',
           timeout: 5000,
+          attrs: {
+            style: 'margin-top: 50px',
+          },
+          actions: [
+            {
+              icon: 'close',
+              color: 'white',
+              dense: true,
+              round: true,
+              handler: () => {
+                /* just closes */
+              },
+            },
+          ],
         });
       } else {
         console.error("user '" + this.user?.username + "' logged out");
@@ -73,9 +87,23 @@ export const useUserStore = defineStore('user', {
           $q?.notify({
             message: err,
             color: 'orange',
-            position: 'bottom-right',
+            position: 'top-left',
             icon: 'warning',
             timeout: 5000,
+            attrs: {
+              style: 'margin-top: 50px',
+            },
+            actions: [
+              {
+                icon: 'close',
+                color: 'white',
+                dense: true,
+                round: true,
+                handler: () => {
+                  /* just closes */
+                },
+              },
+            ],
           });
         } else {
           console.error("user '" + this.user?.username + "' logged out");

src/vueLib/tables/members/MembersTable.ts

@@ -25,7 +25,7 @@ export function useMemberTable() {
     lastName: true,
     birthday: true,
     age: true,
-    address: false,
+    address: true,
     town: true,
     zip: true,
     phone: true,