61 lines
1.4 KiB
JavaScript
61 lines
1.4 KiB
JavaScript
Vue.component('copybox',{
|
|
template : `
|
|
<div class="y2t-output">
|
|
<div class="top">
|
|
<span class="dumb-space"></span><span class="byl-icon-copy" v-on:click="copyToClipboard">Copy to clipboard</span>
|
|
</div>
|
|
<p>{{ txt }}</p>
|
|
<div class="shader"></div>
|
|
</div>
|
|
`,
|
|
props : {
|
|
txt : String
|
|
},
|
|
methods : {
|
|
copyToClipboard() {
|
|
navigator.clipboard.writeText(this.txt).then(() => {
|
|
console.log('Text copied to clipboard');
|
|
}, (err) => {
|
|
console.error('Failed to copy text: ', err);
|
|
});
|
|
},
|
|
}
|
|
})
|
|
|
|
Vue.component('copbox',{
|
|
template : `
|
|
<div class="y2t-output">
|
|
|
|
<button v-on:click="copyToClipboard">Copy</button>
|
|
|
|
<div ref="textToCopy">
|
|
<slot></slot>
|
|
</div>
|
|
|
|
</div>
|
|
`,
|
|
methods : {
|
|
copyToClipboard() {
|
|
const textToCopy = this.$refs.textToCopy;
|
|
const range = document.createRange();
|
|
range.selectNode(textToCopy);
|
|
window.getSelection().removeAllRanges();
|
|
window.getSelection().addRange(range);
|
|
document.execCommand('copy');
|
|
window.getSelection().removeAllRanges();
|
|
},
|
|
}
|
|
})
|
|
|
|
let vm = new Vue({
|
|
data() {
|
|
return {
|
|
loading: false
|
|
}
|
|
},
|
|
methods: {
|
|
loadingStart(){
|
|
this.loading = true
|
|
}
|
|
}
|
|
}).$mount('#root') |