@dative-gpi/foundation-core-components 0.1.120 → 1.0.1

package/components/selects/FSAggregationSelector.vue

@@ -0,0 +1,51 @@
+<template>
+  <FSSelectField
+    :label="label ?? $tr('ui.common.aggregation-type','Aggregation')"
+    :items="aggregationTypeItems"
+    :modelValue="modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, type PropType } from "vue";
+
+import {AggregationType} from "@dative-gpi/foundation-core-domain/models";
+
+import {aggregationTypeLabel, getEnumEntries} from "../../utils";
+
+import FSSelectField from "@dative-gpi/foundation-shared-components/components/fields/FSSelectField.vue";
+
+export default defineComponent({
+  components: {
+    FSSelectField
+  },
+  props: {
+    modelValue : {
+      type: Number as PropType<AggregationType>,
+      required: false
+    },
+    label : {
+      type: String,
+      required: false
+    }
+  },
+  emits: ['update:modelValue'],
+  setup() {
+
+    const aggregationTypeItems = computed(()=>{
+      return getEnumEntries(AggregationType).map((f)=>{
+        return {
+          id: f.value,
+          label: aggregationTypeLabel(f.value)
+        }
+      })
+    });
+
+    return {
+      aggregationTypeItems
+    }
+  }
+})
+</script>

package/components/selects/FSAxisTypeSelector.vue

@@ -0,0 +1,48 @@
+<template>
+  <FSToggleSet
+    :hideHeader="true"
+    :values="axisTypeItems"
+    :modelValue="modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, type PropType } from "vue";
+
+import  {AxisType} from "@dative-gpi/foundation-core-domain/models";
+
+import {axisTypeLabel, getEnumEntries} from "../../utils";
+
+import FSToggleSet from "@dative-gpi/foundation-shared-components/components/FSToggleSet.vue";
+
+
+export default defineComponent({
+  components: {
+    FSToggleSet
+  },
+  props: {
+    modelValue: {
+      type: Number as PropType<AxisType>,
+      required: false
+    }
+  },
+  emits: ['update:modelValue'],
+  setup() {
+
+    const axisTypeItems = computed(()=>{
+      return getEnumEntries(AxisType).map((f)=>{
+        return {
+          id: f.value,
+          label: axisTypeLabel(f.value)
+        }
+      })
+    });
+
+    return {
+      axisTypeItems
+    }
+  }
+})
+</script>

package/components/selects/FSDataCategorySelector.vue

@@ -0,0 +1,62 @@
+<template>
+  <FSAutocompleteField
+    :label="label ?? $tr('ui.common.data-category', 'Data category')"
+    :items="toggleDataCategories"
+    :modelValue="modelValue"
+    :toggleSet="toggleDataCategories.length < 5"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, watch } from "vue";
+
+import {useDataCategories} from "@dative-gpi/foundation-core-services/composables";
+
+import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
+
+export default defineComponent({
+  components: {
+    FSAutocompleteField
+  },
+  props:{
+    modelValue: {
+      type: String,
+      required: false
+    },
+    modelId: {
+      type: String,
+      required: false,
+    },
+    label: {
+      type: String,
+      required: false
+    },
+  },
+  emits: ['update:modelValue'],
+  setup(props) {
+    const {getMany : fetchdataCategories, entities : dataCategories} = useDataCategories()
+
+    const toggleDataCategories = computed(()=>{
+      return dataCategories.value.map((d) => {
+        return {
+          id: d.id,
+          label: d.label
+        }
+      })
+    })
+
+    watch(() => props.modelId, () => {
+      fetchdataCategories({modelId: props.modelId})
+    }, {immediate: true})
+
+
+    return {
+      toggleDataCategories,
+      dataCategories
+    }
+  }
+})
+
+</script>

package/components/selects/FSDataDefinitionSelector.vue

@@ -0,0 +1,66 @@
+<template>
+  <FSAutocompleteField
+    :label="label ?? $tr('ui.common.data-definition', 'Data')"
+    :items="toggleDataDefinitions"
+    :modelValue="modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, watch } from "vue";
+
+import {useDataDefinitions} from "@dative-gpi/foundation-core-services/composables";
+
+import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
+
+export default defineComponent({
+  components: {
+    FSAutocompleteField
+  },
+  props:{
+    modelValue: {
+      type: String,
+      required: false
+    },
+    modelId: {
+      type: String,
+      required: false,
+    },
+    dataCategoryId: {
+      type: String,
+      required: false,
+    },
+    label: {
+      type: String,
+      required: false
+    },
+    
+  },
+  emits: ['update:modelValue'],
+  setup(props) {
+
+    const {getMany : fetchDataDefinitions, entities : dataDefinitions} = useDataDefinitions()
+
+    const toggleDataDefinitions = computed(()=>{
+      return dataDefinitions.value.map((d) => {
+        return {
+          id: d.id,
+          label: d.label
+        }
+      })
+    })
+
+    watch(() => [props.modelId, props.dataCategoryId], async () => {
+      await fetchDataDefinitions({modelsIds: props.modelId ? [props.modelId] : undefined, dataCategoryId: props.dataCategoryId})
+    }, {immediate: true})
+
+    return {
+      toggleDataDefinitions,
+      dataDefinitions
+    }
+  }
+})
+
+</script>

