fix: list rendering & station form

PHT-Medic · Nov 17, 2023 · be131cf · be131cf
1 parent 7e7055a
commit be131cf
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 15 deletions.
diff --git a/.changeset/new-humans-chew.md b/.changeset/new-humans-chew.md
@@ -0,0 +1,11 @@
+---
+"@personalhealthtrain/client-vue": patch
+"@personalhealthtrain/client-ui": patch
+"@personalhealthtrain/core": patch
+"@personalhealthtrain/server-api": patch
+"@personalhealthtrain/server-core": patch
+"@personalhealthtrain/server-realtime": patch
+"@personalhealthtrain/server-train-manager": patch
+---
+
+minor fixes
diff --git a/packages/client-ui/pages/admin/stations/index/index.vue b/packages/client-ui/pages/admin/stations/index/index.vue
@@ -69,17 +69,11 @@ export default defineNuxtComponent({
             },
         }));
 
-        const listNode = ref<null | typeof StationList>(null);
         const handleDeleted = async (item: Station) => {
-            if (listNode.value) {
-                listNode.value.handleDeleted(item);
-            }
-
             emit('deleted', item);
         };
 
         return {
-            listNode,
             fields,
             realmManagementId,
             canView,
@@ -92,9 +86,9 @@ export default defineNuxtComponent({
 </script>
 <template>
     <StationList
-        ref="listNode"
         :query="query"
         :load-on-init="true"
+        @deleted="handleDeleted"
     >
         <template #header="props">
             <ListTitle />
@@ -131,7 +125,7 @@ export default defineNuxtComponent({
                         :entity-id="data.item.id"
                         :entity-type="'station'"
                         :with-text="false"
-                        @deleted="handleDeleted"
+                        @deleted="props.deleted"
                     />
                 </template>
                 <template #cell(created_at)="data">

diff --git a/packages/client-vue/src/components/station/StationForm.ts b/packages/client-vue/src/components/station/StationForm.ts
@@ -61,7 +61,7 @@ export default defineComponent({
             realm_id: '',
             registry_id: '',
             hidden: false,
-            ecosystem: Ecosystem.DEFAULT,
+            ecosystem: '',
         });
 
         const $v = useVuelidate({

diff --git a/packages/client-vue/src/core/list/module.ts b/packages/client-vue/src/core/list/module.ts
@@ -209,20 +209,27 @@ export function createList<
             noMore: options.noMore,
             body: options.body,
             loading: options.loading,
-            total,
+            total: total.value,
             load,
             busy: busy.value,
             data: data.value as Entity<T>[],
-            meta: meta.value,
+            meta: {
+                ...meta.value,
+                total: total.value,
+            },
             onCreated(value: T) {
                 if (context.setup.emit) {
                     context.setup.emit('created', value);
                 }
+
+                total.value++;
             },
             onDeleted(value: T) {
                 if (context.setup.emit) {
                     context.setup.emit('deleted', value);
                 }
+
+                total.value--;
             },
             onUpdated(value: T) {
                 if (context.setup.emit) {

diff --git a/packages/client-vue/src/core/list/utils/handlers.ts b/packages/client-vue/src/core/list/utils/handlers.ts
@@ -38,10 +38,7 @@ export function buildListCreatedHandler<T>(
     };
 }
 
-export function buildListUpdatedHandler<T>(
-    items: Ref<T[]>,
-    cb?: (entity: T) => void | Promise<void>,
-) {
+export function buildListUpdatedHandler<T>(items: Ref<T[]>) {
     return (item: T) => {
         if (!isObject(item)) {
             return;