Add a Link to Home in footer to exit browsing loop

This commit is contained in:
Bubka 2023-11-23 12:43:27 +01:00
parent eb99e9200a
commit 39bbc8c134
6 changed files with 14 additions and 9 deletions

View File

@ -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;
} }

View File

@ -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">

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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',
]; ];