@dative-gpi/foundation-shared-components 0.0.148 → 0.0.149

package/components/selects/FSSelectAutoRefresh.vue

@@ -0,0 +1,61 @@
+<template>
+  <FSSelectField
+    :items="autoRefreshes"
+    :clearable="false"
+    :modelValue="$props.modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { computed, PropType, defineComponent } from "vue";
+
+import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
+import { AutoRefresh } from "@dative-gpi/foundation-shared-domain/models";
+
+import FSSelectField from "../fields/FSSelectField.vue";
+
+export default defineComponent({
+  name: "FSSelectAutoRefresh",
+  components: {
+    FSSelectField
+  },
+  props: {
+    modelValue: {
+      type: Number as PropType<AutoRefresh>,
+      required: false,
+      default: AutoRefresh.FifteenSeconds
+    },
+    useNone: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(props) {
+    const { $tr } = useTranslationsProvider();
+
+    const autoRefreshes = computed((): { id: AutoRefresh; label: string }[] => {
+      const items = [
+        { id: AutoRefresh.FifteenSeconds, label: $tr("ui.auto-refresh.fifteen-seconds", "Fifteen seconds") },
+        { id: AutoRefresh.ThirtySeconds, label: $tr("ui.auto-refresh.thirty-seconds", "Thirty seconds") },
+        { id: AutoRefresh.OneMinute, label: $tr("ui.auto-refresh.one-minute", "One minute") },
+        { id: AutoRefresh.FiveMinutes, label: $tr("ui.auto-refresh.five-minutes", "Five minutes") },
+        { id: AutoRefresh.FifteenMinutes, label: $tr("ui.auto-refresh.fifteen-minutes", "Fifteen minutes") },
+        { id: AutoRefresh.ThirtyMinutes, label: $tr("ui.auto-refresh.thirty-minutes", "Thirty minutes") },
+        { id: AutoRefresh.OneHour, label: $tr("ui.auto-refresh.one-hour", "One hour") },
+      ];
+      if (props.useNone) {
+        items.unshift({ id: AutoRefresh.None, label: $tr("ui.auto-refresh.none", "None") });
+      }
+      return items;
+    });
+
+    return {
+      autoRefreshes
+    };
+  }
+});
+</script>

package/components/selects/FSSelectDashboardVariableType.vue

@@ -0,0 +1,46 @@
+<template>
+  <FSSelectField
+    :items="dashboardVariableTypes"
+    :clearable="false"
+    :modelValue="$props.modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { computed, PropType, defineComponent } from "vue";
+
+import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
+import { DashboardVariableType } from "@dative-gpi/foundation-shared-domain/models";
+
+import FSSelectField from "../fields/FSSelectField.vue";
+
+export default defineComponent({
+  name: "FSSelectDashboardVariableType",
+  components: {
+    FSSelectField
+  },
+  props: {
+    modelValue: {
+      type: Number as PropType<DashboardVariableType>,
+      required: false,
+      default: DashboardVariableType.Number
+    }
+  },
+  emits: ["update:modelValue"],
+  setup() {
+    const { $tr } = useTranslationsProvider();
+
+    const dashboardVariableTypes = computed((): { id: DashboardVariableType; label: string }[] => ([
+      { id: DashboardVariableType.Number, label: $tr("ui.dashboard-variable-type.number", "Number") },
+      { id: DashboardVariableType.String, label: $tr("ui.dashboard-variable-type.string", "String") },
+      { id: DashboardVariableType.TimeStep, label: $tr("ui.dashboard-variable-type.time-step", "Time step") }
+    ]));
+
+    return {
+      dashboardVariableTypes
+    };
+  }
+});
+</script>

package/components/selects/FSSelectDateSetting.vue

@@ -1,8 +1,6 @@
 <template>
   <FSSelectField
-    :editable="$props.editable"
     :items="dateSettings"
-    :hideHeader="true"
     :clearable="false"
     :modelValue="$props.modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
@@ -31,17 +29,18 @@ export default defineComponent({
     },
     modelValue: {
       type: Number as PropType<DateSetting>,
-      required: true
+      required: false,
+      default: DateSetting.LastDay
     },
     lastPeriod: {
       type: Boolean,
       required: false,
       default: false
     },
-    editable: {
+    useNone: {
       type: Boolean,
       required: false,
-      default: true
+      default: false
     }
   },
   emits: ["update:modelValue"],
@@ -51,41 +50,44 @@ export default defineComponent({
     const dateSettings = computed((): { id: DateSetting, label: string }[] => {
       if (props.variant === "before-after") {
         return [
-          { id: DateSetting.Pick, label: $tr("ui.common.pick-dates", "Pick dates") },
-          { id: DateSetting.MinutesBeforeAfter, label: $tr("ui.common.x-minutes-before-after-hour", "x Minutes before/after") },
-          { id: DateSetting.HoursBeforeAfter, label: $tr("ui.common.x-hours-before-after-hour", "x Hours before/after") },
-          { id: DateSetting.DaysBeforeAfter, label: $tr("ui.common.x-days-before-after-hour", "x Days before/after") },
-          { id: DateSetting.WeeksBeforeAfter, label: $tr("ui.common.x-weeks-before-after-hour", "x Weeks before/after") },
-          { id: DateSetting.MinutesBefore, label: $tr("ui.common.x-minutes-before", "x Minutes before") },
-          { id: DateSetting.HoursBefore, label: $tr("ui.common.x-hours-before", "x Hours before") },
-          { id: DateSetting.DaysBefore, label: $tr("ui.common.x-days-before", "x Days before") },
-          { id: DateSetting.WeeksBefore, label: $tr("ui.common.x-weeks-before", "x Weeks before") },
+          { id: DateSetting.Pick, label: $tr("ui.date-setting.pick-dates", "Pick dates") },
+          { id: DateSetting.MinutesBeforeAfter, label: $tr("ui.date-setting.x-minutes-before-after-hour", "x Minutes before/after") },
+          { id: DateSetting.HoursBeforeAfter, label: $tr("ui.date-setting.x-hours-before-after-hour", "x Hours before/after") },
+          { id: DateSetting.DaysBeforeAfter, label: $tr("ui.date-setting.x-days-before-after-hour", "x Days before/after") },
+          { id: DateSetting.WeeksBeforeAfter, label: $tr("ui.date-setting.x-weeks-before-after-hour", "x Weeks before/after") },
+          { id: DateSetting.MinutesBefore, label: $tr("ui.date-setting.x-minutes-before", "x Minutes before") },
+          { id: DateSetting.HoursBefore, label: $tr("ui.date-setting.x-hours-before", "x Hours before") },
+          { id: DateSetting.DaysBefore, label: $tr("ui.date-setting.x-days-before", "x Days before") },
+          { id: DateSetting.WeeksBefore, label: $tr("ui.date-setting.x-weeks-before", "x Weeks before") },
         ];
       }
       let dateSettings = [
-        { id: DateSetting.Pick, label: $tr("ui.common.pick-dates", "Pick dates") },
-        { id: DateSetting.CurrentHour, label: $tr("ui.common.this-hour", "This hour") },
-        { id: DateSetting.CurrentDay, label: $tr("ui.common.this-day", "This day") },
-        { id: DateSetting.CurrentWeek, label: $tr("ui.common.this-week", "This week") },
-        { id: DateSetting.CurrentMonth, label: $tr("ui.common.this-month", "This month") },
-        { id: DateSetting.CurrentYear, label: $tr("ui.common.this-year", "This year") },
-        { id: DateSetting.LastDay, label: $tr("ui.common.last-day", "Last day") },
-        { id: DateSetting.LastWeek, label: $tr("ui.common.last-week", "Last week") },
-        { id: DateSetting.LastMonth, label: $tr("ui.common.last-month", "Last month") },
-        { id: DateSetting.LastYear, label: $tr("ui.common.last-year", "Last year") },
-        { id: DateSetting.SinceLastDay, label: $tr("ui.common.since-last-day", "Since last day") },
-        { id: DateSetting.SinceLastWeek, label: $tr("ui.common.since-last-week", "Since last week") },
-        { id: DateSetting.SinceLastMonth, label: $tr("ui.common.since-last-month", "Since last month") },
-        { id: DateSetting.SinceLastYear, label: $tr("ui.common.since-last-year", "Since last year") },
-        { id: DateSetting.PastHours, label: $tr("ui.common.past-x-hours", "Past x hours") },
-        { id: DateSetting.PastDays, label: $tr("ui.common.past-x-days", "Past x days") },
-        { id: DateSetting.PastWeeks, label: $tr("ui.common.past-x-weeks", "Past x weeks") },
-        { id: DateSetting.PastMonths, label: $tr("ui.common.past-x-months", "Past x months") },
-        { id: DateSetting.PastYears, label: $tr("ui.common.past-x-years", "Past x years") },
-        { id: DateSetting.Expression, label: $tr("ui.common.expression", "Expression") }
+        { id: DateSetting.Pick, label: $tr("ui.date-setting.pick-dates", "Pick dates") },
+        { id: DateSetting.CurrentHour, label: $tr("ui.date-setting.this-hour", "This hour") },
+        { id: DateSetting.CurrentDay, label: $tr("ui.date-setting.this-day", "This day") },
+        { id: DateSetting.CurrentWeek, label: $tr("ui.date-setting.this-week", "This week") },
+        { id: DateSetting.CurrentMonth, label: $tr("ui.date-setting.this-month", "This month") },
+        { id: DateSetting.CurrentYear, label: $tr("ui.date-setting.this-year", "This year") },
+        { id: DateSetting.LastDay, label: $tr("ui.date-setting.last-day", "Last day") },
+        { id: DateSetting.LastWeek, label: $tr("ui.date-setting.last-week", "Last week") },
+        { id: DateSetting.LastMonth, label: $tr("ui.date-setting.last-month", "Last month") },
+        { id: DateSetting.LastYear, label: $tr("ui.date-setting.last-year", "Last year") },
+        { id: DateSetting.SinceLastDay, label: $tr("ui.date-setting.since-last-day", "Since last day") },
+        { id: DateSetting.SinceLastWeek, label: $tr("ui.date-setting.since-last-week", "Since last week") },
+        { id: DateSetting.SinceLastMonth, label: $tr("ui.date-setting.since-last-month", "Since last month") },
+        { id: DateSetting.SinceLastYear, label: $tr("ui.date-setting.since-last-year", "Since last year") },
+        { id: DateSetting.PastHours, label: $tr("ui.date-setting.past-x-hours", "Past x hours") },
+        { id: DateSetting.PastDays, label: $tr("ui.date-setting.past-x-days", "Past x days") },
+        { id: DateSetting.PastWeeks, label: $tr("ui.date-setting.past-x-weeks", "Past x weeks") },
+        { id: DateSetting.PastMonths, label: $tr("ui.date-setting.past-x-months", "Past x months") },
+        { id: DateSetting.PastYears, label: $tr("ui.date-setting.past-x-years", "Past x years") },
+        { id: DateSetting.Expression, label: $tr("ui.date-setting.expression", "Expression") }
       ];
       if (props.lastPeriod) {
-        dateSettings.push({ id: DateSetting.LastPeriod, label: $tr("ui.common.last-period", "Last period") });
+        dateSettings.push({ id: DateSetting.LastPeriod, label: $tr("ui.date-setting.last-period", "Last period") });
+      }
+      if (props.useNone) {
+        dateSettings.unshift({ id: DateSetting.None, label: $tr("ui.date-setting.none", "None") });
       }
       return dateSettings;
     })

package/components/selects/FSSelectDays.vue

@@ -0,0 +1,61 @@
+<template>
+  <FSSelectField
+    :clearable="false"
+    :items="days"
+    :modelValue="$props.modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { computed, PropType, defineComponent } from "vue";
+
+import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
+import { Days } from "@dative-gpi/foundation-shared-domain/models";
+
+import FSSelectField from "../fields/FSSelectField.vue";
+
+export default defineComponent({
+  name: "FSSelectDays",
+  components: {
+    FSSelectField
+  },
+  props: {
+    modelValue: {
+      type: Number as PropType<Days>,
+      required: false,
+      default: Days.Monday
+    },
+    useAllDays: {
+      type: Boolean,
+      required: false,
+      default: true
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(props) {
+    const { $tr } = useTranslationsProvider();
+
+    const days = computed((): { id: Days; label: string }[] => {
+      const items = [
+        { id: Days.Monday, label: $tr("ui.days.monday", "Monday") },
+        { id: Days.Tuesday, label: $tr("ui.days.tuesday", "Tuesday") },
+        { id: Days.Wednesday, label: $tr("ui.days.wednesday", "Wednesday") },
+        { id: Days.Thursday, label: $tr("ui.days.thursday", "Thursday") },
+        { id: Days.Friday, label: $tr("ui.days.friday", "Friday") },
+        { id: Days.Saturday, label: $tr("ui.days.saturday", "Saturday") },
+        { id: Days.Sunday, label: $tr("ui.days.sunday", "Sunday") }
+      ];
+      if (props.useAllDays) {
+        items.unshift({ id: Days.AllDays, label: $tr("ui.days.all-days", "All days") });
+      }
+      return items;
+    });
+
+    return {
+      days
+    };
+  }
+});
+</script>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "0.0.148",
+  "version": "0.0.149",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "0.0.148",
-    "@dative-gpi/foundation-shared-services": "0.0.148",
+    "@dative-gpi/foundation-shared-domain": "0.0.149",
+    "@dative-gpi/foundation-shared-services": "0.0.149",
     "@fontsource/montserrat": "^5.0.16",
     "@lexical/clipboard": "^0.12.5",
     "@lexical/history": "^0.12.5",
@@ -32,5 +32,5 @@
     "sass": "^1.69.5",
     "sass-loader": "^13.3.2"
   },
-  "gitHead": "ec24a9fa023be6aac4fbad69217572f9e34c87f8"
+  "gitHead": "530e113f98626a38763ac4afcc4d828d69bcfc2d"
 }

package/components/selects/FSSelectTimeZone.vue

@@ -1,67 +0,0 @@
-<template>
-  <FSSelectField
-    itemTitle="id"
-    :items="timeZones"
-    :modelValue="$props.modelValue"
-    @update:modelValue="$emit('update:modelValue', $event)"
-    v-bind="$attrs"
-  >
-    <template
-      #append-inner
-    >
-      <slot
-        name="append-inner"
-      >
-        <FSChip
-          v-if="offset"
-          variant="standard"
-          :color="ColorEnum.Dark"
-          :label="offset"
-        />
-      </slot>
-    </template>
-  </FSSelectField>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, onMounted, PropType } from "vue";
-
-import { useTimeZones } from "@dative-gpi/foundation-shared-services/composables";
-import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
-
-import FSSelectField from "../fields/FSSelectField.vue";
-import FSChip from "../FSChip.vue";
-
-export default defineComponent({
-  name: "FSSelectTimeZone",
-  components: {
-    FSSelectField,
-    FSChip
-  },
-  props: {
-    modelValue: {
-      type: String as PropType<string | null>,
-      required: false,
-      default: null
-    },
-  },
-  emits: ["update:modelValue"],
-  setup(props) {
-    const { getMany: getTimeZones, entities: timeZones } = useTimeZones();
-
-    const offset = computed((): string | undefined => {
-      return timeZones.value.find((entity) => entity.id === props.modelValue)?.offset;
-    });
-
-    onMounted(() => {
-      getTimeZones();
-    });
-
-    return {
-      ColorEnum,
-      timeZones,
-      offset
-    };
-  }
-});
-</script>