@dative-gpi/foundation-core-components 1.0.139 → 1.0.140-selectable2

package/components/lists/charts/FSBaseChartsList.vue

@@ -4,6 +4,8 @@
     :loading="fetchingChartOrganisationTypes || fetchingChartOrganisations"
     :headersOptions="headersOptions"
     :items="charts"
+    :showSelect="$props.selectable"
+    :singleSelect="$props.singleSelect"
     :tableCode="$props.tableCode"
     :modelValue="$props.modelValue"
     @update:modelValue="onSelect"
@@ -48,7 +50,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :disabled="true"
         :tags="item.tags"
       />
     </template>
@@ -70,7 +72,7 @@
       #item.modelsLabels="{ item }"
     >
       <FSTagGroup
-        :editable="false"
+        :disabled="true"
         :tags="item.modelsLabels.map((d: any) => d.label)"
       />
     </template>
@@ -78,14 +80,15 @@
       #item.tile="{ item }"
     >
       <FSChartTileUI
-        variant="standard"
         :label="item.label"
         :categoryLabel="item.chartCategoryLabel"
         :icon="item.icon"
         :imageId="item.imageId"
         :type="item.chartType"
-        :color="isSelected(item.id) ? ColorEnum.Primary : ColorEnum.Light"
-        @click="update(item.id)"
+        :singleSelect="$props.singleSelect"
+        :selectable="$props.selectable"
+        :modelValue="isSelected(item.id)"
+        @update:modelValue="update(item.id)"
       />
     </template>
   </FSDataTable>
