From b0e1a01e242b59a76505c2f919c3acc68ac056c0 Mon Sep 17 00:00:00 2001
From: greta <gretadoci@gmail.com>
Date: Mon, 31 May 2021 20:44:41 +0200
Subject: [PATCH] fixup! Add a trashbin for calendars and events

Signed-off-by: greta <gretadoci@gmail.com>
---
 .../AppNavigation/CalendarList/Moment.vue     | 29 +++++++++++++++++++
 .../AppNavigation/CalendarList/Trashbin.vue   |  4 ++-
 2 files changed, 32 insertions(+), 1 deletion(-)
 create mode 100644 src/components/AppNavigation/CalendarList/Moment.vue

diff --git a/src/components/AppNavigation/CalendarList/Moment.vue b/src/components/AppNavigation/CalendarList/Moment.vue
new file mode 100644
index 0000000000..960edf8ebb
--- /dev/null
+++ b/src/components/AppNavigation/CalendarList/Moment.vue
@@ -0,0 +1,29 @@
+<template>
+	<span class="live-relative-timestamp" :data-timestamp="timestamp * 1000" :title="title">{{ formatted }}</span>
+</template>
+
+<script>
+import moment from '@nextcloud/moment'
+
+export default {
+	name: 'Moment',
+	props: {
+		timestamp: {
+			type: Number,
+			required: true,
+		},
+		format: {
+			type: String,
+			default: 'LLL',
+		},
+	},
+	computed: {
+		title() {
+			return moment.unix(this.timestamp).format(this.format)
+		},
+		formatted() {
+			return moment.unix(this.timestamp).fromNow()
+		},
+	},
+}
+</script>
diff --git a/src/components/AppNavigation/CalendarList/Trashbin.vue b/src/components/AppNavigation/CalendarList/Trashbin.vue
index 9d5eb66a9c..3271438073 100644
--- a/src/components/AppNavigation/CalendarList/Trashbin.vue
+++ b/src/components/AppNavigation/CalendarList/Trashbin.vue
@@ -41,7 +41,7 @@
 						<tr v-for="item in items" :key="item.url">
 							<td>{{ item.name }}</td>
 							<td class="deletedAt">
-								{{ item.deletedAt }}
+								<Moment class="timestamp" :timestamp="item.deletedAt"> </Moment>
 							</td>
 							<td>
 								<button @click="restore(item)">
@@ -62,12 +62,14 @@ import Modal from '@nextcloud/vue/dist/Components/Modal'
 import logger from '../../../utils/logger'
 import { showError } from '@nextcloud/dialogs'
 import { mapGetters } from 'vuex'
+import Moment from "./Moment";
 
 export default {
 	name: 'Trashbin',
 	components: {
 		AppNavigationItem,
 		Modal,
+		Moment,
 	},
 	data() {
 		return {