change whole backend and tables for gorm table references

simplify tables with table components close #31

src/vueLib/tables/responsible/ResponsibleTable.ts

@@ -3,9 +3,13 @@ import { ref, computed } from 'vue';
 import type { Members } from 'src/vueLib/models/member';
 import { useNotify } from 'src/vueLib/general/useNotify';
 import { i18n } from 'boot/lang';
+import type { Responsibles } from 'src/vueLib/models/responsible';
+import MenuComponent from '../components/MenuComponent.vue';
+import ClickableComponent from '../components/ClickableComponent.vue';
 
 export function useResponsibleTable() {
-  const responsibles = ref<Members>([]);
+  const responsibleMember = ref<Members>([]);
+  const responsibles = ref<Responsibles>([]);
 
   const pagination = ref({
     sortBy: 'firstName',
@@ -21,6 +25,7 @@ export function useResponsibleTable() {
       label: i18n.global.t('prename'),
       field: 'firstName',
       sortable: true,
+      component: ClickableComponent,
     },
     {
       name: 'lastName',
@@ -28,8 +33,16 @@ export function useResponsibleTable() {
       label: i18n.global.t('lastName'),
       field: 'lastName',
       sortable: true,
+      component: ClickableComponent,
+    },
+    {
+      name: 'option',
+      align: 'center' as const,
+      label: '',
+      field: 'option',
+      icon: 'option',
+      component: MenuComponent,
     },
-    { name: 'option', align: 'center' as const, label: '', field: 'option', icon: 'option' },
   ]);
 
   const { NotifyResponse } = useNotify();
@@ -43,11 +56,17 @@ export function useResponsibleTable() {
     await appApi
       .get('responsible')
       .then((resp) => {
+        responsibleMember.value = [];
         if (resp.data === null) {
-          responsibles.value = [];
           return;
         }
-        responsibles.value = resp.data as Members;
+
+        responsibles.value = resp.data as Responsibles;
+        responsibles.value.forEach((d) => {
+          d.member.memberId = d.memberId;
+          d.member.id = d.id;
+          responsibleMember.value.push(d.member);
+        });
       })
 
       .catch((err) => {
@@ -60,6 +79,7 @@ export function useResponsibleTable() {
 
   return {
     responsibles,
+    responsibleMember,
     pagination,
     columns,
     loading,