@dative-gpi/foundation-shared-components 1.0.157 → 1.0.158-devices-latency-2

package/components/fields/FSMagicField.vue

@@ -1,198 +0,0 @@
-<template>
-  <component
-    v-if="!$props.useOnlyAllowedValues"
-    :is="get($props.type)"
-    :modelValue="valueToInput"
-    @update:modelValue="inputToValue"
-    v-bind="$attrs"
-  />
-  <FSSelectField
-    v-else
-    itemValue="value"
-    :items="items"
-    :modelValue="$props.modelValue"
-    @update:modelValue="$emit('update:modelValue', $event)"
-    v-bind="$attrs"
-  >
-    <template
-      v-if="$props.type === MagicFieldType.IconField"
-      #selection="{ item }"
-    >
-      <FSRow
-        align="center-center"
-        :wrap="false"
-      >
-        <FSIcon
-          v-if="item.raw.value"
-        >
-          {{ item.raw.value }}
-        </FSIcon>
-        <FSSpan
-          v-if="item.raw.value !== item.raw.label"
-        >
-          {{ item.raw.label }}
-        </FSSpan>
-      </FSRow>
-    </template>
-    <template
-      v-if="$props.type === MagicFieldType.IconField"
-      #item-label="{ item }"
-    >
-      <FSRow
-        align="center-center"
-        :wrap="false"
-      >
-        <FSIcon
-          v-if="item.raw.value"
-        >
-          {{ item.raw.value }}
-        </FSIcon>
-        <FSSpan
-          v-if="item.raw.value !== item.raw.label"
-        >
-          {{ item.raw.label }}
-        </FSSpan>
-      </FSRow>
-    </template>
-  </FSSelectField>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, type PropType } from "vue";
-
-import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
-
-import { useDateFormat } from "@dative-gpi/foundation-shared-services/composables";
-
-import { useMagicFieldProvider } from "../../composables";
-import { MagicFieldType } from "../../models/magicFields";
-import { getTimeBestString, timeStepToString } from "../../utils";
-
-import FSSelectField from "./FSSelectField.vue";
-import FSIcon from "../FSIcon.vue";
-import FSSpan from "../FSSpan.vue";
-import FSRow from "../FSRow.vue";
-
-export default defineComponent({
-  name: "FSMagicField",
-  components: {
-    FSSelectField,
-    FSIcon,
-    FSSpan,
-    FSRow
-  },
-  props: {
-    type: {
-      type: Number as PropType<MagicFieldType>,
-      required: false,
-      default: MagicFieldType.TextField
-    },
-    modelValue: {
-      type: String as PropType<string | null>,
-      required: false,
-      default: null
-    },
-    allowedValues: {
-      type: Array as PropType<{ value: string; label: string }[]>,
-      required: false,
-      default: () => []
-    },
-    useOnlyAllowedValues: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-  },
-  emits: ["update:modelValue"],
-  setup(props, { emit }) {
-    const { epochToShortTimeFormat } = useDateFormat();
-    const { $tr } = useTranslationsProvider();
-    const { get } = useMagicFieldProvider();
-
-    const items = computed(() => props.allowedValues.map((av) => ({
-      value: av.value,
-      label: av.label || asString(av.value),
-    })));
-
-    const valueToInput = computed((): any => {
-      if (props.modelValue == null) {
-        return null;
-      }
-
-      switch (props.type) {
-        case MagicFieldType.NumberField:
-        case MagicFieldType.DateTimeField:
-        case MagicFieldType.TimeField:
-          if (isNaN(parseFloat(props.modelValue))) {
-            return null;
-          }
-          return parseFloat(props.modelValue);
-        case MagicFieldType.Switch: 
-          return props.modelValue === "true";
-        case MagicFieldType.TimeStepField:
-          return JSON.parse(props.modelValue);
-        case MagicFieldType.PlotPerField:
-          return parseInt(props.modelValue);
-        default:
-          return props.modelValue;
-      }
-    });
-
-    const asString = (value: string): string | null => {
-      if (value == null) {
-        return "";
-      }
-      
-      switch (props.type) {
-        case MagicFieldType.NumberField:
-          return value.toString();
-        case MagicFieldType.Switch:
-          if (value) {
-            return $tr("magic-field.true", "True");
-          }
-          return $tr("magic-field.false", "False");
-        case MagicFieldType.DateTimeField:
-          return epochToShortTimeFormat(parseFloat(value));
-        case MagicFieldType.TimeField:
-          return getTimeBestString(parseFloat(value));
-        case MagicFieldType.TimeStepField:
-          return timeStepToString(JSON.parse(value));
-        default:
-          return value;
-      }
-    }
-
-    const inputToValue = (value: any) => {
-      if (value == null) {
-        emit("update:modelValue", null);
-      }
-
-      switch (props.type) {
-        case MagicFieldType.NumberField:
-        case MagicFieldType.Switch: 
-        case MagicFieldType.DateTimeField:
-        case MagicFieldType.TimeField:
-          emit("update:modelValue", value.toString());
-          break;
-        case MagicFieldType.TimeStepField:
-          emit("update:modelValue", JSON.stringify(value));
-          break;
-        case MagicFieldType.PlotPerField:
-          emit("update:modelValue", value.toString());
-          break;
-        default:
-          emit("update:modelValue", value);
-          break;
-      }
-    };
-
-    return {
-      MagicFieldType,
-      valueToInput,
-      items,
-      inputToValue,
-      get
-    };
-  },
-});
-</script>

package/components/selects/chartSelectors/FSPlotPerSelector.vue

@@ -1,52 +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 { getEnumEntries } from "@dative-gpi/foundation-shared-domain/tools";
-import { plotPerLabel } from "@dative-gpi/foundation-shared-components/tools";
-
-import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
-
-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/composables/useMagicFieldProvider.ts

@@ -1,24 +0,0 @@
-import { defineAsyncComponent } from "vue";
-
-import { MagicFieldType } from "../models/magicFields";
-
-const FIELDS = {
-  [MagicFieldType.NumberField]    : defineAsyncComponent(() => import("../components/fields/FSNumberField.vue")),
-  [MagicFieldType.TextField]      : defineAsyncComponent(() => import("../components/fields/FSTextField.vue")),
-  [MagicFieldType.Switch]         : defineAsyncComponent(() => import("../components/FSSwitch.vue")),
-  [MagicFieldType.DateTimeField]  : defineAsyncComponent(() => import("../components/fields/FSDateTimeField.vue")),
-  [MagicFieldType.IconField]      : defineAsyncComponent(() => import("../components/fields/FSIconField.vue")),
-  [MagicFieldType.TimeField]      : defineAsyncComponent(() => import("../components/fields/FSTimeField.vue")),
-  [MagicFieldType.TimeStepField]  : defineAsyncComponent(() => import("../components/fields/FSTimeStepField.vue")),
-  [MagicFieldType.PlotPerField]   : defineAsyncComponent(() => import("../components/selects/chartSelectors/FSPlotPerSelector.vue")),
-};
-
-export const useMagicFieldProvider = () => {
-  const get = (code: keyof typeof FIELDS) => {
-    return FIELDS[code];
-  };
-
-  return {
-    get
-  };
-};

package/models/magicFields.ts

@@ -1,11 +0,0 @@
-export enum MagicFieldType {
-  None          = 0,
-  NumberField   = 1,
-  Switch        = 2,
-  TextField     = 3,
-  DateTimeField = 4,
-  IconField     = 5,
-  TimeField     = 6,
-  TimeStepField = 7,
-  PlotPerField  = 8,
-}