From 6114166148bd47513bd91c909013c9a390abbf84 Mon Sep 17 00:00:00 2001
From: les <lesion@autistici.org>
Date: Fri, 4 Dec 2020 17:25:12 +0100
Subject: [PATCH] quick actions for each event @home

---
 components/Event.vue | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/components/Event.vue b/components/Event.vue
index 5ec95749..27292fea 100644
--- a/components/Event.vue
+++ b/components/Event.vue
@@ -20,17 +20,26 @@
         template(v-slot:activator="{on}")
           v-btn(icon v-on='on' color='primary')
             v-icon mdi-dots-vertical
-        v-list
-          v-list-item
-            v-list-item-title test
-
+        v-list(dense)
+          v-list-item-group
+            v-list-item(v-clipboard:success='copyLink'
+                  v-clipboard:copy='`${settings.baseurl}/event/${event.id}`')
+              v-list-item-icon
+                v-icon mdi-content-copy
+              v-list-item-content
+                v-list-item-title {{$t('common.copy_link')}}
+            v-list-item(:href='`/api/event/${event.id}.ics`')
+              v-list-item-icon
+                v-icon mdi-calendar-export
+              v-list-item-content
+                v-list-item-title {{$t('common.add_to_calendar')}}
 </template>
 <script>
 import { mapState, mapActions } from 'vuex'
 
 export default {
   props: {
-    event: { type: Object, default: () => ({}) },
+    event: { type: Object, default: () => ({}) }
   },
   computed: {
     ...mapState(['settings']),
@@ -40,6 +49,9 @@ export default {
   },
   methods: {
     ...mapActions(['setSearchTags', 'setSearchPlaces']),
+    copyLink () {
+      this.$root.$message('common.copied', { color: 'success' })
+    },
     addTag (tag) {
       if (this.filters.tags.includes(tag)) {
         this.setSearchTags(this.filters.tags.filter(t => t !== tag))
@@ -76,4 +88,4 @@ export default {
     text-decoration: none;
   }
 }
-</style>
\ No newline at end of file
+</style>