From 3c7914a115387511cf1195e6c1178cc4b1746311 Mon Sep 17 00:00:00 2001
From: les <lesion@autistici.org>
Date: Sun, 3 Nov 2019 00:56:26 +0100
Subject: [PATCH] [feat] improve embed event  dialog

---
 pages/event/embedEvent.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/pages/event/embedEvent.vue b/pages/event/embedEvent.vue
index 0f90f7d5..f8f4bd9d 100644
--- a/pages/event/embedEvent.vue
+++ b/pages/event/embedEvent.vue
@@ -1,11 +1,15 @@
 <template lang='pug'>
-el-row
-  el-col(:span='12')
+el-row(:gutter='10')
+  el-col(:span='12' :xs='24')
+    el-alert.mb-1.mt-1(type='info' show-icon) {{$t('common.embed_help')}}
     el-input(v-model='code')
-  el-col(:span='12' v-html='code')
+      el-button(slot='append' v-clipboard:copy='code' v-clipboard:success='copyLink'
+        plain type="primary" icon='el-icon-document') {{$t("common.copy")}}
+  el-col.mt-2(:span='12' :xs='24' v-html='code')
 </template>
 <script>
 import { mapState } from 'vuex'
+import { Message } from 'element-ui'
 
 export default {
   name: 'embedEvent',
@@ -18,6 +22,11 @@ export default {
       const code = `<iframe ${style} src="${src}"></iframe>`
       return code
     }
+  },
+  methods: {
+    copyLink () {
+      Message({ message: this.$t('common.copied'), type: 'success' })
+    }
   }
 }
 </script>