@dative-gpi/foundation-core-components 1.0.65 → 1.0.67-map-edit

package/components/selects/FSHeatmapRuleSelector.vue

@@ -1,52 +0,0 @@
-<template>
-  <FSAutocompleteField
-    :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-shared-domain/enums";
-
-import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
-
-import {heatmapRuleLabel, getEnumEntries} from "../../utils";
-
-export default defineComponent({
-  components: {
-    FSAutocompleteField
-  },
-  props: {
-    modelValue: {
-      type: Number as PropType<HeatmapRule>,
-      required: false
-    },
-    label: {
-      type: String,
-      required: false
-    }
-    
-  },
-  emits: ['update:modelValue'],
-  setup() {
-    
-    const heatmapRuleItems = computed(()=>{
-      return getEnumEntries(HeatmapRule).filter(f=>f.value != HeatmapRule.None).map((f)=>{
-        return {
-          id: f.value,
-          label: heatmapRuleLabel(f.value)
-        }
-      })
-    });
-
-    return {
-      heatmapRuleItems
-    }
-  }
-})
-</script>

package/components/selects/FSOperationOnSelector.vue

@@ -1,51 +0,0 @@
-<template>
-  <FSAutocompleteField
-    :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-shared-domain/enums";
-
-import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
-
-import {operationOnLabel, getEnumEntries} from "../../utils";
-
-export default defineComponent({
-  components: {
-    FSAutocompleteField
-  },
-  props: {
-    modelValue: {
-      type: Number as PropType<OperationOn>,
-      required: false
-    },
-    label : {
-      type: String,
-      required: false
-    }
-  },
-  emits: ['update:modelValue'],
-  setup() {
-    
-    const operationOnItems = computed(()=>{
-      return getEnumEntries(OperationOn).filter(f=>f.value != OperationOn.None).map((f)=>{
-        return {
-          id: f.value,
-          label: operationOnLabel(f.value)
-        }
-      })
-    });
-
-    return {
-      operationOnItems
-    }
-  }
-})
-</script>

package/components/selects/FSPlanningTypeSelector.vue

@@ -1,51 +0,0 @@
-<template>
-  <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-shared-domain/enums";
-
-import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
-
-import {planningTypeLabel, getEnumEntries} from "../../utils";
-
-export default defineComponent({
-  components: {
-    FSAutocompleteField
-  },
-  props: {
-    modelValue: {
-      type: Number as PropType<PlanningType>,
-      required: false
-    },
-    label: {
-      type: String,
-      required: false
-    }
-  },
-  emits: ['update:modelValue'],
-  setup() {
-    
-    const planningTypeItems = computed(()=>{
-      return getEnumEntries(PlanningType).filter(f=>f.value != PlanningType.None).map((f)=>{
-        return {
-          id: f.value,
-          label: planningTypeLabel(f.value)
-        }
-      })
-    });
-
-    return {
-      planningTypeItems
-    }
-  }
-})
-</script>

package/components/selects/FSPlotPerSelector.vue

@@ -1,51 +0,0 @@
-<template>
-  <FSAutocompleteField
-    :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-shared-domain/enums";
-
-import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
-
-import {plotPerLabel, getEnumEntries} from "../../utils";
-
-export default defineComponent({
-  components: {
-    FSAutocompleteField
-  },
-  props: {
-    modelValue: {
-      type: Number as PropType<PlotPer>,
-      required: false
-    },
-    label: {
-      type: String,
-      required: false
-    }
-  },
-  emits: ['update:modelValue'],
-  setup() {
-    
-    const plotPerItems = computed(()=>{
-      return getEnumEntries(PlotPer).filter(f=>f.value != PlotPer.None).map((f)=>{
-        return {
-          id: f.value,
-          label: plotPerLabel(f.value)
-        }
-      })
-    });
-
-    return {
-      plotPerItems
-    }
-  }
-})
-</script>

package/components/selects/FSSelectEntityType.vue

