Displayed continuos-reccurence dates

Author: almerk

client/src/components/dates/continuous-reccurence.vue

@@ -1,13 +1,44 @@
 <template>
- 
+ <div class="continuous-reccurence-date">
+ <continuous :value="date"></continuous>&ensp;<time>{{ text }}</time>
+ </div>
 </template>
 
 <script>
+import continuous from "./continuous.vue";
+import { RRule } from "rrule";
 export default {
-
-}
+ props: {
+ value: Object,
+ },
+ components: {
+ continuous,
+ },
+ data() {
+ return {};
+ },
+ computed: {
+ rrule() {
+ return RRule.fromString(this.value.rrule);
+ },
+ text() {
+ return this.rrule.toText();
+ },
+ date() {
+ return {
+ start: this.value.start,
+ end: this.value.end,
+ hasTime: this.value.hasTime,
+ };
+ },
+ },
+};
 </script>
 
 <style>
-
+.continuous-reccurence-date {
+ display: flex;
+ flex-direction: row;
+ align-items: baseline;
+}
 </style>

client/src/components/dates/reccurence.vue

@@ -24,7 +24,6 @@ export default {
  },
  computed: {
  hasStartDate() {
- console.log(this.value.eventId);
  return this.rrule.origOptions.dtstart != undefined;
  },
  rrule() {