extern/2FAuth
1
0
Fork 0
mirror of https://github.com/Bubka/2FAuth.git synced 2025-08-09 05:54:34 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add ability to export data as otpauth URIs - Closes #386

Browse Source
This commit is contained in:
Bubka
2024-11-08 08:41:11 +01:00
parent 63a700da44
commit 3e2a80b816
14 changed files with 309 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
resources/js/components/ExportButtons.vue Normal file
View File

@ -0,0 +1,39 @@
<script setup>
import { UseColorMode } from '@vueuse/components'
const router = useRouter()
const emit = defineEmits(['export-twofauth-format', 'export-otpauth-format'])
const $2fauth = inject('2fauth')
</script>
<template>
<div class="block">
<UseColorMode v-slot="{ mode }">
<p class="has-text-weight-bold has-text-grey">
{{ $t('twofaccounts.twofauth_export_format_sub') }}
</p>
</UseColorMode>
<p class="is-size-7-mobile">
{{ $t('twofaccounts.twofauth_export_format_desc') }}
{{ $t('twofaccounts.twofauth_export_format_url') }}
<a id="lnkExportSchemaUrl" class="is-link" tabindex="0" :href="$2fauth.urls.exportSchemaUrl" target="_blank">
{{ $t('twofaccounts.twofauth_export_schema') }}
</a>
</p>
<button id="btnExport2FAuth" class="button is-link is-rounded is-focus my-3" @click="$emit('export-twofauth-format')" :title="$t('twofaccounts.export_selected_to_json')">
{{ $t('twofaccounts.twofauth_export_format') }}
</button>
</div>
<div class="block">
<p class="has-text-weight-bold has-text-grey">
{{ $t('twofaccounts.otpauth_export_format_sub') }}
</p>
<p class="is-size-7-mobile">
{{ $t('twofaccounts.otpauth_export_format_desc') }}
</p>
<button id="btnExportOtpauth" class="button is-link is-rounded is-focus my-3" @click="$emit('export-otpauth-format')" :title="$t('twofaccounts.export_selected_to_otpauth_uri')">
{{ $t('twofaccounts.otpauth_export_format') }}
</button>
</div>
</template>