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

package/components/autocompletes/FSAutocompleteChart.vue

@@ -25,7 +25,6 @@
       <FSChip
         :color="chartOriginColor(item.type)"
         :label="chartOriginLabel(item.type)"
-        :editable="false"
       />
     </template>
     <template
@@ -46,7 +45,6 @@
           <FSChip
             :color="chartOriginColor(props.item.type)"
             :label="chartOriginLabel(props.item.type)"
-            :editable="false"
           />
         </template>
       </FSButton>

package/components/autocompletes/FSAutocompleteDashboard.vue

@@ -25,7 +25,6 @@
       <FSChip
         :color="dashboardTypeColor(item.type)"
         :label="dashboardTypeLabel(item.type)"
-        :editable="false"
       />
     </template>
     <template
@@ -46,7 +45,6 @@
           <FSChip
             :color="dashboardTypeColor(props.item.type)"
             :label="dashboardTypeLabel(props.item.type)"
-            :editable="false"
           />
         </template>
       </FSButton>

package/components/autocompletes/FSAutocompleteRole.vue

@@ -25,7 +25,6 @@
       <FSChip
         :color="roleTypeColor(item.type)"
         :label="roleTypeLabel(item.type)"
-        :editable="false"
       />
     </template>
     <template
@@ -46,7 +45,6 @@
           <FSChip
             :color="roleTypeColor(props.item.type)"
             :label="roleTypeLabel(props.item.type)"
-            :editable="false"
           />
         </template>
       </FSButton>

package/components/customProperties/FSMetaField.vue

@@ -1,7 +1,7 @@
 <template>
   <FSSelectField
     v-if="$props.customProperty.useOnlyAllowedValues"
-    :editable="$props.editable"
+    :disabled="$props.disabled"
     :itemTitle="itemTitle"
     :label="$props.label"
     :class="classes"
@@ -30,35 +30,35 @@
   >
     <FSNumberField
       v-if="$props.customProperty.dataType === PropertyDataType.Number"
-      :editable="$props.editable"
+      :disabled="$props.disabled"
       :label="$props.label"
       :modelValue="asNumber()"
       @update:modelValue="onUpdate"
     />
     <FSSwitch
       v-else-if="$props.customProperty.dataType === PropertyDataType.Boolean"
-      :editable="$props.editable"
+      :disabled="$props.disabled"
       :label="$props.label"
       :modelValue="asBoolean()"
       @update:modelValue="onUpdate"
     />
     <FSTextField
       v-else-if="$props.customProperty.dataType === PropertyDataType.String"
-      :editable="$props.editable"
+      :disabled="$props.disabled"
       :label="$props.label"
       :modelValue="$props.modelValue"
       @update:modelValue="onUpdate"
     />
     <FSDateTimeField
       v-else-if="$props.customProperty.dataType === PropertyDataType.DateTime"
-      :editable="$props.editable"
+      :disabled="$props.disabled"
       :label="$props.label"
       :modelValue="asNumber()"
       @update:modelValue="onUpdate"
     />
     <FSIconField
       v-else-if="$props.customProperty.dataType === PropertyDataType.Icon"
-      :editable="$props.editable"
+      :disabled="$props.disabled"
       :label="$props.label" 
       :modelValue="modelValue"
       @update:modelValue="onUpdate"
