@dative-gpi/foundation-core-components 1.1.0 → 1.1.2

package/components/entities/FSSelectEntitiesList.vue

@@ -156,6 +156,14 @@ export default defineComponent({
       switch(props.entityType) {
         case EntityType.Device:
           return T.DEVICES_SELECT;
+        case EntityType.Dashboard:
+          return T.DASHBOARDS_SELECT;
+        case EntityType.Group:
+          return T.GROUPS_SELECT;
+        case EntityType.Location:
+          return T.LOCATIONS_SELECT;
+        case EntityType.Model:
+          return T.MODELS_SELECT;
         default:
           return null;
       };

package/components/entities/FSSimpleEntitiesList.vue

@@ -59,7 +59,8 @@ export default defineComponent({
           return {
             ...attrs,
             dashboardOrganisationFilters : props.filters,
-            dashboardOrganisationTypeFilters : props.filters
+            dashboardOrganisationTypeFilters : props.filters,
+            dashboardShallowFilters : props.filters
           };
         case EntityType.Folder:
           return {

package/components/lists/dashboards/FSSimpleDashboardsList.vue

@@ -10,7 +10,7 @@
 import { defineComponent, type PropType, watch, computed } from "vue";
 import _ from "lodash";
 
-import type { DashboardOrganisationFilters, DashboardOrganisationTypeFilters } from "@dative-gpi/foundation-core-domain/models";
+import type { DashboardOrganisationFilters, DashboardOrganisationTypeFilters, DashboardShallowFilters } from "@dative-gpi/foundation-core-domain/models";
 import { useDashboardOrganisations, useDashboardOrganisationTypes, useDashboardShallows } from "@dative-gpi/foundation-core-services/composables";
 
 import { DashboardType } from '@dative-gpi/foundation-shared-domain/enums';
@@ -78,7 +78,7 @@ export default defineComponent({
       getManyDashboardShallows(props.dashboardShallowFilters);
     }
 
-    watch(() => [props.dashboardOrganisationFilters, props.dashboardOrganisationTypeFilters], fetch, { immediate: true });
+    watch(() => [props.dashboardOrganisationFilters, props.dashboardOrganisationTypeFilters, props.dashboardShallowFilters], fetch, { immediate: true });
 
     return {
       dashboards,

package/components/lists/locations/FSBaseLocationsList.vue

@@ -31,14 +31,14 @@
     >
       <FSLocationTileUI
         :key="index"
+        v-bind="item"
         :bottomColor="item.colors"
-        :address="item.address.placeLabel"
         :selectable="$props.selectable"
-        :singleSelect="singleSelect"
+        :singleSelect="$props.singleSelect"
         :modelValue="isSelected(item.id)"
         :to="$props.itemTo && $props.itemTo(item)"
         @update:modelValue="toggleSelect(item)"
-        v-bind="item"
+        :address="item.address.formattedAddress"
       />
     </template>
   </FSDataTable>

package/components/lists/playlists/FSTilePlaylistsList.vue

@@ -0,0 +1,93 @@
+<template>
+  <FSTileList
+    :items="playlists"
+    :loading="fetching"
+    :selectable="$props.selectable"
+    :singleSelect="$props.singleSelect"
+    :modelValue="$props.modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  >
+    <template
+      v-for="(_, name) in $slots"
+      v-slot:[name]="slotData"
+    >
+      <slot
+        :name="name"
+        v-bind="slotData"
+      />
+    </template>
+    <template
+      #item.tile="{ item, toggleSelect, direction }"
+    >
+      <FSPlaylistTileUI
+        :dashboardsCount="item.dashboards.length"
+        :selectable="$props.selectable"
+        :singleSelect="$props.singleSelect"
+        :modelValue="($props.modelValue ?? []).includes(item.id)"
+        :width="direction === ListDirections.Column ? 'fill' : undefined"
+        @update:modelValue="toggleSelect(item)"
+        v-bind="item"
+      />
+    </template>
+  </FSTileList>
+</template>
+
+<script lang="ts">
+import type { PropType} from "vue";
+import { defineComponent, watch } from "vue";
+
+import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
+import { ListDirections } from "@dative-gpi/foundation-shared-domain/enums";
+
+import type { PlaylistFilters } from "@dative-gpi/foundation-core-domain/models";
+import { usePlaylists } from "@dative-gpi/foundation-core-services/composables";
+
+import FSPlaylistTileUI from "@dative-gpi/foundation-shared-components/components/tiles/FSPlaylistTileUI.vue";
+import FSTileList from "@dative-gpi/foundation-shared-components/components/lists/FSTileList.vue";
+
+
+export default defineComponent({
+  title: "FSTilePlaylistsList",
+  components: {
+    FSPlaylistTileUI,
+    FSTileList
+  },
+  props: {
+    playlistFilters: {
+      type: Object as PropType<PlaylistFilters>,
+      required: true
+    },
+    modelValue: {
+      type: Array as PropType<string[]>,
+      required: false,
+      default: () => []
+    },
+    selectable: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    singleSelect: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+  },
+  setup(props) {
+    const { entities: playlists, getMany, fetching } = usePlaylists();
+
+    const fetch = () => {
+      getMany(props.playlistFilters);
+    };
+
+    watch(() => props.playlistFilters, fetch, { immediate: true });
+    return {
+      ListDirections,
+      playlists,
+      ColorEnum,
+      fetching
+    };
+  }
+});
+</script>

package/components/tiles/FSLocationTile.vue

@@ -11,7 +11,7 @@
     :label="entity.label"
     :code="entity.code"
     :color="entity.color"
-    :address="entity.address.placeLabel"
+    :address="entity.address.formattedAddress"
     :deviceCount="entity.deviceOrganisationsCount"
     :selectable="$props.selectable"
     :modelValue="modelValue"
@@ -51,6 +51,7 @@ export default defineComponent({
     }
   },
   emits: ['update:modelValue'],
+  inheritAttrs: false,
   setup(props) {
     const { get, getting, entity } = useLocation();
 

package/components/tiles/FSPlaylistTile.vue

@@ -0,0 +1,78 @@
+<template>
+  <FSLoadTile
+    v-if="getting"
+    :selectable="$props.selectable"
+    :modelValue="$props.modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+  />
+  <PlaylistTileUI
+    v-else-if="entity"
+    :dashboardsCount="entity.dashboards?.length ?? 0"
+    :looped="entity.looped"
+    :delay="entity.delay"
+    :label="entity.label"
+    :code="entity.code"
+    :selectable="$props.selectable"
+    :modelValue="$props.modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  >
+    <template
+      v-for="(_, name) in $slots"
+      v-slot:[name]="slotData"
+    >
+      <slot
+        :name="name"
+        v-bind="slotData"
+      />
+    </template>
+  </PlaylistTileUI>
+</template>
+
+<script lang="ts">
+import { defineComponent, watch } from "vue";
+
+import { usePlaylist } from "@dative-gpi/foundation-core-services/composables";
+
+import FSLoadTile from "@dative-gpi/foundation-shared-components/components/tiles/FSLoadTile.vue";
+
+import PlaylistTileUI from "@dative-gpi/foundation-shared-components/components/tiles/FSPlaylistTileUI.vue";
+
+
+export default defineComponent({
+  name: "FSPlaylistTile",
+  components: {
+    PlaylistTileUI,
+    FSLoadTile
+  },
+  props: {
+    playlistId: {
+      type: String,
+      required: true
+    },
+    modelValue: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    selectable: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+  },
+  emits: ["update:modelValue"],
+  setup(props) {
+    const { get, getting, entity } = usePlaylist();
+
+    watch(() => props.playlistId, () => {
+      get(props.playlistId);
+    }, { immediate: true });
+
+    return {
+      getting,
+      entity
+    };
+  }
+});
+</script>

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://github.com/Dative-GPI/foundation-shared-ui.git"
   },
   "sideEffects": false,
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -13,11 +13,11 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-core-domain": "1.1.0",
-    "@dative-gpi/foundation-core-services": "1.1.0",
-    "@dative-gpi/foundation-shared-components": "1.1.0",
-    "@dative-gpi/foundation-shared-domain": "1.1.0",
-    "@dative-gpi/foundation-shared-services": "1.1.0"
+    "@dative-gpi/foundation-core-domain": "1.1.2",
+    "@dative-gpi/foundation-core-services": "1.1.2",
+    "@dative-gpi/foundation-shared-components": "1.1.2",
+    "@dative-gpi/foundation-shared-domain": "1.1.2",
+    "@dative-gpi/foundation-shared-services": "1.1.2"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -29,5 +29,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "87757abf5add0aa83bd9a3e8171b7d4ea9862ea2"
+  "gitHead": "de9d8959468d94abe835e551090afbc46ecb4f86"
 }