MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added a message to be displayed for 5 seconds after the copied button 

has been clicked. The copy() function has been modified according to
components/common/CopyInput.vue
This commit is contained in:
Jo Vuit 2019-02-13 19:33:43 +01:00
parent 6d5aa43e11
commit 4a549e6353
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
front/src/components/audio/EmbedWizard.vue
View File

@ -22,6 +22,9 @@
<p><translate :translate-context="'Popup/Embed/Paragraph'">Copy/paste this code in your website HTML</translate></p> <p><translate :translate-context="'Popup/Embed/Paragraph'">Copy/paste this code in your website HTML</translate></p>
<textarea ref="textarea":value="embedCode" rows="5" readonly> <textarea ref="textarea":value="embedCode" rows="5" readonly>
</textarea> </textarea>
<div class="ui right">
<p class="message" v-if=copied><translate :translate-context="'Content/*/Paragraph'">Text copied to clipboard!</translate></p>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -40,7 +43,8 @@ export default {
let d = { let d = {
width: null, width: null,
height: 150, height: 150,
minHeight: 100 minHeight: 100,
copied: false
} }
if (this.type === 'album') { if (this.type === 'album') {
d.height = 330 d.height = 330
@ -69,6 +73,11 @@ export default {
copy () { copy () {
this.$refs.textarea.select() this.$refs.textarea.select()
document.execCommand("Copy") document.execCommand("Copy")
let self = this
self.copied = true
this.timeout = setTimeout(() => {
self.copied = false
}, 5000)
} }
} }
} }
@ -76,4 +85,9 @@ export default {
<!-- Add "scoped" attribute to limit CSS to this component only --> <!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped> <style scoped>
.message {
position: absolute;
right: 0;
bottom: -2em;
}
</style> </style>