Files
habitica/website/client/components/bannedAccountModal.vue
Keith Holliday f42955a0ba Added initial account banned modal (#9868)
* Added initial account banned modal

* Fixed check for non logged in user
2018-04-06 08:33:38 -05:00

43 lines
1.1 KiB
Vue

<template lang="pug">
b-modal#banned-account(:title="$t('accountSuspendedTitle')", size='md', :hide-footer="true")
.modal-body
.row
.col-12
p(v-markdown='bannedMessage')
.modal-footer
.col-12.text-center
button.btn.btn-primary(@click='close()') {{$t('close')}}
</template>
<style scoped>
</style>
<script>
import markdownDirective from 'client/directives/markdown';
const COMMUNITY_MANAGER_EMAIL = process.env.EMAILS.COMMUNITY_MANAGER_EMAIL; // eslint-disable-line
export default {
directives: {
markdown: markdownDirective,
},
computed: {
bannedMessage () {
const AUTH_SETTINGS = localStorage.getItem('habit-mobile-settings');
const parseSettings = JSON.parse(AUTH_SETTINGS);
const userId = parseSettings ? parseSettings.auth.apiId : '';
return this.$t('accountSuspended', {
userId,
communityManagerEmail: COMMUNITY_MANAGER_EMAIL,
});
},
},
methods: {
close () {
this.$root.$emit('bv::hide::modal', 'banned-account');
},
},
};
</script>