package/components/selects/FSDisplayAsSelector.vue

@@ -0,0 +1,52 @@
+<template>
+  <FSSelectField
+    :label="label ?? $tr('ui.common.display-as','Display as')"
+    :items="displayAsItems"
+    :modelValue="modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, type PropType } from "vue";
+
+import {DisplayAs} from "@dative-gpi/foundation-core-domain/models";
+
+import FSSelectField from "@dative-gpi/foundation-shared-components/components/fields/FSSelectField.vue";
+
+import {displayAsLabel, getEnumEntries} from "../../utils";
+
+export default defineComponent({
+  components: {
+    FSSelectField
+  },
+  props: {
+    modelValue: {
+      type: Number as PropType<DisplayAs>,
+      required: false
+    },
+    label: {
+      type: String,
+      required: false
+    }
+    
+  },
+  emits: ['update:modelValue'],
+  setup() {
+    
+    const displayAsItems = computed(()=>{
+      return getEnumEntries(DisplayAs).map((f)=>{
+        return {
+          id: f.value,
+          label: displayAsLabel(f.value)
+        }
+      })
+    });
+
+    return {
+      displayAsItems,
+    }
+  }
+})
+</script>

package/components/selects/FSFilterTypeSelector.vue

@@ -0,0 +1,53 @@
+<template>
+  <FSAutocompleteField
+    :label="label ?? $tr('ui.common.filter-type','Filter type')"
+    :toggleSet="true"
+    :items="filterTypeItems"
+    :modelValue="modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, type PropType } from "vue";
+
+import {FilterType} from "@dative-gpi/foundation-core-domain/models";
+
+import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
+
+import {filterTypeLabel, getEnumEntries} from "../../utils";
+
+export default defineComponent({
+  components: {
+    FSAutocompleteField
+  },
+  props: {
+    modelValue: {
+      type: Number as PropType<FilterType>,
+      required: false,
+      default : FilterType.None
+    },
+    label: {
+      type: String,
+      required: false
+    }
+  },
+  emits: ['update:modelValue'],
+  setup() {
+
+    const filterTypeItems = computed(()=>{
+      return getEnumEntries(FilterType).map((f)=>{
+        return {
+          id: f.value,
+          label: filterTypeLabel(f.value)
+        }
+      })
+    });
+
+    return {
+      filterTypeItems
+    }
+  }
+})
+</script>

package/components/selects/FSHeatmapRuleSelector.vue

@@ -0,0 +1,52 @@
+<template>
+  <FSSelectField
+    :label="label ?? $tr('ui.common.heat-rule','Heat rule')"
+    :items="heatmapRuleItems"
+    :modelValue="modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, type PropType } from "vue";
+
+import {HeatmapRule} from "@dative-gpi/foundation-core-domain/models";
+
+import FSSelectField from "@dative-gpi/foundation-shared-components/components/fields/FSSelectField.vue";
+
+import {heatmapRuleLabel, getEnumEntries} from "../../utils";
+
+export default defineComponent({
+  components: {
+    FSSelectField
+  },
+  props: {
+    modelValue: {
+      type: Number as PropType<HeatmapRule>,
+      required: false
+    },
+    label: {
+      type: String,
+      required: false
+    }
+    
+  },
+  emits: ['update:modelValue'],
+  setup() {
+    
+    const heatmapRuleItems = computed(()=>{
+      return getEnumEntries(HeatmapRule).map((f)=>{
+        return {
+          id: f.value,
+          label: heatmapRuleLabel(f.value)
+        }
+      })
+    });
+
+    return {
+      heatmapRuleItems
+    }
+  }
+})
+</script>

package/components/selects/FSModelSelector.vue

@@ -0,0 +1,56 @@
+<template>
+  <FSAutocompleteField
+    :label="label ?? $tr('ui.common.model', 'Model')"
+    :items="modelItems"
+    :toggleSet="modelItems.length < 5"
+    :modelValue="modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, onMounted } from "vue";
+
+import {useModels} from "@dative-gpi/foundation-core-services/composables";
+
+import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
+
+export default defineComponent({
+  components: {
+    FSAutocompleteField
+  },
+  props:{
+    modelValue: {
+      type: String,
+      required: false
+    },
+    label: {
+      type: String,
+      required: false
+    }
+  },
+  emits: ['update:modelValue'],
+  setup(){
+    const {getMany : fetchModels, entities : models} = useModels()
+
+    const modelItems = computed(()=>{
+      return models.value.map((d) => {
+        return {
+          id: d.id,
+          label: d.label
+        }
+      })
+    })
+
+    onMounted(() => {
+      fetchModels()
+    })
+
+    return {
+      modelItems,
+    }
+  }
+})
+
+</script>

