@dative-gpi/foundation-core-components 1.0.66 → 1.0.67-map-carousel

package/components/tiles/FSDashboardOrganisationTile.vue

@@ -1,7 +1,7 @@
 <template>
   <FSLoadTile
     v-if="getting"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :modelValue="$props.modelValue"
     @update:modelValue="(value) => $emit('update:modelValue', value)"
   />
@@ -11,7 +11,7 @@
     :icon="entity.icon"
     :label="entity.label"
     :imageId="entity.imageId"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :bottomColor="entity.colors"
     :modelValue="$props.modelValue"
     @update:modelValue="(value) => $emit('update:modelValue', value)"
@@ -43,7 +43,7 @@ export default defineComponent({
       required: false,
       default: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/tiles/FSDashboardOrganisationTypeTile.vue

@@ -1,7 +1,7 @@
 <template>
   <FSLoadTile
     v-if="getting"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :modelValue="$props.modelValue"
     @update:modelValue="(value) => $emit('update:modelValue', value)"
   />
@@ -11,7 +11,7 @@
     :icon="entity.icon"
     :label="entity.label"
     :imageId="entity.imageId"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :bottomColor="entity.colors"
     :modelValue="$props.modelValue"
     @update:modelValue="(value) => $emit('update:modelValue', value)"
@@ -43,7 +43,7 @@ export default defineComponent({
       required: false,
       default: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/tiles/FSDashboardShallowTile.vue

@@ -1,7 +1,7 @@
 <template>
   <FSLoadTile
     v-if="getting"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :modelValue="$props.modelValue"
     @update:modelValue="(value) => $emit('update:modelValue', value)"
   />
@@ -11,7 +11,7 @@
     :code="entity.code"
     :label="entity.label"
     :imageId="entity.imageId"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :bottomColor="entity.colors"
     :modelValue="$props.modelValue"
     @update:modelValue="(value) => $emit('update:modelValue', value)"
@@ -43,7 +43,7 @@ export default defineComponent({
       required: false,
       default: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/tiles/FSDeviceOrganisationTile.vue

@@ -1,7 +1,7 @@
 <template>
   <FSLoadTile
     v-if="getting"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :modelValue="$props.modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
   />
@@ -15,7 +15,7 @@
     :deviceAlerts="entity.alerts"
     :modelStatuses="entity.modelStatuses"
     :deviceStatuses="entity.status?.statuses"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :alertTo="$props.alertTo"
     :modelValue="$props.modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
@@ -47,7 +47,7 @@ export default defineComponent({
       required: false,
       default: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/tiles/FSFolderTile.vue

@@ -1,18 +1,20 @@
 <template>
   <FSLoadTile
     v-if="getting"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :modelValue="$props.modelValue"
     @update:modelValue="(value) => $emit('update:modelValue', value)"
   />
   <FSFolderTileUI
     v-else-if="entity"
-    :label="entity.label"
     :code="entity.code"
-    :bottomColor="entity.colors"
     :icon="entity.icon"
+    :label="entity.label"
     :imageId="entity.imageId"
-    :editable="$props.editable"
+    :bottomColor="entity.colors"
+    :recursiveFoldersIds="entity.recursiveFoldersIds"
+    :recursiveDashboardsIds="entity.recursiveDashboardsIds"
+    :selectable="$props.selectable"
     :modelValue="$props.modelValue"
     @update:modelValue="(value) => $emit('update:modelValue', value)"
     v-bind="$attrs"
@@ -43,7 +45,7 @@ export default defineComponent({
       required: false,
       default: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/tiles/FSGroupTile.vue

@@ -1,7 +1,7 @@
 <template>
   <FSLoadTile
     v-if="getting"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :modelValue="modelValue"
     @update:modelValue="(value) => $emit('update:modelValue', value)"
   />
@@ -12,7 +12,7 @@
     :code="entity.code"
     :recursiveGroupsIds="entity.recursiveGroupsIds"
     :recursiveDeviceOrganisationsIds="entity.recursiveDeviceOrganisationsIds"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :modelValue="modelValue"
     @update:modelValue="(value) => $emit('update:modelValue', value)"
     v-bind="$attrs"
@@ -43,7 +43,7 @@ export default defineComponent({
       required: false,
       default: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/tiles/FSLocationTile.vue

@@ -1,7 +1,7 @@
 <template>
   <FSLoadTile
     v-if="getting"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :modelValue="modelValue"
     @update:modelValue="(value) => $emit('update:modelValue', value)"
   />
@@ -11,8 +11,9 @@
     :label="entity.label"
     :code="entity.code"
     :color="entity.color"
+    :address="entity.address.placeLabel"
     :deviceCount="entity.deviceOrganisationsCount"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :modelValue="modelValue"
     @update:modelValue="(value) => $emit('update:modelValue', value)"
     v-bind="$attrs"
@@ -43,12 +44,13 @@ export default defineComponent({
       required: false,
       default: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true
     }
   },
+  emits: ['update:modelValue'],
   setup(props) {
     const { get, getting, entity } = useLocation();
 

package/components/tiles/FSModelTile.vue

@@ -0,0 +1,64 @@
+<template>
+  <FSLoadTile
+    v-if="getting"
+    :selectable="$props.selectable"
+    :modelValue="modelValue"
+    @update:modelValue="(value) => $emit('update:modelValue', value)"
+  />
+  <FSModelTileUI
+    v-else-if="entity"
+    :imageId="entity.imageId"
+    :label="entity.label"
+    :code="entity.code"
+    :selectable="$props.selectable"
+    :modelValue="modelValue"
+    @update:modelValue="(value) => $emit('update:modelValue', value)"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { defineComponent, watch } from "vue";
+
+import { useModel } from "@dative-gpi/foundation-core-services/composables";
+
+import FSModelTileUI from "@dative-gpi/foundation-shared-components/components/tiles/FSModelTileUI.vue";
+import FSLoadTile from "@dative-gpi/foundation-shared-components/components/tiles/FSLoadTile.vue";
+
+export default defineComponent({
+  name: "FSModelTile",
+  components: {
+    FSModelTileUI,
+    FSLoadTile
+  },
+  props: {
+    modelId: {
+      type: String,
+      required: true
+    },
+    modelValue: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    selectable: {
+      type: Boolean,
+      required: false,
+      default: true
+    }
+  },
+  emits: ['update:modelValue'],
+  setup(props) {
+    const { get, getting, entity } = useModel();
+
+    watch(() => props.modelId, () => {
+      get(props.modelId);
+    }, { immediate: true });
+
+    return {
+      getting,
+      entity
+    };
+  }
+});
+</script>

package/components/tiles/FSServiceAccountOrganisationTile.vue

@@ -1,7 +1,7 @@
 <template>
   <FSLoadTile
     v-if="getting"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :modelValue="modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
   />
@@ -11,7 +11,7 @@
     :label="entity.label"
     :roleLabel="entity.roleLabel"
     :roleIcon="entity.roleIcon"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :modelValue="modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
     v-bind="$attrs"
@@ -42,7 +42,7 @@ export default defineComponent({
       required: false,
       default: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/tiles/FSUserOrganisationTile.vue

@@ -1,7 +1,7 @@
 <template>
   <FSLoadTile
     v-if="getting"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :modelValue="modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
   />
@@ -12,7 +12,7 @@
     :roleLabel="entity.roleLabel"
     :roleIcon="entity.roleIcon"
     :admin="entity.admin"
-    :editable="$props.editable"
+    :selectable="$props.selectable"
     :modelValue="modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
     v-bind="$attrs"
@@ -43,7 +43,7 @@ export default defineComponent({
       required: false,
       default: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/treeviews/FSTreeViewGroup.vue

@@ -1,5 +1,6 @@
 <template>
   <FSTreeViewField
+    :label="$props.label ?? $tr('ui.common.group', 'Group')"
     :multiple="$props.multiple"
     :loading="fetchingGroups"
     :items="groups"
@@ -55,7 +56,12 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
-    }
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
+    } 
   },
   emits: ["update:modelValue"],
   setup(props, { emit }) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-core-components",
   "sideEffects": false,
-  "version": "1.0.66",
+  "version": "1.0.67-map-carousel",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,21 +10,21 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-core-domain": "1.0.66",
-    "@dative-gpi/foundation-core-services": "1.0.66",
-    "@dative-gpi/foundation-shared-components": "1.0.66",
-    "@dative-gpi/foundation-shared-domain": "1.0.66",
-    "@dative-gpi/foundation-shared-services": "1.0.66"
+    "@dative-gpi/foundation-core-domain": "1.0.67-map-carousel",
+    "@dative-gpi/foundation-core-services": "1.0.67-map-carousel",
+    "@dative-gpi/foundation-shared-components": "1.0.67-map-carousel",
+    "@dative-gpi/foundation-shared-domain": "1.0.67-map-carousel",
+    "@dative-gpi/foundation-shared-services": "1.0.67-map-carousel"
   },
   "peerDependencies": {
-    "@dative-gpi/bones-ui": "^0.0.75",
+    "@dative-gpi/bones-ui": "^1.0.0",
     "color": "^4.2.3",
-    "vue": "^3.4.29"
+    "vue": "^3.4.38"
   },
   "devDependencies": {
     "@types/color": "3.0.6",
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "84d2d567d51959856200d302f7972b04bc56675a"
+  "gitHead": "014bd2e4f914caadcc469f95cb1dca8d9a50cbb8"
 }

package/utils/dashboards.ts

@@ -7,10 +7,10 @@ const { $tr } = useTranslationsProvider();
 
 export const dashboardTypeLabel = (type: DashboardType): string => {
   switch (type) {
-    case DashboardType.None:             return $tr("ui.dashboard-type.none", "None");
-    case DashboardType.Organisation:
-    case DashboardType.Shallow:          return $tr("ui.dashboard-type.organisation", "Custom");
-    case DashboardType.OrganisationType: return $tr("ui.dashboard-type.organisation-type", "Shared");
+    case DashboardType.None:             return $tr("ui.common.none", "None");
+    case DashboardType.Organisation:     return $tr('ui.dashboard-type.shallow', 'Shallow copy');
+    case DashboardType.Shallow:          return $tr("ui.common.custom", "Custom");
+    case DashboardType.OrganisationType: return $tr("ui.common.shared", "Shared");
   }
 };
 

package/utils/index.ts

@@ -1,4 +1,3 @@
-export * from "./charts";
 export * from "./dashboards";
 export * from "./roles";
 export * from "./users";

package/utils/roles.ts

@@ -6,9 +6,9 @@ const { $tr } = useTranslationsProvider();
 
 export const roleTypeLabel = (type: RoleType): string => {
   switch (type) {
-    case RoleType.None:             return $tr("ui.role-type.none", "None");
-    case RoleType.Organisation:     return $tr("ui.role-type.organisation", "Custom");
-    case RoleType.OrganisationType: return $tr("ui.role-type.organisation-type", "Shared");
+    case RoleType.None:             return $tr("ui.common.none", "None");
+    case RoleType.Organisation:     return $tr("ui.common.custom", "Custom");
+    case RoleType.OrganisationType: return $tr("ui.common.shared", "Shared");
   }
 };
 

package/utils/users.ts

@@ -5,9 +5,9 @@ const { $tr } = useTranslationsProvider();
 
 export const userTypeLabel = (type: UserType): string => {
   switch (type) {
-    case UserType.User:           return $tr("ui.user-type.user", "User");
-    case UserType.ServiceAccount: return $tr("ui.user-type.service-account", "Service account");
-    case UserType.Extension:      return $tr("ui.user-type.extension", "Extension");
+    case UserType.User:           return $tr("ui.common.user", "User");
+    case UserType.ServiceAccount: return $tr("ui.common.service-account", "Service account");
+    case UserType.Extension:      return $tr("ui.common.extension", "Extension");
     default:                      return "";
   }
 };

package/components/selects/FSAggregationSelector.vue

@@ -1,51 +0,0 @@
-<template>
-  <FSAutocompleteField
-    :label="label ?? $tr('ui.common.aggregation-type','Aggregation')"
-    :items="aggregationTypeItems"
-    :modelValue="modelValue"
-    @update:modelValue="$emit('update:modelValue', $event)"
-    v-bind="$attrs"
-  />
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, type PropType } from "vue";
-
-import { AggregationType } from "@dative-gpi/foundation-shared-domain/enums";
-
-import {aggregationTypeLabel, getEnumEntries} from "../../utils";
-
-import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
-
-export default defineComponent({
-  components: {
-    FSAutocompleteField
-  },
-  props: {
-    modelValue : {
-      type: Number as PropType<AggregationType>,
-      required: false
-    },
-    label : {
-      type: String,
-      required: false
-    }
-  },
-  emits: ['update:modelValue'],
-  setup() {
-
-    const aggregationTypeItems = computed(()=>{
-      return getEnumEntries(AggregationType).filter(f=>f.value != AggregationType.None).map((f)=>{
-        return {
-          id: f.value,
-          label: aggregationTypeLabel(f.value)
-        }
-      })
-    });
-
-    return {
-      aggregationTypeItems
-    }
-  }
-})
-</script>

package/components/selects/FSAxisTypeSelector.vue

@@ -1,48 +0,0 @@
-<template>
-  <FSToggleSet
-    :hideHeader="true"
-    :values="axisTypeItems"
-    :modelValue="modelValue"
-    @update:modelValue="$emit('update:modelValue', $event)"
-    v-bind="$attrs"
-  />
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, type PropType } from "vue";
-
-import  {AxisType} from "@dative-gpi/foundation-shared-domain/enums";
-
-import {axisTypeLabel, getEnumEntries} from "../../utils";
-
-import FSToggleSet from "@dative-gpi/foundation-shared-components/components/FSToggleSet.vue";
-
-
-export default defineComponent({
-  components: {
-    FSToggleSet
-  },
-  props: {
-    modelValue: {
-      type: Number as PropType<AxisType>,
-      required: false
-    }
-  },
-  emits: ['update:modelValue'],
-  setup() {
-
-    const axisTypeItems = computed(()=>{
-      return getEnumEntries(AxisType).map((f)=>{
-        return {
-          id: f.value,
-          label: axisTypeLabel(f.value)
-        }
-      })
-    });
-
-    return {
-      axisTypeItems
-    }
-  }
-})
-</script>

package/components/selects/FSDisplayAsSelector.vue

@@ -1,52 +0,0 @@
-<template>
-  <FSAutocompleteField
-    :label="label ?? $tr('ui.common.display-as','Display as')"
-    :items="displayAsItems"
-    :modelValue="modelValue"
-    @update:modelValue="$emit('update:modelValue', $event)"
-    v-bind="$attrs"
-  />
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, type PropType } from "vue";
-
-import {DisplayAs} from "@dative-gpi/foundation-shared-domain/enums";
-
-import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
-
-import {displayAsLabel, getEnumEntries} from "../../utils";
-
-export default defineComponent({
-  components: {
-    FSAutocompleteField
-  },
-  props: {
-    modelValue: {
-      type: Number as PropType<DisplayAs>,
-      required: false
-    },
-    label: {
-      type: String,
-      required: false
-    }
-    
-  },
-  emits: ['update:modelValue'],
-  setup() {
-    
-    const displayAsItems = computed(()=>{
-      return getEnumEntries(DisplayAs).filter(f=>f.value != DisplayAs.None).map((f)=>{
-        return {
-          id: f.value,
-          label: displayAsLabel(f.value)
-        }
-      })
-    });
-
-    return {
-      displayAsItems,
-    }
-  }
-})
-</script>

package/components/selects/FSFilterTypeSelector.vue

@@ -1,53 +0,0 @@
-<template>
-  <FSAutocompleteField
-    :label="label ?? $tr('ui.common.filter-type','Filter type')"
-    :toggleSet="true"
-    :items="filterTypeItems"
-    :modelValue="modelValue"
-    @update:modelValue="$emit('update:modelValue', $event)"
-    v-bind="$attrs"
-  />
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, type PropType } from "vue";
-
-import {FilterType} from "@dative-gpi/foundation-shared-domain/enums";
-
-import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
-
-import {filterTypeLabel, getEnumEntries} from "../../utils";
-
-export default defineComponent({
-  components: {
-    FSAutocompleteField
-  },
-  props: {
-    modelValue: {
-      type: Number as PropType<FilterType>,
-      required: false,
-      default : FilterType.None
-    },
-    label: {
-      type: String,
-      required: false
-    }
-  },
-  emits: ['update:modelValue'],
-  setup() {
-
-    const filterTypeItems = computed(()=>{
-      return getEnumEntries(FilterType).filter(f=>f.value != FilterType.None).map((f)=>{
-        return {
-          id: f.value,
-          label: filterTypeLabel(f.value)
-        }
-      })
-    });
-
-    return {
-      filterTypeItems
-    }
-  }
-})
-</script>