mirror of
https://github.com/Bubka/2FAuth.git
synced 2024-12-12 10:10:59 +01:00
58 lines
2.2 KiB
Vue
58 lines
2.2 KiB
Vue
<script setup>
|
||
import { useAppSettingsStore } from '@/stores/appSettings'
|
||
import { useUserStore } from '@/stores/user'
|
||
import { useBusStore } from '@/stores/bus'
|
||
|
||
const appSettings = useAppSettingsStore()
|
||
const user = useUserStore()
|
||
const bus = useBusStore()
|
||
const $2fauth = inject('2fauth')
|
||
|
||
const props = defineProps({
|
||
showButtons: true
|
||
})
|
||
|
||
const emit = defineEmits(['management-mode-exited'])
|
||
|
||
function exitManagementMode() {
|
||
bus.inManagementMode = false
|
||
emit('management-mode-exited')
|
||
}
|
||
|
||
function logout() {
|
||
if(confirm(trans('auth.confirm.logout'))) {
|
||
user.logout()
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<template>
|
||
<footer>
|
||
<div class="columns is-gapless" v-if="showButtons">
|
||
<div class="column has-text-centered">
|
||
<div class="field is-grouped">
|
||
<slot></slot>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div v-if="bus.inManagementMode" class="content has-text-centered">
|
||
<button id="lnkExitEdit" class="button is-ghost is-like-text" @click="exitManagementMode">{{ $t('commons.done') }}</button>
|
||
</div>
|
||
<div v-else class="content has-text-centered">
|
||
<div v-if="$route.meta.showAbout === true" class="is-size-6">
|
||
<router-link id="lnkAbout" :to="{ name: 'about' }" class="has-text-grey">
|
||
2FAuth – <span class="has-text-weight-bold">v{{ $2fauth.version }}</span>
|
||
</router-link>
|
||
</div>
|
||
<div v-else>
|
||
<router-link id="lnkSettings" :to="{ name: 'settings.options' }" class="has-text-grey">
|
||
{{ $t('settings.settings') }}<span v-if="appSettings.latestRelease && appSettings.checkForUpdate" class="release-flag"></span>
|
||
</router-link>
|
||
<span v-if="!$2fauth.config.proxyAuth || ($2fauth.config.proxyAuth && $2fauth.config.proxyLogoutUrl)">
|
||
- <button id="lnkSignOut" class="button is-text is-like-text has-text-grey" @click="logout">{{ $t('auth.sign_out') }}</button>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</template>
|