mirror of
https://github.com/Bubka/2FAuth.git
synced 2024-11-24 17:23:54 +01:00
68 lines
2.2 KiB
Vue
68 lines
2.2 KiB
Vue
<template>
|
|
<div class="error-message">
|
|
<modal v-model="ShowModal">
|
|
<div class="error-message" v-if="$route.name == '404'">
|
|
<p class="error-404"></p>
|
|
<p>{{ $t('errors.resource_not_found') }}</p>
|
|
<p class="">{{ $t('errors.please') }}<router-link :to="{ name: 'accounts' }" class="is-text has-text-grey-light">{{ $t('errors.refresh') }}</router-link></p>
|
|
</div>
|
|
<div v-else-if="$route.name == 'flooded'">
|
|
<p class="error-generic"></p>
|
|
<p>
|
|
{{ $t('errors.already_one_user_registered') }}<br>
|
|
{{ $t('errors.cannot_register_more_user') }}
|
|
</p>
|
|
<p>{{ $t('errors.please') }}<router-link :to="{ name: 'accounts' }" class="is-text has-text-grey-light">{{ $t('auth.sign_in') }}</router-link></p>
|
|
</div>
|
|
<div v-else>
|
|
<p class="error-generic"></p>
|
|
<p>{{ $t('errors.error_occured') }}</p>
|
|
<p v-if="error" class="has-text-grey-lighter">{{ error.statusText }}</p>
|
|
<p>{{ $t('errors.please') }}<router-link :to="{ name: 'accounts' }" class="is-text has-text-grey-light">{{ $t('errors.refresh') }}</router-link></p>
|
|
<p v-if="debugMode == 'development' && error.data">
|
|
<strong>{{ error.data.message }}</strong><br>
|
|
{{ error.data.debug }}
|
|
</p>
|
|
</div>
|
|
</modal>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
import Modal from '../components/Modal'
|
|
|
|
export default {
|
|
data(){
|
|
return {
|
|
ShowModal : true,
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
debugMode: function() {
|
|
return process.env.NODE_ENV
|
|
},
|
|
error: function() {
|
|
return this.err === undefined ? {} : this.err
|
|
}
|
|
},
|
|
|
|
props: ['err'], // error.response
|
|
|
|
components: {
|
|
Modal
|
|
},
|
|
|
|
mounted(){
|
|
// stop OTP generation on modal close
|
|
this.$on('modalClose', function() {
|
|
this.$router.push({name: 'accounts' });
|
|
});
|
|
|
|
}
|
|
}
|
|
|
|
</script>
|
|
|