remove permission object

.env.development

@@ -0,0 +1 @@
+VITE_API_URL= https://localhost:9500/api

.env.production

@@ -0,0 +1 @@
+VITE_API_URL= https://members.tecamino.com/api

src/boot/axios.ts

@@ -3,12 +3,11 @@ import type { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse } fro
 import axios from 'axios';
 import { useLogin } from 'src/vueLib/login/useLogin';
 
-const host = window.location.hostname;
+const host = import.meta.env.VITE_API_URL;
-export const portApp = 9500;
 
 // Create axios instance
 export const appApi: AxiosInstance = axios.create({
-  baseURL: `https://${host}:${portApp}/api`,
+  baseURL: host,
   timeout: 10000,
   withCredentials: true,
 });

src/components/EventEditAllDialog.vue

@@ -49,7 +49,7 @@ function open(Event: Event | null) {
   }
 
   if (Event !== null) {
-    localEvent.value = Event;
+    localEvent.value = { ...Event };
     newEvent.value = false;
   } else {
     localEvent.value = {

src/components/MemberEditAllDialog.vue

@@ -132,7 +132,7 @@ function open(member: Member | null) {
   }
 
   if (member !== null) {
-    localMember.value = member;
+    localMember.value = { ...member };
     newMember.value = false;
   } else {
     localMember.value = {

src/components/RoleEditAllDialog.vue

@@ -60,7 +60,7 @@ function open(role: Role | null, typ?: 'permissions') {
 
   showRoleField.value = typ !== 'permissions';
   if (role !== null) {
-    localRole.value = role;
+    localRole.value = { ...role };
     localRole.value.permissions = role.permissions || defaultPermissions;
     newRole.value = false;
   } else {
@@ -80,7 +80,7 @@ function save() {
   if (newRole.value) {
     query = 'roles/add';
     update = false;
-    localRole.value.permissions = defaultPermissions;
+    localRole.value.permissions = localRole.value.permissions ?? defaultPermissions;
   }
 
   appApi

src/components/UserEditAllDialog.vue

@@ -149,7 +149,7 @@ async function open(user: User | null) {
   }
 
   if (user !== null) {
-    localUser.value = user;
+    localUser.value = { ...user };
     newUser.value = false;
   } else {
     localUser.value = {

src/pages/SettingsPage.vue

@@ -8,7 +8,7 @@
           <p class="text-bold text-h6 text-primary q-pa-md">{{ $t('general') }}</p>
           <div class="row">
             <q-input
-              :readonly="!user.isPermittedTo('userSettings', 'write')"
+              :readonly="!user.isPermittedTo('settings', 'write')"
               :class="[
                 colorGroup ? 'col-md-4' : 'col-md-3',
                 colorGroup ? 'col-md-6' : 'col-md-6',
@@ -25,7 +25,7 @@
           <p class="text-bold text-h6 text-primary q-pa-md">{{ $t('database') }}</p>
           <div class="row">
             <q-input
-              :readonly="!user.isPermittedTo('userSettings', 'write')"
+              :readonly="!user.isPermittedTo('settings', 'write')"
               :class="[
                 colorGroup ? 'col-md-4' : 'col-md-3',
                 colorGroup ? 'col-md-6' : 'col-md-6',
@@ -55,7 +55,7 @@
               <div class="col-12 col-sm-6 col-md-3 q-px-md">
                 <p class="text-center text-bold text-h6 text-primary">{{ $t('primaryColor') }}</p>
                 <q-color
-                  :disable="!user.isPermittedTo('userSettings', 'write')"
+                  :disable="!user.isPermittedTo('settings', 'write')"
                   bordered
                   class="q-mx-md"
                   v-model="settings.primaryColor"
@@ -75,7 +75,7 @@
                   {{ $t('primaryColorText') }}
                 </p>
                 <q-color
-                  :disable="!user.isPermittedTo('userSettings', 'write')"
+                  :disable="!user.isPermittedTo('settings', 'write')"
                   bordered
                   class="q-mx-md"
                   v-model="settings.primaryColorText"
@@ -86,7 +86,7 @@
                   {{ $t('secondaryColor') }}
                 </p>
                 <q-color
-                  :disable="!user.isPermittedTo('userSettings', 'write')"
+                  :disable="!user.isPermittedTo('settings', 'write')"
                   class="q-mx-md"
                   v-model="settings.secondaryColor"
                 ></q-color>
@@ -105,14 +105,14 @@
                   {{ $t('secondaryColorText') }}
                 </p>
                 <q-color
-                  :disable="!user.isPermittedTo('userSettings', 'write')"
+                  :disable="!user.isPermittedTo('settings', 'write')"
                   class="q-mx-md"
                   v-model="settings.secondaryColorText"
                 ></q-color>
               </div>
             </div>
             <q-btn
-              :disable="!user.isPermittedTo('userSettings', 'write')"
+              :disable="!user.isPermittedTo('settings', 'write')"
               class="q-my-md q-mx-md"
               color="secondary"
               dense

src/vueLib/checkboxes/CheckBoxGroupPermissions.vue

@@ -2,7 +2,6 @@
   <q-card>
     <q-card bordered v-for="(permission, index) in localPermission" v-bind:key="index">
       <q-card-section class="text-center">
-        {{ permission }}
         <div class="text-h7 text-bold text-primary">{{ $t(permission.name) }}</div>
       </q-card-section>
       <q-separator></q-separator>

src/vueLib/tables/roles/RoleTable.ts

@@ -17,14 +17,6 @@ export function useRoleTable() {
   });
 
   const columns = computed(() => [
-    {
-      name: 'id',
-      align: 'left' as const,
-      label: 'Id',
-      field: 'id',
-      sortable: true,
-      style: 'width: 50px; max-width: 50px;',
-    },
     {
       name: 'role',
       align: 'left' as const,

src/vueLib/tables/users/UserTable.ts

@@ -15,14 +15,6 @@ export function useUserTable() {
   });
 
   const columns = computed(() => [
-    {
-      name: 'id',
-      align: 'left' as const,
-      label: 'Id',
-      field: 'id',
-      sortable: true,
-      style: 'width: 50px; max-width: 50px;',
-    },
     {
       name: 'user',
       align: 'left' as const,