Infra-Mirrors/ots
1
0
Fork 0
mirror of https://github.com/Luzifer/ots.git synced 2024-12-23 22:29:35 -05:00
Code Issues Packages Projects Releases Wiki Activity

[#91] Add Copy-to-Clipboard button to secret URL

Browse Source 
closes #91

Signed-off-by: Knut Ahlers <knut@ahlers.me>
This commit is contained in:
Knut Ahlers 2023-06-14 22:49:21 +02:00
parent 1a2a6de9a7
commit f5aebbb99a
No known key found for this signature in database
GPG Key ID: D91C3E91E4CAD6F5
1 changed files with 26 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/app.vue
View File

@ -130,13 +130,20 @@
readonly
@focus="$refs.secretUrl.select()"
/>
<b-input-group-append
v-if="!customize.disableQRSupport"
>
<b-input-group-append>
<b-button
v-if="hasClipboard"
:disabled="!secretUrl"
:variant="copyToClipboardSuccess ? 'success' : 'primary'"
@click="copySecretUrl"
>
<i class="fas fa-clipboard" />
</b-button>
<b-button
v-if="!customize.disableQRSupport"
id="secret-url-qrcode"
:disabled="!secretQRDataURL"
variant="primary"
variant="secondary"
>
<i class="fas fa-qrcode" />
</b-button>
@ -216,6 +223,10 @@ const passwordLength = 20
export default {
computed: {
hasClipboard() {
return Boolean(navigator.clipboard && navigator.clipboard.writeText)
},
secretUrl() {
return [
window.location.href,
@ -229,6 +240,7 @@ export default {
data() {
return {
copyToClipboardSuccess: false,
customize: {},
darkTheme: false,
error: '',
@ -243,6 +255,16 @@ export default {
},
methods: {
copySecretUrl() {
navigator.clipboard.writeText(this.secretUrl)
.then(() => {
this.copyToClipboardSuccess = true
window.setTimeout(() => {
this.copyToClipboardSuccess = false
}, 500)
})
},
// createSecret executes the secret creation after encrypting the secret
createSecret() {
if (this.secret.trim().length < 1) {