@dative-gpi/foundation-shared-components 1.0.176 → 1.0.177-fs-timeline

package/components/fields/periodicField/FSPeriodicField.vue

@@ -49,6 +49,7 @@
 import { ref, defineComponent, type PropType, watch } from "vue";
 
 import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui";
+import { getPeriod } from "@dative-gpi/foundation-shared-components/tools";
 
 import FSPeriodicMonthlyField from "./FSPeriodicMonthlyField.vue";
 import FSPeriodicWeeklyField from "./FSPeriodicWeeklyField.vue";
@@ -93,20 +94,6 @@ export default defineComponent({
     
     const selectedPeriod = ref("daily");
 
-    const getPeriod = (value: string) => {
-      const cronArray = value.split(" ");
-      if (cronArray[3] !== "*") {
-        return "yearly";
-      }
-      else if(!cronArray[2].includes("*") || cronArray[2].includes("-")) {
-        return "monthly";
-      }
-      else if(cronArray[4] !== "*") {
-        return "weekly";
-      }
-      return "daily";
-    };
-
     watch(() => selectedPeriod.value, () => {
       if (getPeriod(props.modelValue) === selectedPeriod.value) {
         return;

package/components/timelines/FSTimeline.vue

@@ -0,0 +1,15 @@
+<template>
+  <v-timeline
+    v-bind="$attrs"
+  >
+    <slot/>
+  </v-timeline>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+  name: "FSTimeline"
+});
+</script>

package/components/timelines/FSTimelineItem.vue

@@ -0,0 +1,14 @@
+<template>
+  <v-timeline-item
+    v-bind="$attrs"
+  >
+    <slot/>
+  </v-timeline-item>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+export default defineComponent({
+  name: "FSTimelineItem"
+});
+</script>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "1.0.176",
+  "version": "1.0.177-fs-timeline",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.0.176",
-    "@dative-gpi/foundation-shared-services": "1.0.176"
+    "@dative-gpi/foundation-shared-domain": "1.0.177-fs-timeline",
+    "@dative-gpi/foundation-shared-services": "1.0.177-fs-timeline"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -35,5 +35,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "a485013f28c746c842b4a917a0f8a9484b641ec8"
+  "gitHead": "ecf016c94ab3d60998e8361c2cdec40a76822b16"
 }

package/tools/timeRangeTools.ts

@@ -122,4 +122,18 @@ export const dayLabel = (day: Days | number): string => {
     default:
       return $tr("ui.common.all-days", "All days");
   }
-}
+}
+
+export const getPeriod = (value: string) => {
+  const cronArray = value.split(" ");
+  if (cronArray[3] !== "*") {
+    return $tr("ui.common.yearly", "Yearly");
+  }
+  else if (!cronArray[2].includes("*") || cronArray[2].includes("-")) {
+    return $tr("ui.common.monthly", "Monthly");
+  }
+  else if (cronArray[4] !== "*") {
+    return $tr("ui.common.weekly", "Weekly");
+  }
+  return $tr("ui.common.daily", "Daily");
+};