fixup! Add a trashbin for calendars and events

Signed-off-by: greta <[email protected]>

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>

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 {