package/components/selects/FSOperationOnSelector.vue

@@ -0,0 +1,51 @@
+<template>
+  <FSSelectField
+    :label="label ?? $tr('ui.common.operation-on','Operation on')"
+    :items="operationOnItems"
+    :modelValue="modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, type PropType } from "vue";
+
+import {OperationOn} from "@dative-gpi/foundation-core-domain/models";
+
+import FSSelectField from "@dative-gpi/foundation-shared-components/components/fields/FSSelectField.vue";
+
+import {operationOnLabel, getEnumEntries} from "../../utils";
+
+export default defineComponent({
+  components: {
+    FSSelectField
+  },
+  props: {
+    modelValue: {
+      type: Number as PropType<OperationOn>,
+      required: false
+    },
+    label : {
+      type: String,
+      required: false
+    }
+  },
+  emits: ['update:modelValue'],
+  setup() {
+    
+    const operationOnItems = computed(()=>{
+      return getEnumEntries(OperationOn).map((f)=>{
+        return {
+          id: f.value,
+          label: operationOnLabel(f.value)
+        }
+      })
+    });
+
+    return {
+      operationOnItems
+    }
+  }
+})
+</script>

package/components/selects/FSPlanningTypeSelector.vue

@@ -0,0 +1,50 @@
+<template>
+  <FSSelectField
+    :label="label ?? $tr('ui.common.planning-type','Planning type')"
+    :items="planningTypeItems"
+    :modelValue="modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+  />
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, type PropType } from "vue";
+
+import {PlanningType} from "@dative-gpi/foundation-core-domain/models";
+
+import FSSelectField from "@dative-gpi/foundation-shared-components/components/fields/FSSelectField.vue";
+
+import {planningTypeLabel, getEnumEntries} from "../../utils";
+
+export default defineComponent({
+  components: {
+    FSSelectField
+  },
+  props: {
+    modelValue: {
+      type: Number as PropType<PlanningType>,
+      required: false
+    },
+    label: {
+      type: String,
+      required: false
+    }
+  },
+  emits: ['update:modelValue'],
+  setup() {
+    
+    const planningTypeItems = computed(()=>{
+      return getEnumEntries(PlanningType).map((f)=>{
+        return {
+          id: f.value,
+          label: planningTypeLabel(f.value)
+        }
+      })
+    });
+
+    return {
+      planningTypeItems
+    }
+  }
+})
+</script>

package/components/selects/FSPlotPerSelector.vue

@@ -0,0 +1,51 @@
+<template>
+  <FSSelectField
+    :label="label ?? $tr('ui.common.plot-per','Plot per')"
+    :items="plotPerItems"
+    :modelValue="modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, type PropType } from "vue";
+
+import {PlotPer} from "@dative-gpi/foundation-core-domain/models";
+
+import FSSelectField from "@dative-gpi/foundation-shared-components/components/fields/FSSelectField.vue";
+
+import {plotPerLabel, getEnumEntries} from "../../utils";
+
+export default defineComponent({
+  components: {
+    FSSelectField
+  },
+  props: {
+    modelValue: {
+      type: Number as PropType<PlotPer>,
+      required: false
+    },
+    label: {
+      type: String,
+      required: false
+    }
+  },
+  emits: ['update:modelValue'],
+  setup() {
+    
+    const plotPerItems = computed(()=>{
+      return getEnumEntries(PlotPer).map((f)=>{
+        return {
+          id: f.value,
+          label: plotPerLabel(f.value)
+        }
+      })
+    });
+
+    return {
+      plotPerItems
+    }
+  }
+})
+</script>

package/components/selects/FSSelectSelectedEntities.vue

@@ -0,0 +1,59 @@
+<template>
+  <FSSelectField
+    :items="selectedEntities"
+    :clearable="false"
+    :modelValue="$props.modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+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 FSSelectField from "@dative-gpi/foundation-shared-components/components/fields/FSSelectField.vue";
+
+export default defineComponent({
+  name: "FSSelectSelectedEntities",
+  components: {
+    FSSelectField
+  },
+  props: {
+    modelValue: {
+      type: Number as PropType<SelectedEntities>,
+      required: false,
+      default: SelectedEntities.Devices
+    },
+    useNone: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(props) {
+    const { $tr } = useTranslationsProvider();
+
+    const selectedEntities = computed((): { id: SelectedEntities; 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") }
+      ];
+      if (props.useNone) {
+        items.unshift({ id: SelectedEntities.None, label: $tr("ui.selected-entities.none", "None") });
+      }
+      return items;
+    });
+
+    return {
+      selectedEntities
+    };
+  }
+});
+</script>