83 lines
2.4 KiB
Vue
83 lines
2.4 KiB
Vue
<template>
|
|
<div class="banners">
|
|
<section
|
|
v-if="!$store.state.user.emailVerified && $store.state.user.username"
|
|
class="hero is-danger"
|
|
>
|
|
<div class="hero-body" style="padding: 1rem 1rem !important">
|
|
<div class="mobile-container">
|
|
<div class="container">
|
|
<p style="text-align: center">{{ $t("errors.emailVerify") }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section
|
|
v-if="!$store.state.client.secure && !$store.state.client.development"
|
|
class="hero is-danger"
|
|
>
|
|
<div class="hero-body" style="padding: 1rem 1rem !important">
|
|
<div class="mobile-container">
|
|
<div class="container">
|
|
<p style="text-align: center">Kaverti is being accessed insecurely, Authentication will be disabled.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section
|
|
v-if="
|
|
$store.state.client.clientVersion !==
|
|
$store.state.client.latestClientVersion && showOutdatedBanner && $store.state.client.latestClientVersion
|
|
"
|
|
class="hero is-warning"
|
|
>
|
|
<div class="hero-body" style="padding: 1rem 1rem !important">
|
|
<div class="mobile-container">
|
|
<div class="container">
|
|
<p style="text-align: center">
|
|
You are using an outdated version of Kaverti, please
|
|
refresh.<button
|
|
type="button"
|
|
class="delete"
|
|
style="float: right"
|
|
@click="showOutdatedBanner = false"
|
|
/>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "Banners",
|
|
data() {
|
|
return {
|
|
showOutdatedBanner: true,
|
|
showBanner: true
|
|
}
|
|
},
|
|
methods: {
|
|
toggleBrokenRoute(val) {
|
|
this.$store.commit("brokenRoute", val);
|
|
},
|
|
getBannerId() {
|
|
this.showBanner = !localStorage.getItem(this.$store.state.client.bannerId);
|
|
},
|
|
updateDismissed() {
|
|
localStorage.setItem(
|
|
"update-" + this.$store.state.client.clientVersion,
|
|
true
|
|
);
|
|
this.updateModal = false;
|
|
},
|
|
removeBannerId() {
|
|
localStorage.setItem(this.$store.state.client.bannerId, true);
|
|
this.$store.state.client.bannerEnabled = false;
|
|
console.log(localStorage.getItem(this.$store.state.client.bannerId));
|
|
},
|
|
}
|
|
}
|
|
</script> |