30 lines
769 B
Vue
30 lines
769 B
Vue
<template>
|
|
<div v-if="compact" class="mt-4">
|
|
<a href="#" role="button" class="text-danger" @click.prevent="openModal">
|
|
{{ $t("config.sponsor.tokenRequiredShort") }}
|
|
</a>
|
|
</div>
|
|
<div v-else class="alert alert-warning my-4">
|
|
{{ $t(feature ? "config.sponsor.tokenRequiredFeature" : "config.sponsor.tokenRequired") }}
|
|
<a href="#" role="button" class="text-warning" @click.prevent="openModal">
|
|
{{ $t("config.sponsor.tokenRequiredLearnMore") }}
|
|
</a>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Modal from "bootstrap/js/dist/modal";
|
|
|
|
export default {
|
|
name: "SponsorTokenRequired",
|
|
props: {
|
|
compact: Boolean,
|
|
feature: Boolean,
|
|
},
|
|
methods: {
|
|
openModal() {
|
|
Modal.getOrCreateInstance(document.getElementById("sponsorModal")).show();
|
|
},
|
|
},
|
|
};
|
|
</script>
|