mirror of
https://github.com/Bubka/2FAuth.git
synced 2025-06-25 06:24:07 +02:00
Add a Link to Home in footer to exit browsing loop
This commit is contained in:
parent
eb99e9200a
commit
39bbc8c134
2
resources/js_vue3/assets/app.scss
vendored
2
resources/js_vue3/assets/app.scss
vendored
@ -991,7 +991,7 @@ footer.main .field.is-grouped {
|
|||||||
margin-bottom: 0.75rem;
|
margin-bottom: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.error-message p {
|
.error-message > p {
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -23,6 +23,7 @@
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<footer class="main">
|
<footer class="main">
|
||||||
|
<!-- action buttons -->
|
||||||
<div class="columns is-gapless" v-if="showButtons">
|
<div class="columns is-gapless" v-if="showButtons">
|
||||||
<div class="column has-text-centered">
|
<div class="column has-text-centered">
|
||||||
<div class="field is-grouped">
|
<div class="field is-grouped">
|
||||||
@ -30,9 +31,13 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- sub-links -->
|
||||||
<div v-if="internalFooterType == 'doneButton'" class="content has-text-centered">
|
<div v-if="internalFooterType == 'doneButton'" class="content has-text-centered">
|
||||||
<button id="lnkExitEdit" class="button is-ghost is-like-text" @click.stop="$emit('doneButtonClicked', true)">{{ $t('commons.done') }}</button>
|
<button id="lnkExitEdit" class="button is-ghost is-like-text" @click.stop="$emit('doneButtonClicked', true)">{{ $t('commons.done') }}</button>
|
||||||
</div>
|
</div>
|
||||||
|
<div v-if="internalFooterType == 'modal'" class="content has-text-centered">
|
||||||
|
<router-link id="lnkBackToHome" :to="{ name: 'accounts' }" class="has-text-grey">{{ $t('commons.back_to_home') }}</router-link>
|
||||||
|
</div>
|
||||||
<div v-else class="content has-text-centered">
|
<div v-else class="content has-text-centered">
|
||||||
<div v-if="$route.meta.showAbout === true" class="is-size-6">
|
<div v-if="$route.meta.showAbout === true" class="is-size-6">
|
||||||
<router-link id="lnkAbout" :to="{ name: 'about' }" class="has-text-grey">
|
<router-link id="lnkAbout" :to="{ name: 'about' }" class="has-text-grey">
|
||||||
|
@ -40,8 +40,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="props.closable" class="fullscreen-footer">
|
<VueFooter v-if="props.closable" :showButtons="true" :internalFooterType="'modal'">
|
||||||
<ButtonBackCloseCancel action="close" :useLinkTag="false" @closed="closeModal" />
|
<ButtonBackCloseCancel action="close" :useLinkTag="false" @closed="closeModal" />
|
||||||
</div>
|
</VueFooter>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
@ -33,19 +33,18 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="error-message">
|
<div>
|
||||||
<modal v-model="showModal" :closable="props.closable">
|
<modal v-model="showModal" :closable="props.closable">
|
||||||
<div class="error-message" v-if="$route.name == '404' || $route.name == 'notFound'">
|
<div class="error-message" v-if="$route.name == '404' || $route.name == 'notFound'">
|
||||||
<p class="error-404"></p>
|
<p class="error-404"></p>
|
||||||
<p>{{ $t('errors.resource_not_found') }}</p>
|
<p>{{ $t('errors.resource_not_found') }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else class="error-message" >
|
||||||
<p class="error-generic"></p>
|
<p class="error-generic"></p>
|
||||||
<p>{{ $t('errors.error_occured') }} </p>
|
<p>{{ $t('errors.error_occured') }} </p>
|
||||||
<p v-if="errorHandler.message" class="has-text-grey-lighter">{{ errorHandler.message }}</p>
|
<p v-if="errorHandler.message" class="has-text-grey-lighter">{{ errorHandler.message }}</p>
|
||||||
<p v-if="errorHandler.originalMessage" class="has-text-grey-lighter">{{ errorHandler.originalMessage }}</p>
|
<p v-if="errorHandler.originalMessage" class="has-text-grey-lighter">{{ errorHandler.originalMessage }}</p>
|
||||||
<p v-if="showDebug && errorHandler.debug" class="is-size-7 is-family-code"><br>{{ errorHandler.debug }}
|
<p v-if="showDebug && errorHandler.debug" class="is-size-7 is-family-code"><br>{{ errorHandler.debug }}</p>
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</modal>
|
</modal>
|
||||||
</div>
|
</div>
|
||||||
|
@ -28,8 +28,8 @@
|
|||||||
<Spinner :isVisible="!qrcode" :type="'raw'" class="is-size-1" />
|
<Spinner :isVisible="!qrcode" :type="'raw'" class="is-size-1" />
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="fullscreen-footer">
|
<VueFooter :showButtons="true" :internalFooterType="'modal'">
|
||||||
<ButtonBackCloseCancel :returnTo="{ name: 'accounts' }" action="close" />
|
<ButtonBackCloseCancel :returnTo="{ name: 'accounts' }" action="close" />
|
||||||
</div>
|
</VueFooter>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
@ -74,4 +74,5 @@ return [
|
|||||||
'close_the_x_page' => 'Close the :pagetitle page',
|
'close_the_x_page' => 'Close the :pagetitle page',
|
||||||
'submit' => 'Submit',
|
'submit' => 'Submit',
|
||||||
'default' => 'Default',
|
'default' => 'Default',
|
||||||
|
'back_to_home' => 'Back to home',
|
||||||
];
|
];
|
||||||
|
Loading…
x
Reference in New Issue
Block a user