yetangitu/funkwhale
1
0
Fork 0
mirror of https://code.eliotberriot.com/funkwhale/funkwhale.git synced 2025-10-05 06:49:24 +02:00
Code Issues Releases Wiki Activity

Moved Modal t set instance url to a separate dedicated file

Browse source 
SetInstanceModal.vue
This commit is contained in:
jovuit 2019-02-25 14:03:53 +01:00 • committed by Eliot Berriot
parent 8beb08d677
commit 1d7ad6978a
15 changed files with 205 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

26
front/src/components/audio/EmbedWizard.vue
View file

@ -17,14 +17,14 @@
</template>
</div>
<div class="field">
<button @click="copy" class="ui right teal labeled icon floated button"><i class="copy icon"></i><translate :translate-context="'Popup/*/Button.Label/Verb'">Copy</translate></button>
<button @click="copy" class="ui right teal labeled icon floated button"><i class="copy icon"></i><translate :translate-context="'Popup/*/Button.Label/Verb'">Copy</translate></button>
<label for="embed-width"><translate :translate-context="'Popup/Embed/Input.Label/Noun'">Embed code</translate></label>
<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>
<div class="ui right">
<p class="message" v-if=copied><translate :translate-context="'Content/*/Paragraph'">Text copied to clipboard!</translate></p>
</div>
<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>
@ -44,7 +44,7 @@ export default {
width: null,
height: 150,
minHeight: 100,
copied: false
copied: false
}
if (this.type === 'album') {
d.height = 330
@ -73,11 +73,11 @@ export default {
copy () {
this.$refs.textarea.select()
document.execCommand("Copy")
let self = this
self.copied = true
this.timeout = setTimeout(() => {
self.copied = false
}, 5000)
let self = this
self.copied = true
this.timeout = setTimeout(() => {
self.copied = false
}, 5000)
}
}
}
@ -86,8 +86,8 @@ export default {
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.message {
position: absolute;
right: 0;
bottom: -2em;
position: absolute;
right: 0;
bottom: -2em;
}
</style>