mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-06-27 21:05:53 +00:00
98 lines
2 KiB
Vue
98 lines
2 KiB
Vue
<template lang="html">
|
|
<section class="ffz--widget ffz--service-tos">
|
|
<h4>{{ key }}</h4>
|
|
<markdown class="tw-mg-b-05" :source="linkText" />
|
|
<div v-if="hasAccepted">
|
|
{{ t('tooltip.has-accepted', 'You have accepted the Terms of Service.') }}
|
|
</div>
|
|
<template v-else>
|
|
<button
|
|
class="tw-button tw-mg-b-05"
|
|
@click="accept"
|
|
>
|
|
<span class="tw-button__text">
|
|
{{ acceptText }}
|
|
</span>
|
|
</button>
|
|
<button
|
|
v-if="! declined"
|
|
class="tw-button tw-button--text tw-block"
|
|
@click="reject"
|
|
>
|
|
<span class="tw-button__text">
|
|
{{ t('tooltip.decline-tos', 'I do not accept.') }}
|
|
</span>
|
|
</button>
|
|
<div v-else>
|
|
{{ t('tooltip.has-declined-tos', 'We won\'t ask you to accept the terms again, but you can still change your mind on this page.') }}
|
|
</div>
|
|
</template>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import ProviderMixin from '../provider-mixin';
|
|
|
|
let last_id = 0;
|
|
|
|
export default {
|
|
mixins: [ProviderMixin],
|
|
props: ['item', 'context'],
|
|
|
|
data() {
|
|
const chat = this.item.getChat();
|
|
|
|
return {
|
|
id: last_id++,
|
|
|
|
declined: chat ? chat.hasDeclinedTerms(this.item.item) : false,
|
|
|
|
key: this.item.item
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
acceptText() {
|
|
if ( this.data.i18n_accept )
|
|
return this.t(this.data.i18n_accept, this.data.accept);
|
|
else if ( this.data.accept )
|
|
return this.data.accept;
|
|
|
|
return this.t('tooltip.accept-tos', 'Yes, I accept the Terms of Service.');
|
|
},
|
|
|
|
linkText() {
|
|
if ( this.data.i18n_links )
|
|
return this.t(this.data.i18n_links, this.data.links);
|
|
return this.data.links;
|
|
},
|
|
|
|
hasAccepted() {
|
|
return Array.isArray(this.value) && this.value.includes(this.key)
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
accept() {
|
|
const val = Array.isArray(this.value) ? [...this.value] : [];
|
|
val.push(this.key);
|
|
this.set(val);
|
|
},
|
|
|
|
reject() {
|
|
if ( this.declined )
|
|
return;
|
|
|
|
const chat = this.item.getChat();
|
|
if ( ! chat )
|
|
return;
|
|
|
|
this.declined = true;
|
|
chat.declineTerms(this.key);
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|