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

fix(front): Fix broken copy button in embed modal 

Part-of: <https://dev.funkwhale.audio/funkwhale/funkwhale/-/merge_requests/2642>
This commit is contained in:
Ciarán Ainsworth 2023-11-22 11:18:30 +00:00 committed by Marge
parent 08c142cfff
commit eb0c644b93
2 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
changes/changelog.d/copybutton.bugfix Normal file
View File

@ -0,0 +1 @@
Fixed an issue where the copy button didn't copy the Embed code in the embed modal.

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

@ -39,8 +39,7 @@ const iframeSrc = computed(() => {
const frameWidth = computed(() => width.value ?? '100%') const frameWidth = computed(() => width.value ?? '100%')
const embedCode = computed(() => `<iframe width="${frameWidth.value}" height="${height.value}" scrolling="no" frameborder="no" src="${iframeSrc.value.replace(/&/g, '&amp;')}"></iframe>`) const embedCode = computed(() => `<iframe width="${frameWidth.value}" height="${height.value}" scrolling="no" frameborder="no" src="${iframeSrc.value.replace(/&/g, '&amp;')}"></iframe>`)
const textarea = ref() const { copy, copied } = useClipboard({ source: embedCode })
const { copy, copied } = useClipboard({ source: textarea })
</script> </script>
<template> <template>
@ -103,8 +102,7 @@ const { copy, copied } = useClipboard({ source: textarea })
{{ $t('components.audio.EmbedWizard.help.embed') }} {{ $t('components.audio.EmbedWizard.help.embed') }}
</p> </p>
<textarea <textarea
ref="textarea" v-model="embedCode"
:value="embedCode"
rows="5" rows="5"
readonly readonly
/> />