@dative-gpi/foundation-core-components 0.0.230 → 0.1.68

package/components/lists/userOrganisations/FSBaseUserOrganisationsList.vue

@@ -0,0 +1,169 @@
+<template>
+  <FSDataTable
+    :items="userOrganisations"
+    :itemTo="$props.itemTo"
+    :loading="fetchingUserOrganisations"
+    :showSelect="$props.editable"
+    :tableCode="$props.tableCode"
+    :modelValue="$props.modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  >
+    <template
+      v-for="(_, name) in $slots"
+      v-slot:[name]="slotData"
+    >
+      <slot
+        :name="name"
+        v-bind="slotData"
+      />
+    </template>
+    <template
+      #header.imageId-title
+    >
+      <FSIcon>
+        mdi-panorama-variant-outline
+      </FSIcon>
+    </template>
+    <template
+      #item.imageId="{ item }"
+    >
+      <FSImage
+        v-if="item.imageId"
+        height="32px"
+        width="32px"
+        :imageId="item.imageId"
+      />
+    </template>
+    <template
+      #item.allowEmails="{ item }"
+    >
+      <FSIconCheck
+        :value="item.allowEmails"
+      />
+    </template>
+    <template
+      #item.allowSms="{ item }"
+    >
+      <FSIconCheck
+        :value="item.allowSms"
+      />
+    </template>
+    <template
+      #item.tags="{ item }"
+    >
+      <FSTagGroup
+        variant="slide"
+        :editable="false"
+        :tags="item.tags"
+      />
+    </template>
+    <template
+      #item.validity="{ item }"
+    >
+      <FSSpan
+        font="text-overline"
+      >
+        {{ userValidityLabel(item.validity) }}
+      </FSSpan>
+    </template>
+    <template
+      #item.userType="{ item }"
+    >
+      <FSSpan
+        font="text-overline"
+      >
+        {{ userTypeLabel(item.userType) }}
+      </FSSpan>
+    </template>
+    <template
+      #item.tile="{ item, toggleSelect }"
+    >
+      <FSUserOrganisationTileUI
+        :to="$props.itemTo && $props.itemTo(item)"
+        :editable="$props.editable"
+        :modelValue="isSelected(item.id)"
+        @update:modelValue="toggleSelect(item)"
+        v-bind="item"
+      />
+    </template>
+  </FSDataTable>
+</template>
+
+<script lang="ts">
+import { defineComponent, type PropType, watch } from "vue";
+import { type RouteLocation } from "vue-router";
+import _ from "lodash";
+
+import type { UserOrganisationFilters, UserOrganisationInfos } from "@dative-gpi/foundation-core-domain/models";
+import { userTypeLabel, userValidityLabel } from "@dative-gpi/foundation-core-components/utils";
+import { useUserOrganisations } from "@dative-gpi/foundation-core-services/composables";
+
+import FSDataTable from "../FSDataTable.vue";
+
+import FSSpan from "@dative-gpi/foundation-shared-components/components/FSSpan.vue";
+import FSImage from "@dative-gpi/foundation-shared-components/components/FSImage.vue";
+import FSTagGroup from "@dative-gpi/foundation-shared-components/components/FSTagGroup.vue";
+import FSIconCheck from "@dative-gpi/foundation-shared-components/components/FSIconCheck.vue";
+import FSUserOrganisationTileUI from "@dative-gpi/foundation-shared-components/components/tiles/FSUserOrganisationTileUI.vue";
+
+export default defineComponent({
+  name: "FSBaseUserOrganisationsList",
+  components: {
+    FSDataTable,
+    FSImage,
+    FSUserOrganisationTileUI,
+    FSSpan,
+    FSTagGroup,
+    FSIconCheck
+
+  },
+  props: {
+    tableCode: {
+      type: String,
+      required: true
+    },
+    userOrganisationsFilters: {
+      type: Object as PropType<UserOrganisationFilters | null>,
+      required: false,
+      default: null
+    },
+    itemTo: {
+      type: Function as PropType<(item: UserOrganisationInfos) => Partial<RouteLocation>>,
+      required: false
+    },
+    editable: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    modelValue: {
+      type: Array as PropType<string[]>,
+      required: false,
+      default: () => []
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(props) {
+    const { getMany: fetchUserOrganisations, entities: userOrganisations, fetching: fetchingUserOrganisations } = useUserOrganisations();
+
+    const isSelected = (id: string): boolean => {
+      return props.modelValue.includes(id);
+    };
+
+    watch(() => props.userOrganisationsFilters, (next, previous) => {
+      if ((!next && !previous) || !_.isEqual(next, previous)) {
+        fetchUserOrganisations(props.userOrganisationsFilters ?? undefined);
+      }
+    }, { immediate: true });
+
+    return {
+      fetchingUserOrganisations,
+      userOrganisations,
+      userValidityLabel,
+      userTypeLabel,
+      isSelected
+    };
+  }
+});
+</script>

package/components/lists/userOrganisations/FSSimpleUserOrganisationsList.vue

@@ -0,0 +1,45 @@
+<template>
+  <FSSimpleList
+    :items="userOrganisations"
+    itemLabel="name"
+    :loading="fetching"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { defineComponent, type PropType, watch } from "vue";
+
+import type { UserOrganisationFilters } from "@dative-gpi/foundation-core-domain/models";
+import { useUserOrganisations } from "@dative-gpi/foundation-core-services/composables";
+
+import FSSimpleList from "@dative-gpi/foundation-shared-components/components/lists/FSSimpleList.vue";
+
+export default defineComponent({
+  name: "FSSimpleUserOrganisationsList",
+  components: {
+    FSSimpleList,
+  },
+  props: {
+    userOrganisationFilters: {
+      type: Object as PropType<UserOrganisationFilters>,
+      required: false,
+      default: () => ({})
+    }
+  },
+  setup(props){
+    const { entities: userOrganisations, getMany, fetching } = useUserOrganisations();
+
+    const fetch = () => {
+      getMany(props.userOrganisationFilters);
+    }
+
+    watch(() => props.userOrganisationFilters, fetch, { immediate: true });
+
+    return {
+      userOrganisations,
+      fetching
+    }
+  }
+});
+</script>

package/components/selects/FSAggregationSelector.vue

@@ -1,5 +1,5 @@
 <template>
-  <FSSelectField
+  <FSAutocompleteField
     :label="label ?? $tr('ui.common.aggregation-type','Aggregation')"
     :items="aggregationTypeItems"
     :modelValue="modelValue"
@@ -11,15 +11,15 @@
 <script lang="ts">
 import { computed, defineComponent, type PropType } from "vue";
 
-import {AggregationType} from "@dative-gpi/foundation-core-domain/models";
+import { AggregationType } from "@dative-gpi/foundation-shared-domain/enums";
 
 import {aggregationTypeLabel, getEnumEntries} from "../../utils";
 
-import FSSelectField from "@dative-gpi/foundation-shared-components/components/fields/FSSelectField.vue";
+import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
 
 export default defineComponent({
   components: {
-    FSSelectField
+    FSAutocompleteField
   },
   props: {
     modelValue : {
@@ -35,7 +35,7 @@ export default defineComponent({
   setup() {
 
     const aggregationTypeItems = computed(()=>{
-      return getEnumEntries(AggregationType).map((f)=>{
+      return getEnumEntries(AggregationType).filter(f=>f.value != AggregationType.None).map((f)=>{
         return {
           id: f.value,
           label: aggregationTypeLabel(f.value)

package/components/selects/FSAxisTypeSelector.vue

@@ -11,7 +11,7 @@
 <script lang="ts">
 import { computed, defineComponent, type PropType } from "vue";
 
-import  {AxisType} from "@dative-gpi/foundation-core-domain/models";
+import  {AxisType} from "@dative-gpi/foundation-shared-domain/enums";
 
 import {axisTypeLabel, getEnumEntries} from "../../utils";
 

package/components/selects/FSDisplayAsSelector.vue

@@ -1,5 +1,5 @@
 <template>
-  <FSSelectField
+  <FSAutocompleteField
     :label="label ?? $tr('ui.common.display-as','Display as')"
     :items="displayAsItems"
     :modelValue="modelValue"
@@ -11,15 +11,15 @@
 <script lang="ts">
 import { computed, defineComponent, type PropType } from "vue";
 
-import {DisplayAs} from "@dative-gpi/foundation-core-domain/models";
+import {DisplayAs} from "@dative-gpi/foundation-shared-domain/enums";
 
-import FSSelectField from "@dative-gpi/foundation-shared-components/components/fields/FSSelectField.vue";
+import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
 
 import {displayAsLabel, getEnumEntries} from "../../utils";
 
 export default defineComponent({
   components: {
-    FSSelectField
+    FSAutocompleteField
   },
   props: {
     modelValue: {
@@ -36,7 +36,7 @@ export default defineComponent({
   setup() {
     
     const displayAsItems = computed(()=>{
-      return getEnumEntries(DisplayAs).map((f)=>{
+      return getEnumEntries(DisplayAs).filter(f=>f.value != DisplayAs.None).map((f)=>{
         return {
           id: f.value,
           label: displayAsLabel(f.value)

package/components/selects/FSFilterTypeSelector.vue

@@ -12,7 +12,7 @@
 <script lang="ts">
 import { computed, defineComponent, type PropType } from "vue";
 
-import {FilterType} from "@dative-gpi/foundation-core-domain/models";
+import {FilterType} from "@dative-gpi/foundation-shared-domain/enums";
 
 import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
 
@@ -37,7 +37,7 @@ export default defineComponent({
   setup() {
 
     const filterTypeItems = computed(()=>{
-      return getEnumEntries(FilterType).map((f)=>{
+      return getEnumEntries(FilterType).filter(f=>f.value != FilterType.None).map((f)=>{
         return {
           id: f.value,
           label: filterTypeLabel(f.value)

package/components/selects/FSHeatmapRuleSelector.vue

@@ -1,5 +1,5 @@
 <template>
-  <FSSelectField
+  <FSAutocompleteField
     :label="label ?? $tr('ui.common.heat-rule','Heat rule')"
     :items="heatmapRuleItems"
     :modelValue="modelValue"
@@ -11,15 +11,15 @@
 <script lang="ts">
 import { computed, defineComponent, type PropType } from "vue";
 
-import {HeatmapRule} from "@dative-gpi/foundation-core-domain/models";
+import {HeatmapRule} from "@dative-gpi/foundation-shared-domain/enums";
 
-import FSSelectField from "@dative-gpi/foundation-shared-components/components/fields/FSSelectField.vue";
+import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
 
 import {heatmapRuleLabel, getEnumEntries} from "../../utils";
 
 export default defineComponent({
   components: {
-    FSSelectField
+    FSAutocompleteField
   },
   props: {
     modelValue: {
@@ -36,7 +36,7 @@ export default defineComponent({
   setup() {
     
     const heatmapRuleItems = computed(()=>{
-      return getEnumEntries(HeatmapRule).map((f)=>{
+      return getEnumEntries(HeatmapRule).filter(f=>f.value != HeatmapRule.None).map((f)=>{
         return {
           id: f.value,
           label: heatmapRuleLabel(f.value)

package/components/selects/FSOperationOnSelector.vue

@@ -1,5 +1,5 @@
 <template>
-  <FSSelectField
+  <FSAutocompleteField
     :label="label ?? $tr('ui.common.operation-on','Operation on')"
     :items="operationOnItems"
     :modelValue="modelValue"
@@ -11,15 +11,15 @@
 <script lang="ts">
 import { computed, defineComponent, type PropType } from "vue";
 
-import {OperationOn} from "@dative-gpi/foundation-core-domain/models";
+import {OperationOn} from "@dative-gpi/foundation-shared-domain/enums";
 
-import FSSelectField from "@dative-gpi/foundation-shared-components/components/fields/FSSelectField.vue";
+import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
 
 import {operationOnLabel, getEnumEntries} from "../../utils";
 
 export default defineComponent({
   components: {
-    FSSelectField
+    FSAutocompleteField
   },
   props: {
     modelValue: {
@@ -35,7 +35,7 @@ export default defineComponent({
   setup() {
     
     const operationOnItems = computed(()=>{
-      return getEnumEntries(OperationOn).map((f)=>{
+      return getEnumEntries(OperationOn).filter(f=>f.value != OperationOn.None).map((f)=>{
         return {
           id: f.value,
           label: operationOnLabel(f.value)

package/components/selects/FSPlanningTypeSelector.vue

@@ -1,24 +1,25 @@
 <template>
-  <FSSelectField
+  <FSAutocompleteField
     :label="label ?? $tr('ui.common.planning-type','Planning type')"
     :items="planningTypeItems"
     :modelValue="modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
   />
 </template>
 
 <script lang="ts">
 import { computed, defineComponent, type PropType } from "vue";
 
-import {PlanningType} from "@dative-gpi/foundation-core-domain/models";
+import {PlanningType} from "@dative-gpi/foundation-shared-domain/enums";
 
-import FSSelectField from "@dative-gpi/foundation-shared-components/components/fields/FSSelectField.vue";
+import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
 
 import {planningTypeLabel, getEnumEntries} from "../../utils";
 
 export default defineComponent({
   components: {
-    FSSelectField
+    FSAutocompleteField
   },
   props: {
     modelValue: {
@@ -34,7 +35,7 @@ export default defineComponent({
   setup() {
     
     const planningTypeItems = computed(()=>{
-      return getEnumEntries(PlanningType).map((f)=>{
+      return getEnumEntries(PlanningType).filter(f=>f.value != PlanningType.None).map((f)=>{
         return {
           id: f.value,
           label: planningTypeLabel(f.value)

package/components/selects/FSPlotPerSelector.vue

@@ -1,5 +1,5 @@
 <template>
-  <FSSelectField
+  <FSAutocompleteField
     :label="label ?? $tr('ui.common.plot-per','Plot per')"
     :items="plotPerItems"
     :modelValue="modelValue"
@@ -11,15 +11,15 @@
 <script lang="ts">
 import { computed, defineComponent, type PropType } from "vue";
 
-import {PlotPer} from "@dative-gpi/foundation-core-domain/models";
+import {PlotPer} from "@dative-gpi/foundation-shared-domain/enums";
 
-import FSSelectField from "@dative-gpi/foundation-shared-components/components/fields/FSSelectField.vue";
+import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
 
 import {plotPerLabel, getEnumEntries} from "../../utils";
 
 export default defineComponent({
   components: {
-    FSSelectField
+    FSAutocompleteField
   },
   props: {
     modelValue: {
@@ -35,7 +35,7 @@ export default defineComponent({
   setup() {
     
     const plotPerItems = computed(()=>{
-      return getEnumEntries(PlotPer).map((f)=>{
+      return getEnumEntries(PlotPer).filter(f=>f.value != PlotPer.None).map((f)=>{
         return {
           id: f.value,
           label: plotPerLabel(f.value)

package/components/selects/{FSSelectSelectedEntities.vue → FSSelectEntityType.vue}

@@ -1,6 +1,6 @@
 <template>
   <FSSelectField
-    :items="selectedEntities"
+    :items="entityTypes"
     :clearable="false"
     :modelValue="$props.modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
@@ -13,20 +13,20 @@ import type { PropType} from "vue";
 import { computed, defineComponent } from "vue";
 
 import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
-import { SelectedEntities } from "@dative-gpi/foundation-core-domain/models";
+import { EntityType } from "@dative-gpi/foundation-shared-domain/enums";
 
 import FSSelectField from "@dative-gpi/foundation-shared-components/components/fields/FSSelectField.vue";
 
 export default defineComponent({
-  name: "FSSelectSelectedEntities",
+  name: "FSSelectEntityType",
   components: {
     FSSelectField
   },
   props: {
     modelValue: {
-      type: Number as PropType<SelectedEntities>,
+      type: Number as PropType<EntityType>,
       required: false,
-      default: SelectedEntities.Devices
+      default: EntityType.Device
     },
     useNone: {
       type: Boolean,
@@ -38,21 +38,21 @@ export default defineComponent({
   setup(props) {
     const { $tr } = useTranslationsProvider();
 
-    const selectedEntities = computed((): { id: SelectedEntities; label: string }[] => {
+    const entityTypes = computed((): { id: EntityType; label: string }[] => {
       const items = [
-        { id: SelectedEntities.Models, label: $tr("ui.selected-entities.models", "Models") },
-        { id: SelectedEntities.Devices, label: $tr("ui.selected-entities.devices", "Devices") },
-        { id: SelectedEntities.Groups, label: $tr("ui.selected-entities.groups", "Groups") },
-        { id: SelectedEntities.Locations, label: $tr("ui.selected-entities.locations", "Locations") }
+        { id: EntityType.Model, label: $tr("ui.entity-type.models", "Models") },
+        { id: EntityType.Device, label: $tr("ui.entity-type.devices", "Devices") },
+        { id: EntityType.Group, label: $tr("ui.entity-type.groups", "Groups") },
+        { id: EntityType.Location, label: $tr("ui.entity-type.locations", "Locations") }
       ];
       if (props.useNone) {
-        items.unshift({ id: SelectedEntities.None, label: $tr("ui.selected-entities.none", "None") });
+        items.unshift({ id: EntityType.None, label: $tr("ui.entity-type.none", "None") });
       }
       return items;
     });
 
     return {
-      selectedEntities
+      entityTypes
     };
   }
 });

package/components/selects/FSSerieTypeSelector.vue

@@ -1,5 +1,5 @@
 <template>
-  <FSSelectField
+  <FSAutocompleteField
     :label="label ?? $tr('ui.common.serie-type','Serie type')"
     :items="serieTypeItems"
     :modelValue="modelValue"
@@ -11,15 +11,15 @@
 <script lang="ts">
 import { computed, defineComponent, type PropType } from "vue";
 
-import {SerieType} from "@dative-gpi/foundation-core-domain/models";
+import {SerieType} from "@dative-gpi/foundation-shared-domain/enums";
 
-import FSSelectField from "@dative-gpi/foundation-shared-components/components/fields/FSSelectField.vue";
+import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
 
 import {serieTypeLabel, getEnumEntries} from "../../utils";
 
 export default defineComponent({
   components: {
-    FSSelectField
+    FSAutocompleteField
   },
   props: {
     modelValue: {
@@ -35,7 +35,7 @@ export default defineComponent({
   setup() {
     
     const serieTypeItems = computed(()=>{
-      return getEnumEntries(SerieType).map((f)=>{
+      return getEnumEntries(SerieType).filter(f=>f.value != SerieType.None).map((f)=>{
         return {
           id: f.value,
           label: serieTypeLabel(f.value)

package/components/tiles/FSDeviceOrganisationTile.vue

@@ -3,7 +3,7 @@
     v-if="getting"
     :editable="$props.editable"
     :modelValue="$props.modelValue"
-    @update:modelValue="(value) => $emit('update:modelValue', value)"
+    @update:modelValue="$emit('update:modelValue', $event)"
   />
   <FSDeviceOrganisationTileUI
     v-else-if="entity"
@@ -16,8 +16,9 @@
     :modelStatuses="entity.modelStatuses"
     :deviceStatuses="entity.status?.statuses"
     :editable="$props.editable"
+    :alertTo="$props.alertTo"
     :modelValue="$props.modelValue"
-    @update:modelValue="(value) => $emit('update:modelValue', value)"
+    @update:modelValue="$emit('update:modelValue', $event)"
     v-bind="$attrs"
   />
 </template>
@@ -50,8 +51,14 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: true
+    },
+    alertTo: {
+      type: Function,
+      required: false,
+      default: null
     }
   },
+  emits: ["update:modelValue"],
   setup(props) {
     const { get, getting, entity } = useDeviceOrganisation();
 

package/components/tiles/FSLocationTile.vue

@@ -0,0 +1,65 @@
+<template>
+  <FSLoadTile
+    v-if="getting"
+    :editable="$props.editable"
+    :modelValue="modelValue"
+    @update:modelValue="(value) => $emit('update:modelValue', value)"
+  />
+  <FSLocationTileUI
+    v-else-if="entity"
+    :icon="entity.icon"
+    :label="entity.label"
+    :code="entity.code"
+    :color="entity.color"
+    :deviceCount="entity.deviceOrganisationsCount"
+    :editable="$props.editable"
+    :modelValue="modelValue"
+    @update:modelValue="(value) => $emit('update:modelValue', value)"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { defineComponent, watch } from "vue";
+
+import { useLocation } from "@dative-gpi/foundation-core-services/composables";
+
+import FSLocationTileUI from "@dative-gpi/foundation-shared-components/components/tiles/FSLocationTileUI.vue";
+import FSLoadTile from "@dative-gpi/foundation-shared-components/components/tiles/FSLoadTile.vue";
+
+export default defineComponent({
+  name: "FSLocationTile",
+  components: {
+    FSLocationTileUI,
+    FSLoadTile
+  },
+  props: {
+    locationId: {
+      type: String,
+      required: true
+    },
+    modelValue: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    editable: {
+      type: Boolean,
+      required: false,
+      default: true
+    }
+  },
+  setup(props) {
+    const { get, getting, entity } = useLocation();
+
+    watch(() => props.locationId, () => {
+      get(props.locationId);
+    }, { immediate: true });
+
+    return {
+      getting,
+      entity
+    };
+  }
+});
+</script>