src/pages/Worker/Card/WorkerNotificationsManager.vue

@@ -15,7 +15,7 @@ const $props = defineProps({
 const entityId = computed(() => $props.id || route.params.id);
 
 onMounted(() => fetch());
-onUpdated(() => fetch());
+onUpdated(() => console.log('updated'));
 
 const route = useRoute();
 const { t } = useI18n();
@@ -76,7 +76,18 @@ async function toggleNotification(notification) {
 }
 </script>
 <template>
-    <QPage>
+    <CrudModel auto-load :url="`NotificationSubscriptions/${entityId}/getList`">
+        <template #body="{ rows }">
+            <QList v-for="row in rows" :key="row.id">
+                <QCard>
+                    <QCardSection horizontal>
+                        {{ row }}
+                    </QCardSection>
+                </QCard>
+            </QList>
+        </template>
+    </CrudModel>
+    <!-- <QPage>
         <QCard class="q-pa-md">
             <QList>
                 <div
@@ -138,5 +149,5 @@ async function toggleNotification(notification) {
                 </div>
             </QList>
         </QCard>
-    </QPage>
+    </QPage> -->
 </template>

src/router/modules/worker.js

@@ -11,7 +11,7 @@ export default {
     redirect: { name: 'WorkerMain' },
     menus: {
         main: ['WorkerList'],
-        // card: ['WorkerNotificationsManager'],
+        card: ['WorkerNotificationsManager'],
     },
     children: [
         {
@@ -46,15 +46,16 @@ export default {
                     },
                     component: () => import('src/pages/Worker/Card/WorkerSummary.vue'),
                 },
-                // {
-                //     name: 'WorkerNotificationsManager',
-                //     path: 'notifications',
-                //     meta: {
-                //         title: 'notifications',
-                //         icon: 'notifications',
-                //     },
-                //     component: () => import('src/pages/Worker/Card/WorkerNotificationsManager.vue'),
-                // },
+                {
+                    name: 'WorkerNotificationsManager',
+                    path: 'notifications',
+                    meta: {
+                        title: 'notifications',
+                        icon: 'notifications',
+                    },
+                    component: () =>
+                        import('src/pages/Worker/Card/WorkerNotificationsManager.vue'),
+                },
             ],
         },
     ],