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

package/components/explorers/FSBaseDevicesExplorer.vue

@@ -135,6 +135,7 @@
         v-if="item.type === DeviceExplorerElementType.Group"
         :to="$props.itemTo && $props.itemTo(item)"
         :modelValue="isSelected(item.id)"
+        :selectable="$props.selectable"
         @update:modelValue="toggleSelect(item)"
         v-bind="item"
       />
@@ -147,6 +148,7 @@
         :deviceAlerts="item.alerts"
         :alertTo="$props.alertTo"
         :modelValue="isSelected(item.id)"
+        :selectable="$props.selectable"
         @update:modelValue="toggleSelect(item)"
         v-bind="item"
       />

package/components/explorers/FSBaseFoldersExplorer.vue

@@ -6,6 +6,7 @@
     :loading="fetchingFolders || fetchingDashboardOrganisations || fetchingDashboardShallows"
     :tableCode="$props.tableCode"
     :modelValue="selecteds"
+    :showSelect="$props.selectable"
     @update:modelValue="onSelect"
     v-bind="$attrs"
   >
@@ -80,6 +81,7 @@
         v-if="item.type == FoldersListType.Folder"
         :bottomColor="item.colors"
         v-bind="item"
+        :selectable="$props.selectable"
         :modelValue="isSelected(item.id)"
         @update:modelValue="toggleSelect(item)"
         :to="$props.itemTo && $props.itemTo(item)"
@@ -87,6 +89,7 @@
       <FSDashboardOrganisationTileUI
         v-if="item.type == FoldersListType.Dashboard && item.dashboardType == DashboardType.Organisation"
         :bottomColor="item.colors"
+        :selectable="$props.selectable"
         :modelValue="isSelected(item.id)"
         @update:modelValue="toggleSelect(item)"
         :to="$props.itemTo && $props.itemTo(item)"
@@ -95,6 +98,7 @@
       <FSDashboardShallowTileUI
         v-if="item.type == FoldersListType.Dashboard && item.dashboardType == DashboardType.Shallow"
         :bottomColor="item.colors"
+        :selectable="$props.selectable"
         :modelValue="isSelected(item.id)"
         @update:modelValue="toggleSelect(item)"
         :to="$props.itemTo && $props.itemTo(item)"
@@ -166,6 +170,11 @@ export default defineComponent({
     tableCode: {
       type: String,
       required: true
+    },
+    selectable: {
+      type: Boolean,
+      required: false,
+      default: true
     }
   },
   emits: ["update", "update:modelValue", "update:type", "update:dashboard-type"],

package/components/lists/alerts/FSBaseAlertsList.vue

@@ -7,6 +7,7 @@
     :loading="fetchingAlerts"
     :tableCode="$props.tableCode"
     :modelValue="$props.modelValue"
+    :showSelect="$props.selectable"
     @update:modelValue="$emit('update:modelValue', $event)"
     v-bind="$attrs"
   >
@@ -196,16 +197,19 @@
       </FSSpan>
     </template>
     <template
-      #item.tile="{ item }"
+      #item.tile="{ item, toggleSelect }"
     >
       <FSAlertTileUI
         variant="standard"
         :label="item.label"
         :deviceOrganisationLabel="item.deviceOrganisationLabel"
         :icon="item.icon"
+        :selectable="$props.selectable"
         :triggerProcessedTimestamp="item.triggerProcessedTimestamp"
         :to="$props.itemTo && $props.itemTo(item)"
+        :modelValue="isSelected(item.id)"
         :color="alertColorByCriticity(item.criticity)"
+        @update:modelValue="toggleSelect(item)"
       />
     </template>
   </FSDataTable>
@@ -280,6 +284,11 @@ export default defineComponent({
       type: Function as PropType<(item: AlertInfos) => Partial<RouteLocation>>,
       required: false
     },
+    selectable: {
+      type: Boolean,
+      required: false,
+      default: true
+    }
   },
   emits: ["update:modelValue"],
   setup(props) {
@@ -295,6 +304,10 @@ export default defineComponent({
       return AlertTools.criticityColor(criticity);
     };
 
+    const isSelected = (id: string): boolean => {
+      return props.modelValue.includes(id);
+    };
+
     const alertsOrdered = computed(() => {
       const als = [...alerts.value]
       return  als.sort((a: AlertInfos, b: AlertInfos) => {
@@ -331,7 +344,8 @@ export default defineComponent({
       ColorEnum,
       epochToShortTimeFormat,
       alertColorByCriticity,
-      criticityColor
+      criticityColor,
+      isSelected
     };
   }
 });

package/components/lists/models/FSBaseModelsList.vue

@@ -63,6 +63,7 @@
     >
       <FSModelTileUI
         :to="$props.itemTo && $props.itemTo(item)"
+        :selectable="$props.selectable"
         :singleSelect="$props.singleSelect"
         :imageId="item.imageId"
         :label="item.label"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-core-components",
   "sideEffects": false,
-  "version": "1.0.140-selectable",
+  "version": "1.0.140-selectable2",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,11 +10,11 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-core-domain": "1.0.140-selectable",
-    "@dative-gpi/foundation-core-services": "1.0.140-selectable",
-    "@dative-gpi/foundation-shared-components": "1.0.140-selectable",
-    "@dative-gpi/foundation-shared-domain": "1.0.140-selectable",
-    "@dative-gpi/foundation-shared-services": "1.0.140-selectable"
+    "@dative-gpi/foundation-core-domain": "1.0.140-selectable2",
+    "@dative-gpi/foundation-core-services": "1.0.140-selectable2",
+    "@dative-gpi/foundation-shared-components": "1.0.140-selectable2",
+    "@dative-gpi/foundation-shared-domain": "1.0.140-selectable2",
+    "@dative-gpi/foundation-shared-services": "1.0.140-selectable2"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -26,5 +26,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "6faaffa554359a3319265c4f25e44a5da901fe20"
+  "gitHead": "39b7ca54a053740dcb5b06d6daf39aed609dbd36"
 }