73 lines
2.2 KiB
Vue
73 lines
2.2 KiB
Vue
<template>
|
|
<div id="debug">
|
|
<section class="section">
|
|
<div class="container" v-if="!$store.state.debug">
|
|
<div class="columns is-centered">
|
|
<div class="column">
|
|
<div class="box">
|
|
<div class="title">
|
|
{{ $t("debug.title") }}: {{ store.state.debug }}
|
|
</div>
|
|
<hr>
|
|
<p>If you'd like to re-enable debug mode refresh.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container" v-else>
|
|
<div class="columns is-centered">
|
|
<div class="column is-7">
|
|
<div class="box" style="overflow: none">
|
|
<div class="title">
|
|
{{ $t("debug.title") }}: {{ $store.state.debug }}
|
|
</div>
|
|
<hr />
|
|
{{ $t("debug.authUser") }}: {{ $store.state.user.username }}<br />
|
|
{{ $t("debug.userState") }}: {{ $store.state.user }}<br />
|
|
{{ $t("debug.state") }}: {{ $store.state }}<br />
|
|
{{ $t("debug.token") }}: {{ $store.state.user.token }}
|
|
</div>
|
|
<b-button v-if="$store.state.debug" @click="authTest">{{
|
|
$t("debug.auth")
|
|
}}</b-button>
|
|
<b-button v-if="$store.state.debug" @click="turnOffDebug">{{
|
|
$t("debug.disable")
|
|
}}</b-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "Debug",
|
|
methods: {
|
|
turnOffDebug() {
|
|
this.$store.commit("turnOffDebug");
|
|
this.$buefy.snackbar.open({
|
|
message: this.$t("errors.disableDebug"),
|
|
type: "is-warning",
|
|
});
|
|
},
|
|
authTest() {
|
|
this.axios
|
|
.get(process.env.VUE_APP_API_ENDPOINT +
|
|
process.env.VUE_APP_API_VERSION + "/userinfo/auth")
|
|
.then(() => {
|
|
this.$buefy.snackbar.open({
|
|
message: this.$t("errors.authSuccess"),
|
|
type: "is-warning",
|
|
});
|
|
})
|
|
.catch(() => {
|
|
this.$buefy.snackbar.open({
|
|
message: this.$t("errors.authFail"),
|
|
type: "is-warning",
|
|
});
|
|
});
|
|
},
|
|
},
|
|
};
|
|
</script> |