@dative-gpi/foundation-core-components 0.0.9 → 0.0.10

package/components/lists/FSDataTable.vue

@@ -0,0 +1,108 @@
+<template>
+  <FSDataTableUI
+    v-if="!getting"
+    :filters="getFilters()"
+    @update:filters="updateFilters"
+    v-model:rowsPerPage="innerRowsPerPage"
+    v-model:headers="innerHeaders"
+    v-model:sortBy="innerSortBy"
+    v-model:page="innerPage"
+    v-model:mode="innerMode"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { defineComponent, onMounted, onUnmounted, PropType, ref, Ref, watch } from "vue";
+
+import { ColumnInfos, TableFilter, TableOrder } from "@dative-gpi/foundation-core-domain/models";
+import { useTable, useUpdateTable } from "@dative-gpi/foundation-core-services/composables";
+import { FSDataTableFilter } from "@dative-gpi/foundation-shared-components/models";
+
+import FSDataTableUI from "@dative-gpi/foundation-shared-components/components/lists/FSDataTableUI.vue";
+
+export default defineComponent({
+  name: "FSDataTable",
+  components: {
+    FSDataTableUI
+  },
+  props: {
+    tableCode: {
+      type: String,
+      required: true
+    },
+    mode: {
+      type: String as PropType<"table" | "iterator">,
+      required: false,
+      default: "table"
+    }
+  },
+  setup(props) {
+    const { update: updateTable } = useUpdateTable();
+    const { get: getTable, getting, entity } = useTable();
+
+    const innerHeaders: Ref<ColumnInfos[]> = ref([]);
+    const innerFilters = ref<TableFilter[]>([]);
+    const innerRowsPerPage = ref(10);
+    const innerSortBy: Ref<TableOrder | null> = ref(null);
+    const innerMode = ref(props.mode);
+    const innerPage = ref(1);
+
+    const getFilters = (): { [key: string]: FSDataTableFilter[] } => {
+      return innerFilters.value.reduce((acc, filter) => {
+        if (!acc[filter.key]) {
+          acc[filter.key] = [];
+        }
+        acc[filter.key].push({ value: filter.value, hidden: filter.hidden });
+        return acc;
+      }, {});
+    }
+
+    const updateFilters = (value: { [key: string]: FSDataTableFilter[] }): void => {
+      innerFilters.value = Object.entries(value).map(([key, filters]) => filters.map((filter) => ({
+        key: key,
+        value: filter.value,
+        hidden: filter.hidden
+      }))).reduce((acc, filters) => acc.concat(filters), []);
+    };
+
+    const reset = (): void => {
+      innerHeaders.value = entity.value.columns;
+      innerRowsPerPage.value = entity.value.rowsPerPage;
+      innerSortBy.value = entity.value.sortBy;
+      innerMode.value = entity.value.mode;
+    };
+
+    onMounted(() => {
+      getTable(props.tableCode);
+    });
+
+    onUnmounted(() => {
+      // update();
+    });
+
+    watch(() => props.tableCode, () => {
+      getTable(props.tableCode);
+    });
+
+    watch(entity, () => {
+      reset();
+    });
+
+    watch([innerHeaders, innerFilters, innerRowsPerPage, innerSortBy, innerMode, ], () => {
+      // update();
+    });
+
+    return {
+      getting,
+      innerHeaders,
+      innerRowsPerPage,
+      innerPage,
+      innerSortBy,
+      innerMode,
+      getFilters,
+      updateFilters
+    };
+  },
+});
+</script>

package/components/tiles/FSDeviceOrganisationTile.vue

@@ -24,48 +24,48 @@
 <script lang="ts">
 import { defineComponent, onMounted, watch } from "vue";
 
+import { useDeviceOrganisation } from "@dative-gpi/foundation-core-services/composables";
+
 import FSDeviceOrganisationTileUI from "@dative-gpi/foundation-shared-components/components/tiles/FSDeviceOrganisationTileUI.vue";
 import FSLoadTile from "@dative-gpi/foundation-shared-components/components/FSLoadTile.vue";
 
-import { useDeviceOrganisation } from "@dative-gpi/foundation-core-services/composables";
-
 export default defineComponent({
-    name: "FSDeviceOrganisationTile",
-    components: {
-      FSDeviceOrganisationTileUI,
-      FSLoadTile
+  name: "FSDeviceOrganisationTile",
+  components: {
+    FSDeviceOrganisationTileUI,
+    FSLoadTile
+  },
+  props: {
+    deviceOrganisationId: {
+      type: String,
+      required: true
     },
-    props: {
-      deviceOrganisationId: {
-        type: String,
-        required: true
-      },
-      modelValue: {
-        type: Boolean,
-        required: false,
-        default: false
-      },
-      editable: {
-        type: Boolean,
-        required: false,
-        default: true
-      }
+    modelValue: {
+      type: Boolean,
+      required: false,
+      default: false
     },
-    setup(props) {
-      const { get, getting, entity } = useDeviceOrganisation();
+    editable: {
+      type: Boolean,
+      required: false,
+      default: true
+    }
+  },
+  setup(props) {
+    const { get, getting, entity } = useDeviceOrganisation();
 
-      onMounted(() => {
-        get(props.deviceOrganisationId);
-      });
+    onMounted(() => {
+      get(props.deviceOrganisationId);
+    });
 
-      watch(() => props.deviceOrganisationId, () => {
-        get(props.deviceOrganisationId);
-      });
+    watch(() => props.deviceOrganisationId, () => {
+      get(props.deviceOrganisationId);
+    });
 
-      return {
-        getting,
-        entity
-      };
-    }
+    return {
+      getting,
+      entity
+    };
+  }
 });
 </script>

package/components/tiles/FSGroupTile.vue

@@ -21,11 +21,11 @@
 <script lang="ts">
 import { defineComponent, onMounted, watch } from "vue";
 
+import { useGroup } from "@dative-gpi/foundation-core-services/composables";
+
 import FSGroupTileUI from "@dative-gpi/foundation-shared-components/components/tiles/FSGroupTileUI.vue";
 import FSLoadTile from "@dative-gpi/foundation-shared-components/components/FSLoadTile.vue";
 
-import { useGroup } from "@dative-gpi/foundation-core-services/composables";
-
 export default defineComponent({
   name: "FSGroupTile",
   components: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dative-gpi/foundation-core-components",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -9,11 +9,11 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-core-domain": "0.0.9",
-    "@dative-gpi/foundation-core-services": "0.0.9",
-    "@dative-gpi/foundation-shared-components": "0.0.9",
-    "@dative-gpi/foundation-shared-domain": "0.0.9",
-    "@dative-gpi/foundation-shared-services": "0.0.9",
+    "@dative-gpi/foundation-core-domain": "0.0.10",
+    "@dative-gpi/foundation-core-services": "0.0.10",
+    "@dative-gpi/foundation-shared-components": "0.0.10",
+    "@dative-gpi/foundation-shared-domain": "0.0.10",
+    "@dative-gpi/foundation-shared-services": "0.0.10",
     "color": "^4.2.3",
     "vue": "^3.2.0",
     "vuedraggable": "^4.1.0"
@@ -23,5 +23,5 @@
     "sass": "^1.69.5",
     "sass-loader": "^13.3.2"
   },
-  "gitHead": "d079d93c7d8677f8269b97bc71820bc35dc46921"
+  "gitHead": "765222a4eb6a5cdd690f64bc0ae3c5415081e0f0"
 }