@@ -141,6 +144,16 @@ export default defineComponent({
       type: Array as PropType<string[]>,
       default: () => [],
       required: false
+    },
+    selectable: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    singleSelect: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
   emits: ["update", "update:modelValue", "update:scope"],
@@ -219,11 +232,14 @@ export default defineComponent({
     }));
 
     const update = (value : string) => {
-      const item = isSelected(value);
-      if (item) {
+      const isAlreadySelected = isSelected(value);
+      if (isAlreadySelected) {
         onSelect(props.modelValue.filter(m => m != value));
       }
-      else {
+      else if(props.singleSelect){
+        onSelect([value]);
+      }
+      else{
         onSelect([...props.modelValue, value]);
       }
     }

package/components/lists/dashboardOrganisationTypes/FSBaseDashboardOrganisationTypesList.vue

@@ -6,6 +6,8 @@
     :itemTo="$props.itemTo"
     :tableCode="$props.tableCode"
     :modelValue="$props.modelValue"
+    :showSelect="$props.selectable"
+    :singleSelect="$props.singleSelect"
     @update:modelValue="$emit('update:modelValue', $event)"
     v-bind="$attrs"
   >
@@ -59,7 +61,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :showRemove="false"
         :tags="item.tags"
       />
     </template>
@@ -68,6 +70,8 @@
     >
       <FSDashboardOrganisationTypeTileUI
         :bottomColor="item.colors"
+        :selectable="$props.selectable"
+        :singleSelect="$props.singleSelect"
         :to="$props.itemTo && $props.itemTo(item)"
         :modelValue="isSelected(item.id)"
         @update:modelValue="toggleSelect(item)"
@@ -125,8 +129,21 @@ export default defineComponent({
       type: Array as PropType<string[]>,
       required: false,
       default: () => []
+    },
+    selectable: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    singleSelect: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
+  emits: [
+    "update:modelValue"
+  ],
   setup(props) {
     const { getMany: getDashboardOrganisationTypes, fetching: fetchingDashboardOrganisationTypes, entities: dashboardOrganisationTypes } = useDashboardOrganisationTypes();
     const { fetch: fetchUserOrganisation, entity: userOrganisation } = useCurrentUserOrganisation();

package/components/lists/dashboards/FSBaseDashboardsList.vue

@@ -5,6 +5,8 @@
     :itemTo="$props.itemTo"
     :loading="fetchingDashboardOrganisationTypes || fetchingDashboardOrganisations || fetchingDashboardShallows"
     :tableCode="$props.tableCode"
+    :showSelect="$props.selectable"
+    :singleSelect="$props.singleSelect"
     :modelValue="selecteds"
     @update:modelValue="onSelect"
     v-bind="$attrs"
@@ -44,7 +46,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :showRemove="false"
         :tags="item.tags"
       />
     </template>
@@ -54,6 +56,8 @@
       <FSDashboardOrganisationTypeTileUI
         v-if="item.dashboardType == DashboardType.OrganisationType"
         :bottomColor="item.colors"
+        :selectable="$props.selectable"
+        :singleSelect="$props.singleSelect"
         :to="$props.itemTo && $props.itemTo(item)"
         :modelValue="isSelected(item.id)"
         @update:modelValue="toggleSelect(item)"
@@ -62,6 +66,8 @@
       <FSDashboardOrganisationTileUI
         v-if="item.dashboardType == DashboardType.Organisation"
         :bottomColor="item.colors"
+        :selectable="$props.selectable"
+        :singleSelect="$props.singleSelect"
         :to="$props.itemTo && $props.itemTo(item)"
         :modelValue="isSelected(item.id)"
         @update:modelValue="toggleSelect(item)"
@@ -70,6 +76,8 @@
       <FSDashboardShallowTileUI
         v-if="item.dashboardType == DashboardType.Shallow"
         :bottomColor="item.colors"
+        :selectable="$props.selectable"
+        :singleSelect="$props.singleSelect"
         :modelValue="isSelected(item.id)"
         @update:modelValue="toggleSelect(item)"
         :to="$props.itemTo && $props.itemTo(item)"
@@ -138,7 +146,17 @@ export default defineComponent({
       type: Array as PropType<string[]>,
       default: () => [],
       required: false
-    }
+    },
+    selectable: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    singleSelect: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
   },
   emits: ["update", "update:modelValue", "update:type"],
   setup(props, { emit }) {

package/components/lists/dashboards/FSSimpleDashboardsList.vue

@@ -10,7 +10,7 @@
 import { defineComponent, type PropType, watch, computed } from "vue";
 
 import type { DashboardOrganisationFilters, DashboardOrganisationTypeFilters } from "@dative-gpi/foundation-core-domain/models";
-import { useDashboardOrganisations, useDashboardOrganisationTypes } from "@dative-gpi/foundation-core-services/composables";
+import { useDashboardOrganisations, useDashboardOrganisationTypes, useDashboardShallows } from "@dative-gpi/foundation-core-services/composables";
 
 import FSSimpleList from "@dative-gpi/foundation-shared-components/components/lists/FSSimpleList.vue";
 
@@ -29,6 +29,11 @@ export default defineComponent({
       type: Object as PropType<DashboardOrganisationTypeFilters>,
       required: false,
       default: () => ({})
+    },
+    dashboardShallowFilters: {
+      type: Object as PropType<DashboardOrganisationTypeFilters>,
+      required: false,
+      default: () => ({})
     }
   },
   setup(props){
@@ -38,17 +43,22 @@ export default defineComponent({
     const { entities: dashboardOrganisationTypes, 
             getMany: getManyDashboardOrganisationTypes, 
             fetching: fetchingDashboardOrganisationTypes } = useDashboardOrganisationTypes();
+    const { entities: dashboardShallows, 
+            getMany: getManyDashboardShallows, 
+            fetching: fetchingDashboardShallows } = useDashboardShallows();
 
     const fetching = computed(() => fetchingDashboardOrganisations.value 
-      || fetchingDashboardOrganisationTypes.value);
+      || fetchingDashboardOrganisationTypes.value
+      || fetchingDashboardShallows.value);
     
     const dashboards = computed(() => {
-      return [...dashboardOrganisations.value, ...dashboardOrganisationTypes.value];
+      return [...dashboardOrganisations.value, ...dashboardOrganisationTypes.value, ...dashboardShallows.value];
     });
 
     const fetch = () => {
       getManyDashboardOrganisations(props.dashboardOrganisationFilters);
       getManyDashboardOrganisationTypes(props.dashboardOrganisationTypeFilters);
+      getManyDashboardShallows(props.dashboardShallowFilters);
     }
 
     watch(() => [props.dashboardOrganisationFilters, props.dashboardOrganisationTypeFilters], fetch, { immediate: true });

package/components/lists/deviceOrganisations/FSBaseDeviceOrganisationsList.vue

@@ -4,7 +4,7 @@
     :loading="fetchingDeviceOrganisations"
     :singleSelect="$props.singleSelect"
     :headersOptions="headersOptions"
-    :showSelect="$props.editable"
+    :showSelect="$props.selectable"
     :tableCode="$props.tableCode"
     :items="deviceOrganisations"
     :itemTo="$props.itemTo"
@@ -68,7 +68,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :disabled="true"
         :tags="item.tags"
       />
     </template>
@@ -142,6 +142,7 @@
     >
       <FSDeviceOrganisationTileUI
         :to="$props.itemTo && $props.itemTo(item)"
+        :selectable="$props.selectable"
         :deviceConnectivity="item.connectivity"
         :deviceStatuses="item.status.statuses"
         :deviceWorstAlert="item.worstAlert"
@@ -219,7 +220,7 @@ export default defineComponent({
       required: false,
       default: null
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/lists/folders/FSBaseFoldersList.vue

@@ -31,7 +31,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :showRemove="false"
         :tags="item.tags"
       />
     </template>

package/components/lists/groups/FSBaseGroupsList.vue

@@ -3,7 +3,7 @@
     defaultMode="iterator"
     :loading="fetchingGroups"
     :items="groups"
-    :showSelect="$props.editable"
+    :showSelect="$props.selectable"
     :tableCode="$props.tableCode"
     :modelValue="$props.modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
@@ -48,7 +48,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :disabled="true"
         :tags="item.tags"
       />
     </template>
@@ -56,7 +56,7 @@
       #item.tile="{ item, toggleSelect }"
     >
       <FSGroupTileUI
-        :editable="$props.editable"
+        :selectable="$props.selectable"
         :modelValue="isSelected(item.id)"
         @update:modelValue="toggleSelect(item)"
         v-bind="item"
@@ -101,7 +101,7 @@ export default defineComponent({
       required: false,
       default: null
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/lists/locations/FSBaseLocationsList.vue

@@ -3,7 +3,7 @@
     defaultMode="iterator"
     :loading="fetchingLocations"
     :items="locations"
-    :showSelect="$props.editable"
+    :showSelect="$props.selectable"
     :tableCode="tableCode"
     :modelValue="$props.modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
@@ -33,7 +33,7 @@
         v-bind="item"
         :bottomColor="item.colors"
         :address="item.address.placeLabel"
-        :editable="true"
+        :selectable="$props.selectable"
         :singleSelect="singleSelect"
         :modelValue="isSelected(item.id)"
         :to="$props.itemTo && $props.itemTo(item)"
@@ -74,7 +74,7 @@ export default defineComponent({
       required: false,
       default: null
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/lists/models/FSBaseModelsList.vue

@@ -2,7 +2,7 @@
   <FSDataTable
     defaultMode="iterator"
     :singleSelect="$props.singleSelect"
-    :showSelect="$props.editable"
+    :showSelect="$props.selectable"
     :tableCode="$props.tableCode"
     :loading="fetchingModels"
     :items="models"
@@ -63,6 +63,7 @@
     >
       <FSModelTileUI
         :to="$props.itemTo && $props.itemTo(item)"
+        :selectable="$props.selectable"
         :singleSelect="$props.singleSelect"
         :imageId="item.imageId"
         :label="item.label"
@@ -114,7 +115,7 @@ export default defineComponent({
       type: Function as PropType<(item: ModelInfos) => Partial<RouteLocation>>,
       required: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/lists/roleOrganisationTypes/FSBaseRoleOrganisationTypesList.vue

@@ -3,7 +3,7 @@
     :items="roleOrganisationTypes"
     :itemTo="$props.itemTo"
     :loading="fetchingRoleOrganisations"
-    :showSelect="$props.editable"
+    :showSelect="$props.selectable"
     :tableCode="$props.tableCode"
     :modelValue="$props.modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
@@ -44,7 +44,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :disabled="true"
         :tags="item.tags"
       />
     </template>
@@ -91,7 +91,7 @@ export default defineComponent({
       type: Function as PropType<(item: RoleOrganisationTypeInfos) => Partial<RouteLocation>>,
       required: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/lists/roleOrganisations/FSBaseRoleOrganisationsList.vue

@@ -1,7 +1,7 @@
 <template>
   <FSDataTable
     :loading="fetchingRoleOrganisations"
-    :showSelect="$props.editable"
+    :showSelect="$props.selectable"
     :tableCode="$props.tableCode"
     :items="roleOrganisations"
     :itemTo="$props.itemTo"
@@ -44,7 +44,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :disabled="true"
         :tags="item.tags"
       />
     </template>
@@ -91,7 +91,7 @@ export default defineComponent({
       type: Function as PropType<(item: RoleOrganisationInfos) => Partial<RouteLocation>>,
       required: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/lists/scenarioOrganisationTypes/FSBaseScenarioOrganisationTypesList.vue

@@ -3,7 +3,7 @@
     :items="scenarioOrganisationTypes"
     :itemTo="$props.itemTo"
     :loading="fetchingScenarioOrganisationTypes"
-    :showSelect="$props.editable"
+    :showSelect="$props.selectable"
     :tableCode="$props.tableCode"
     :modelValue="$props.modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
@@ -61,7 +61,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :disabled="true"
         :tags="item.tags"
       />
     </template>
@@ -110,7 +110,7 @@ export default defineComponent({
       type: Function as PropType<(item: ScenarioOrganisationTypeInfos) => Partial<RouteLocation>>,
       required: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/lists/scenarioOrganisations/FSBaseScenarioOrganisationsList.vue

@@ -3,7 +3,7 @@
     :items="scenarioOrganisations"
     :itemTo="$props.itemTo"
     :loading="fetchingScenarioOrganisations"
-    :showSelect="$props.editable"
+    :showSelect="$props.selectable"
     :tableCode="$props.tableCode"
     :modelValue="$props.modelValue"
     :headersOptions="headersOptions"
@@ -50,7 +50,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :disabled="true"
         :tags="item.tags"
       />
     </template>
@@ -97,7 +97,7 @@ export default defineComponent({
       type: Function as PropType<(item: ScenarioOrganisationInfos) => Partial<RouteLocation>>,
       required: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/lists/scenarios/FSBaseScenariosList.vue

@@ -50,7 +50,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :showRemove="false"
         :tags="item.tags"
       />
     </template>

package/components/lists/serviceAccountOrganisations/FSBaseServiceAccountOrganisationsList.vue

@@ -3,7 +3,7 @@
     :items="serviceAccountOrganisations"
     :itemTo="$props.itemTo"
     :loading="fetchingServiceAccountOrganisations"
-    :showSelect="$props.editable"
+    :showSelect="$props.selectable"
     :tableCode="$props.tableCode"
     :modelValue="$props.modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
@@ -41,7 +41,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :disabled="true"
         :tags="item.tags"
       />
     </template>
@@ -68,7 +68,7 @@
     >
       <FSServiceAccountOrganisationTileUI
         :to="$props.itemTo && $props.itemTo(item)"
-        :editable="$props.editable"
+        :selectable="$props.selectable"
         :modelValue="isSelected(item.id)"
         @update:modelValue="toggleSelect(item)"
         v-bind="item"
@@ -118,7 +118,7 @@ export default defineComponent({
       type: Function as PropType<(item: ServiceAccountOrganisationInfos) => Partial<RouteLocation>>,
       required: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/lists/serviceAccountRoleOrganisations/FSBaseServiceAccountRoleOrganisationsList.vue

@@ -2,7 +2,7 @@
   <FSDataTable
     :loading="fetchingServiceAccountRoleOrganisations"
     :items="serviceAccountRoleOrganisations"
-    :showSelect="$props.editable"
+    :showSelect="$props.selectable"
     :tableCode="$props.tableCode"
     :itemTo="$props.itemTo"
     :modelValue="$props.modelValue"
@@ -44,7 +44,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :disabled="true"
         :tags="item.tags"
       />
     </template>
@@ -91,7 +91,7 @@ export default defineComponent({
       type: Function as PropType<(item: ServiceAccountRoleOrganisationInfos) => Partial<RouteLocation>>,
       required: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/lists/userOrganisations/FSBaseUserOrganisationsList.vue

@@ -3,7 +3,7 @@
     :items="userOrganisations"
     :itemTo="$props.itemTo"
     :loading="fetchingUserOrganisations"
-    :showSelect="$props.editable"
+    :showSelect="$props.selectable"
     :tableCode="$props.tableCode"
     :modelValue="$props.modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
@@ -55,7 +55,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :disabled="true"
         :tags="item.tags"
       />
     </template>
@@ -82,7 +82,7 @@
     >
       <FSUserOrganisationTileUI
         :to="$props.itemTo && $props.itemTo(item)"
-        :editable="$props.editable"
+        :selectable="$props.selectable"
         :modelValue="isSelected(item.id)"
         @update:modelValue="toggleSelect(item)"
         v-bind="item"
@@ -134,7 +134,7 @@ export default defineComponent({
       type: Function as PropType<(item: UserOrganisationInfos) => Partial<RouteLocation>>,
       required: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

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