@@ -108,10 +108,10 @@ export default defineComponent({
       required: false,
       default: null
     },
-    editable: {
+    disabled: {
       type: Boolean,
       required: false,
-      default: true
+      default: false
     }
   },
   emits: ["update:modelValue"],

package/components/customProperties/FSMetaFormContent.vue

@@ -17,7 +17,7 @@
       <FSMetaField
         v-for="(property, index) in properties"
         :customProperty="property"
-        :editable="editable"
+        :disabled="disabled"
         :key="index"
         :modelValue="modelValue[property.code]"
         @update:modelValue="(event) => $emit('update:modelValue', { ...modelValue, [property.code]: event})"
@@ -50,12 +50,13 @@ export default defineComponent({
       type: Object as PropType<{ [key: string]: string }>,
       required: true
     },
-    editable: {
+    disabled: {
       type: Boolean,
       required: false,
-      default: true
+      default: false
     }
   },
+  emits: ["update:modelValue"],
   setup(props) {
     const categories = props.customProperties.reduce((acc, curr) => {
       if (acc[curr.categoryLabel] === undefined) {

package/components/entities/FSEntityField.vue

@@ -3,7 +3,7 @@
     :description="$props.description"
     :hideHeader="$props.hideHeader"
     :required="$props.required"
-    :editable="$props.editable"
+    :disabled="$props.disabled"
     :label="$props.label"
     :messages="$props.messages"
     :entityType="$props.entityType"
@@ -96,10 +96,10 @@ export default defineComponent({
       required: false,
       default: null
     },
-    editable: {
+    disabled: {
       type: Boolean,
       required: false,
-      default: true
+      default: false
     },
     entityType: {
       type: Number as PropType<EntityType>,

package/components/explorers/FSBaseDevicesExplorer.vue

@@ -4,7 +4,7 @@
     :loading="fetchingDeviceExplorerElements"
     :singleSelect="$props.singleSelect"
     :items="deviceExplorerElements"
-    :showSelect="$props.editable"
+    :showSelect="$props.selectable"
     :tableCode="$props.tableCode"
     :itemTo="$props.itemTo"
     :noSearch="$props.recursiveSearch"
@@ -52,7 +52,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :disabled="true"
         :tags="item.tags"
       />
     </template>
@@ -221,7 +221,7 @@ export default defineComponent({
       required: false,
       default: null
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/explorers/FSBaseFoldersExplorer.vue

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

package/components/lists/alerts/FSBaseAlertsList.vue

@@ -50,7 +50,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :showRemove="false"
         :tags="item.tags"
       />
     </template>
@@ -60,7 +60,7 @@
       <FSTagGroup
         variant="slide"
         :tags="item.groupByValues.map((gbv: any) => `${gbv.label}: ${gbv.value}`)"
-        :editable="false"
+        :showRemove="false"
       />
     </template>
     <template
@@ -120,7 +120,7 @@
       <FSTagGroup
         variant="slide"
         :tags="item.history.map((h: any) => AlertTools.statusLabel(h.status))"
-        :editable="false"
+        :showRemove="false"
       />
     </template>
     <template

package/components/lists/authTokens/FSBaseAuthTokensList.vue

@@ -3,6 +3,7 @@
     :items="authTokens"
     :loading="fetchingAuthTokens"
     :tableCode="$props.tableCode"
+    :showSelect="false"
     v-bind="$attrs"
   >
     <template

package/components/lists/chartOrganisationTypes/FSBaseChartOrganisationTypesList.vue

@@ -7,6 +7,8 @@
     :headersOptions="headersOptions"
     :tableCode="$props.tableCode"
     :modelValue="$props.modelValue"
+    :showSelect="$props.selectable"
+    :singleSelect="$props.singleSelect"
     @update:modelValue="$emit('update:modelValue', $event)"
     v-bind="$attrs"
   >
@@ -49,7 +51,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :disabled="true"
         :tags="item.tags"
       />
     </template>
@@ -71,21 +73,23 @@
       #item.modelsLabels="{ item }"
     >
       <FSTagGroup
-        :editable="false"
+        :disabled="true"
         :tags="item.modelsLabels.map((d: any) => d.label)"
       />
     </template>
     <template
-      #item.tile="{item}"
+      #item.tile="{ item, toggleSelect}"
     >
       <FSChartTileUI
-        variant="standard"
         :label="item.label"
         :category-label="item.chartCategoryLabel"
+        :singleSelect="$props.singleSelect"
+        :selectable="$props.selectable"
         :icon="item.icon"
         :imageId="item.imageId"
         :type="item.chartType"
-        :color="ColorEnum.Light"
+        :modelValue="isSelected(item.id)"
+        @update:modelValue="toggleSelect(item)"
         :to="$props.itemTo && $props.itemTo(item)"
       />
     </template>
@@ -144,6 +148,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:modelValue"],

package/components/lists/chartOrganisations/FSBaseChartOrganisationsList.vue

@@ -7,6 +7,8 @@
     :headersOptions="headersOptions"
     :tableCode="$props.tableCode"
     :modelValue="$props.modelValue"
+    :singleSelect="$props.singleSelect"
+    :showSelect="$props.selectable"
     @update:modelValue="$emit('update:modelValue', $event)"
     v-bind="$attrs"
   >
@@ -49,7 +51,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :disabled="true"
         :tags="item.tags"
       />
     </template>
@@ -57,24 +59,10 @@
       #item.modelsLabels="{ item }"
     >
       <FSTagGroup
-        :editable="false"
+        :disabled="true"
         :tags="item.modelsLabels.map((d: any) => d.label)"
       />
     </template>
-    <template
-      #item.tile="{ item }"
-    >
-      <FSChartTileUI
-        variant="standard"
-        :label="item.label"
-        :categoryLabel="item.chartCategoryLabel"
-        :icon="item.icon"
-        :imageId="item.imageId"
-        :type="item.chartType"
-        :color="ColorEnum.Light"
-        :to="$props.itemTo && $props.itemTo(item)"
-      />
-    </template>
     <template
       #item.chartType="{ item }"
     >
@@ -89,6 +77,22 @@
         </FSText>
       </FSRow>
     </template>
+    <template
+      #item.tile="{ item, toggleSelect }"
+    >
+      <FSChartTileUI
+        :label="item.label"
+        :singleSelect="$props.singleSelect"
+        :selectable="$props.selectable"
+        :categoryLabel="item.chartCategoryLabel"
+        :icon="item.icon"
+        :imageId="item.imageId"
+        :type="item.chartType"
+        :modelValue="isSelected(item.id)"
+        @update:modelValue="toggleSelect(item)"
+        :to="$props.itemTo && $props.itemTo(item)"
+      />
+    </template>
   </FSDataTable>
 </template>
 
@@ -144,7 +148,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:modelValue"],
   setup(props) {

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/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