@@ -1,59 +0,0 @@
-<template>
-  <FSSelectField
-    :items="entityTypes"
-    :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 { EntityType } from "@dative-gpi/foundation-shared-domain/enums";
-
-import FSSelectField from "@dative-gpi/foundation-shared-components/components/fields/FSSelectField.vue";
-
-export default defineComponent({
-  name: "FSSelectEntityType",
-  components: {
-    FSSelectField
-  },
-  props: {
-    modelValue: {
-      type: Number as PropType<EntityType>,
-      required: false,
-      default: EntityType.Device
-    },
-    useNone: {
-      type: Boolean,
-      required: false,
-      default: false
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(props) {
-    const { $tr } = useTranslationsProvider();
-
-    const entityTypes = computed((): { id: EntityType; label: string }[] => {
-      const items = [
-        { 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: EntityType.None, label: $tr("ui.entity-type.none", "None") });
-      }
-      return items;
-    });
-
-    return {
-      entityTypes
-    };
-  }
-});
-</script>

package/components/selects/FSSerieTypeSelector.vue

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

package/utils/charts.ts

@@ -1,137 +0,0 @@
-import { AggregationType, AxisType, ChartOrigin, DisplayAs, FilterType, HeatmapRule, OperationOn, PlanningType, PlotPer, SerieType } from "@dative-gpi/foundation-shared-domain/enums";
-import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
-import { type ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
-
-const { $tr } = useTranslationsProvider();
-
-
-export const chartOriginLabel = (type: ChartOrigin): string => {
-  switch (type) {
-    case ChartOrigin.None:             return $tr("ui.chart-type.none", "None");
-    case ChartOrigin.Organisation:     return $tr("ui.chart-type.organisation", "Custom");
-    case ChartOrigin.OrganisationType: return $tr("ui.chart-type.organisation-type", "Shared");
-  }
-};
-
-export const chartOriginColor = (type: ChartOrigin): ColorBase => {
-  switch (type) {
-    case ChartOrigin.None:             return ColorEnum.Error;
-    case ChartOrigin.Organisation:     return ColorEnum.Primary;
-    case ChartOrigin.OrganisationType: return ColorEnum.Warning;
-  }
-};
-
-export const aggregationTypeLabel = (aggregationType : AggregationType): string => {
-  switch (aggregationType) {
-    case AggregationType.Sum:        return $tr("ui.common.sum", "Sum");
-    case AggregationType.Cardinal:   return $tr("ui.common.cardinal", "Cardinal");
-    case AggregationType.Mean:       return $tr("ui.common.cean", "Mean");
-    case AggregationType.Median:     return $tr("ui.common.median", "Median");
-    case AggregationType.First:      return $tr("ui.common.first", "First");
-    case AggregationType.Last:       return $tr("ui.common.last", "Last");
-    case AggregationType.Difference: return $tr("ui.common.difference", "Difference");
-    case AggregationType.Minimum:    return $tr("ui.common.minimum", "Minimum");
-    case AggregationType.Maximum:    return $tr("ui.common.maximum", "Maximum");
-    case AggregationType.Range:      return $tr("ui.common.range", "Range");
-    default :                        return $tr("ui.common.none", "None");
-  }
-};
-
-export const axisTypeLabel = (axisType: AxisType | number): string => {
-  switch (axisType) {
-    case AxisType.Date:     return $tr("ui.common.date", "Date");
-    case AxisType.Value:    return $tr("ui.common.value", "Value");
-    case AxisType.Category: return $tr("ui.common.category", "Category");
-    default:                return $tr("ui.common.none", "None");
-  }
-};
-
-export const displayAsLabel = (display: DisplayAs | number): string => {
-  switch (display) {
-    case DisplayAs.Bars:   return $tr("ui.common.bars", "Bars");
-    case DisplayAs.Lines:  return $tr("ui.common.lines", "Lines");
-    case DisplayAs.Points: return $tr("ui.common.point", "Points");
-    default:               return $tr("ui.common.none", "None");
-  }
-};
-
-export const filterTypeLabel = (filterType: FilterType | number): string => {
-  switch (filterType) {
-    case FilterType.Contains:    return $tr("ui.common.contains", "contains");
-    case FilterType.Different:   return "≠";
-    case FilterType.EndsWith:    return $tr("ui.common.end-width", "end with") ;
-    case FilterType.Equal:       return "=";
-    case FilterType.Less:        return "<";
-    case FilterType.LessOrEqual: return "≤";
-    case FilterType.More:        return ">";
-    case FilterType.MoreOrEqual: return "≥";
-    case FilterType.StartsWith:  return $tr("ui.common.starts-with", "start with");
-    default:                     return $tr("ui.common.none", "None");
-  }
-};
-
-export const heatmapRuleLabel = (heatMap: HeatmapRule | number): string => {
-  switch (heatMap) {
-    case HeatmapRule.Gradient: return $tr("ui.common.gradient", "Gradient");
-    case HeatmapRule.Ranges:   return $tr("ui.common.ranges", "Ranges");
-    case HeatmapRule.Fixed :   return $tr("ui.common.fixed", "Fixed");
-    default:                   return $tr("ui.common.none", "None");
-  }
-};
-
-export const operationOnLabel = (operationOn: OperationOn | number): string => {
-  switch (operationOn) {
-    case OperationOn.SameEntity:         return $tr("ui.common.same-entity", "Same entity");
-    case OperationOn.SameGroup:          return $tr("ui.common.same-group", "Same group");
-    case OperationOn.SameGroupAndEntity: return $tr("ui.common.same-group-entity", "Same group and entity");
-    default:                             return $tr("ui.common.none", "None");
-  }
-};
-
-export const planningTypeLabel = (planningType : PlanningType | number): string => {
-  switch (planningType) {
-    case PlanningType.UntilNext:          return $tr("ui.common.until-next", "Until next");
-    case PlanningType.ElapsedTime:        return $tr("ui.common.elapsed-time", "Elapsed time");
-    case PlanningType.SinglePoint:        return $tr("ui.common.single-point", "Single point");
-    default:                              return $tr("ui.common.none", "None");
-  }
-};
-
-export const plotPerLabel = (plotper: PlotPer | number): string => {
-  switch (plotper) {
-    case PlotPer.SinglePlot: return $tr("ui.common.single-slot", "Single slot");
-    case PlotPer.Model:      return $tr("ui.common.model", "Model");
-    case PlotPer.Group:      return $tr("ui.common.group", "Group");
-    case PlotPer.Location:   return $tr("ui.common.location", "Location");
-    case PlotPer.Device:     return $tr("ui.common.device", "Device");
-    default:                 return $tr("ui.common.none", "None");
-  }
-};
-
-export const serieTypeLabel = (serieType : SerieType): string => {
-  switch (serieType) {
-    case SerieType.Lines:       return $tr("ui.common.lines", "Lines");
-    case SerieType.Area:        return $tr("ui.common.area", "Area");
-    case SerieType.Range:       return $tr("ui.common.range", "Range");
-    case SerieType.Histogram:   return $tr("ui.common.histogram", "Histogram");
-    case SerieType.Operation:   return $tr("ui.common.operation", "Operation");
-    case SerieType.Planning:    return $tr("ui.common.planning", "Planning");
-    case SerieType.ScatterPlot: return $tr("ui.common.scatter-plot", "Scatter plot");
-    case SerieType.Top:         return $tr("ui.common.top", "Top");
-    case SerieType.Bars:        return $tr("ui.common.bars", "Bars");
-    case SerieType.StackedBars: return $tr("ui.common.stacked-bars", "Stacked bars");
-    case SerieType.Pie:         return $tr("ui.common.pie", "Pie");
-    case SerieType.Heatmap:     return $tr('ui.common.heatmap', 'Heatmap');
-    case SerieType.Slider:      return $tr("ui.common.slider", "Slider");
-    case SerieType.Gauge:       return $tr("ui.common.gauge", "Gauge");
-    case SerieType.ScoreCard:   return $tr("ui.common.score-card", "Score card");
-    case SerieType.Table:       return $tr("ui.common.table", "Table");
-    default:                    return "";
-  }
-};
-
-export const getEnumEntries = (e: any) => {
-  return Object.keys(e)
-    .filter(key => isNaN(Number(key)))
-    .map(key => ({key : key, value : e[key]}));
-};