66 lines
1.4 KiB
Vue
66 lines
1.4 KiB
Vue
<template>
|
|
<div class="text-container squire-box">
|
|
|
|
<h2 class="ui header">
|
|
<i class="green angle double up icon icon"></i>
|
|
<div class="content">
|
|
Push URL to Solid Scribe - Bookmarklet
|
|
<div class="sub header">Push any website to your file list.</div>
|
|
</div>
|
|
</h2>
|
|
|
|
<p>A bookmarklet is a small piece of code that can be run from a bookmark.</p>
|
|
<p>Use the bookmarklet below to push URLs of website to solid scribe for later</p>
|
|
<p>The bookmarklet works in a secure way and won't leak any data.</p>
|
|
<p>To install the bookmarklet, all you need to do is drag it to your bookmarks bar.</p>
|
|
|
|
<h2>
|
|
Drag the link below to your bookmarks.
|
|
</h2>
|
|
<h3>
|
|
<a :href="`${(bookmarkletscript)}`" class="ui huge text">Push to SolidScribe</a>
|
|
</h3>
|
|
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import axios from 'axios'
|
|
|
|
export default {
|
|
components: {
|
|
},
|
|
data: function(){
|
|
return {
|
|
loading: true,
|
|
bookmarkletscript:'',
|
|
}
|
|
},
|
|
beforeCreate: function(){
|
|
// Perform Login check
|
|
this.$root.loginGateway()
|
|
|
|
},
|
|
mounted: function(){
|
|
this.getBookmarklet()
|
|
},
|
|
beforeUnmount(){
|
|
|
|
},
|
|
methods: {
|
|
getBookmarklet(){
|
|
|
|
this.loading = true
|
|
axios.post('/api/attachment/getbookmarklet')
|
|
.then( results => {
|
|
|
|
this.bookmarkletscript = results.data
|
|
|
|
})
|
|
.catch(error => { this.$bus.$emit('notification', 'Failed to get bookmarklet') })
|
|
},
|
|
}
|
|
}
|
|
</script> |