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

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/customProperties/helpers.ts

@@ -1,16 +1,16 @@
-import { useAppTimeZone } from "@dative-gpi/foundation-shared-services/composables";
+import { useDateExpression } from "@dative-gpi/foundation-shared-services/composables";
 import { FilterType, PropertyDataType } from "@dative-gpi/foundation-shared-domain/enums";
 
 import { type CustomPropertyInfos,  } from "../../../foundation-core-domain/models";
 
-const { getOffsetDifference } = useAppTimeZone();
+const { convert: convertExpressionToEpoch } = useDateExpression();
 
 export const getColor = (property: CustomPropertyInfos, value: string): string | undefined => {
     if (property.colorful) {
         for (const color of [...property.colorMap].sort((a, b) => b.priority - a.priority)) {
             let filterValues = [...color.filterValues];
             if ([PropertyDataType.DateTime].includes(property.dataType)) {
-                filterValues = filterValues.map(fv => getEpoch(fv));
+                filterValues = filterValues.map(fv => convertExpressionToEpoch(fv).toString());
             }
             switch (color.filterType) {
                 case FilterType.None: return color.color;
@@ -80,113 +80,3 @@ export const getColor = (property: CustomPropertyInfos, value: string): string |
         }
     }
 }
-
-const getEpoch = (expression: string): string => {
-    if (!isNaN(parseInt(expression))) {
-        return expression;
-    }
-
-    const date = new Date();
-    if (expression.startsWith("now")) {
-        expression = expression.substring(3).replace(/\s/g, "");
-    }
-    else {
-        return (date.getTime()).toString();
-    }
-    let match = /^(?:(?:([-+])(\d*))?(\w+))?(?:\/(\w))?/g.exec(expression);
-    while (match != null && (match[0] != null && match[0].length > 0)) {
-        if (match[1] != null && match[3] != null) {
-            if (!["-", "+"].includes(match[1]) || isNaN(parseInt(match[2])) || !["s", "m", "h", "d", "w", "M", "y"].includes(match[3])) {
-                return (date.getTime()).toString();
-            }
-            const offset = match[1] == "-" ? -1 * parseInt(match[2]): 1* parseInt(match[2]);
-            switch (match[3]) {
-                case "s": {
-                    date.setSeconds(date.getSeconds() + offset);
-                    break;
-                }
-                case "m": {
-                    date.setMinutes(date.getMinutes() + offset);
-                    break;
-                }
-                case "h": {
-                    date.setHours(date.getHours() + offset);
-                    break;
-                }
-                case "d": {
-                    date.setDate(date.getDate() + offset);
-                    break;
-                }
-                case "w": {
-                    date.setDate(date.getDate() + offset * 7);
-                    break;
-                }
-                case "M": {
-                    date.setMonth(date.getMonth() + offset);
-                    break;
-                }
-                case "y": {
-                    date.setFullYear(date.getFullYear() + offset);
-                    break;
-                }
-            }
-        }
-        if (match[4] != null) {
-            if (!["s", "m", "h", "d", "w", "M", "y"].includes(match[4])) {
-                return (date.getTime()).toString();
-            }
-            switch (match[4]) {
-                case "s": {
-                    date.setMilliseconds(0);
-                    break;
-                }
-                case "m": {
-                    date.setMilliseconds(0);
-                    date.setSeconds(0);
-                    break;
-                }
-                case "h": {
-                    date.setMilliseconds(0);
-                    date.setSeconds(0);
-                    date.setMinutes(0);
-                    break;
-                }
-                case "d": {
-                    date.setMilliseconds(0);
-                    date.setSeconds(0);
-                    date.setMinutes(0);
-                    date.setHours(0);
-                    break;
-                }
-                case "w": {
-                    date.setMilliseconds(0);
-                    date.setSeconds(0);
-                    date.setMinutes(0);
-                    date.setHours(0);
-                    date.setDate(date.getDate() - date.getDay() + (date.getDay() === 0 ? -6 : 1));
-                    break;
-                }
-                case "M": {
-                    date.setMilliseconds(0);
-                    date.setSeconds(0);
-                    date.setMinutes(0);
-                    date.setHours(0);
-                    date.setDate(1);
-                    break;
-                }
-                case "y": {
-                    date.setMilliseconds(0);
-                    date.setSeconds(0);
-                    date.setMinutes(0);
-                    date.setHours(0);
-                    date.setDate(1);
-                    date.setMonth(0);
-                    break;
-                }
-            }
-        }
-        expression = expression.substring(match[0].length);
-        match = /(?:(?:([-+])(\d*))?(\w+))?(?:\/(\w))?/g.exec(expression);
-    }
-    return (date.getTime() + getOffsetDifference()).toString();
-}

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,7 +7,7 @@
     :headersOptions="headersOptions"
     :tableCode="$props.tableCode"
     :modelValue="$props.modelValue"
-    :showSelect="$props.editable"
+    :showSelect="$props.selectable"
     :singleSelect="$props.singleSelect"
     @update:modelValue="$emit('update:modelValue', $event)"
     v-bind="$attrs"
@@ -51,7 +51,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :disabled="true"
         :tags="item.tags"
       />
     </template>
@@ -73,7 +73,7 @@
       #item.modelsLabels="{ item }"
     >
       <FSTagGroup
-        :editable="false"
+        :disabled="true"
         :tags="item.modelsLabels.map((d: any) => d.label)"
       />
     </template>
@@ -84,7 +84,7 @@
         :label="item.label"
         :category-label="item.chartCategoryLabel"
         :singleSelect="$props.singleSelect"
-        :editable="$props.editable"
+        :selectable="$props.selectable"
         :icon="item.icon"
         :imageId="item.imageId"
         :type="item.chartType"
@@ -149,7 +149,7 @@ export default defineComponent({
       default: () => [],
       required: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/lists/chartOrganisations/FSBaseChartOrganisationsList.vue

@@ -8,7 +8,7 @@
     :tableCode="$props.tableCode"
     :modelValue="$props.modelValue"
     :singleSelect="$props.singleSelect"
-    :showSelect="$props.editable"
+    :showSelect="$props.selectable"
     @update:modelValue="$emit('update:modelValue', $event)"
     v-bind="$attrs"
   >
@@ -51,7 +51,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :disabled="true"
         :tags="item.tags"
       />
     </template>
@@ -59,7 +59,7 @@
       #item.modelsLabels="{ item }"
     >
       <FSTagGroup
-        :editable="false"
+        :disabled="true"
         :tags="item.modelsLabels.map((d: any) => d.label)"
       />
     </template>
@@ -83,7 +83,7 @@
       <FSChartTileUI
         :label="item.label"
         :singleSelect="$props.singleSelect"
-        :editable="$props.editable"
+        :selectable="$props.selectable"
         :categoryLabel="item.chartCategoryLabel"
         :icon="item.icon"
         :imageId="item.imageId"
@@ -149,7 +149,7 @@ export default defineComponent({
       default: () => [],
       required: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

package/components/lists/charts/FSBaseChartsList.vue

@@ -4,7 +4,7 @@
     :loading="fetchingChartOrganisationTypes || fetchingChartOrganisations"
     :headersOptions="headersOptions"
     :items="charts"
-    :showSelect="$props.editable"
+    :showSelect="$props.selectable"
     :singleSelect="$props.singleSelect"
     :tableCode="$props.tableCode"
     :modelValue="$props.modelValue"
@@ -50,7 +50,7 @@
     >
       <FSTagGroup
         variant="slide"
-        :editable="false"
+        :disabled="true"
         :tags="item.tags"
       />
     </template>
@@ -72,12 +72,12 @@
       #item.modelsLabels="{ item }"
     >
       <FSTagGroup
-        :editable="false"
+        :disabled="true"
         :tags="item.modelsLabels.map((d: any) => d.label)"
       />
     </template>
     <template
-      #item.tile="{ item, toggleSelect }"
+      #item.tile="{ item }"
     >
       <FSChartTileUI
         :label="item.label"
@@ -86,11 +86,9 @@
         :imageId="item.imageId"
         :type="item.chartType"
         :singleSelect="$props.singleSelect"
-        :editable="$props.editable"
-        :activeColor="ColorEnum.Primary"
+        :selectable="$props.selectable"
         :modelValue="isSelected(item.id)"
-        @update:modelValue="toggleSelect(item)"
-        @click="update(item.id)"
+        @update:modelValue="update(item.id)"
       />
     </template>
   </FSDataTable>
@@ -147,7 +145,7 @@ export default defineComponent({
       default: () => [],
       required: false
     },
-    editable: {
+    selectable: {
       type: Boolean,
       required: false,
       default: true

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 });