akkoma-fe/src/components/mrf_transparency_panel/mrf_transparency_panel.vue

168 lines
4.3 KiB
Vue
Raw Normal View History

2019-11-09 06:09:32 +00:00
<template>
2019-11-09 06:23:22 +00:00
<div
v-if="federationPolicy"
class="mrf-transparency-panel"
>
2019-11-09 06:09:32 +00:00
<div class="panel panel-default base01-background">
<div class="panel-heading timeline-heading base02-background">
<div class="title">
{{ $t("about.mrf.federation") }}
2019-11-09 06:09:32 +00:00
</div>
</div>
<div class="panel-body">
<div class="mrf-section">
<h2>{{ $t("about.mrf.mrf_policies") }}</h2>
<p>{{ $t("about.mrf.mrf_policies_desc") }}</p>
2019-11-09 06:09:32 +00:00
<ul>
2019-11-09 06:23:22 +00:00
<li
v-for="policy in mrfPolicies"
:key="policy"
v-text="policy"
/>
2019-11-09 06:09:32 +00:00
</ul>
<h2 v-if="hasInstanceSpecificPolicies">
{{ $t("about.mrf.simple.simple_policies") }}
</h2>
2019-11-09 06:09:32 +00:00
<div v-if="acceptInstances.length">
<h4>{{ $t("about.mrf.simple.accept") }}</h4>
2019-11-09 06:09:32 +00:00
<p>{{ $t("about.mrf.simple.accept_desc") }}</p>
2019-11-09 06:09:32 +00:00
<ul>
2019-11-09 06:23:22 +00:00
<li
v-for="instance in acceptInstances"
:key="instance"
v-text="instance"
/>
2019-11-09 06:09:32 +00:00
</ul>
</div>
<div v-if="rejectInstances.length">
<h4>{{ $t("about.mrf.simple.reject") }}</h4>
2019-11-09 06:09:32 +00:00
<p>{{ $t("about.mrf.simple.reject_desc") }}</p>
2019-11-09 06:09:32 +00:00
<ul>
2019-11-09 06:23:22 +00:00
<li
v-for="instance in rejectInstances"
:key="instance"
v-text="instance"
/>
2019-11-09 06:09:32 +00:00
</ul>
</div>
<div v-if="quarantineInstances.length">
<h4>{{ $t("about.mrf.simple.quarantine") }}</h4>
2019-11-09 06:09:32 +00:00
<p>{{ $t("about.mrf.simple.quarantine_desc") }}</p>
2019-11-09 06:09:32 +00:00
<ul>
2019-11-09 06:23:22 +00:00
<li
v-for="instance in quarantineInstances"
:key="instance"
v-text="instance"
/>
2019-11-09 06:09:32 +00:00
</ul>
</div>
<div v-if="ftlRemovalInstances.length">
<h4>{{ $t("about.mrf.simple.ftl_removal") }}</h4>
2019-11-09 06:09:32 +00:00
<p>{{ $t("about.mrf.simple.ftl_removal_desc") }}</p>
2019-11-09 06:09:32 +00:00
<ul>
2019-11-09 06:23:22 +00:00
<li
v-for="instance in ftlRemovalInstances"
:key="instance"
v-text="instance"
/>
2019-11-09 06:09:32 +00:00
</ul>
</div>
<div v-if="mediaNsfwInstances.length">
<h4>{{ $t("about.mrf.simple.media_nsfw") }}</h4>
2019-11-09 06:09:32 +00:00
<p>{{ $t("about.mrf.simple.media_nsfw_desc") }}</p>
2019-11-09 06:09:32 +00:00
<ul>
2019-11-09 06:23:22 +00:00
<li
v-for="instance in mediaNsfwInstances"
:key="instance"
v-text="instance"
/>
2019-11-09 06:09:32 +00:00
</ul>
</div>
<div v-if="mediaRemovalInstances.length">
<h4>{{ $t("about.mrf.simple.media_removal") }}</h4>
2019-11-09 06:09:32 +00:00
<p>{{ $t("about.mrf.simple.media_removal_desc") }}</p>
2019-11-09 06:09:32 +00:00
<ul>
2019-11-09 06:23:22 +00:00
<li
v-for="instance in mediaRemovalInstances"
:key="instance"
v-text="instance"
/>
2019-11-09 06:09:32 +00:00
</ul>
</div>
2020-02-10 08:04:58 +00:00
<h2 v-if="hasKeywordPolicies">
{{ $t("about.mrf.keyword.keyword_policies") }}
</h2>
<div v-if="keywordsFtlRemoval.length">
<h4>{{ $t("about.mrf.keyword.ftl_removal") }}</h4>
<ul>
<li
v-for="keyword in keywordsFtlRemoval"
:key="keyword"
v-text="keyword"
/>
</ul>
</div>
<div v-if="keywordsReject.length">
<h4>{{ $t("about.mrf.keyword.reject") }}</h4>
<ul>
<li
v-for="keyword in keywordsReject"
:key="keyword"
v-text="keyword"
/>
</ul>
</div>
<div v-if="keywordsReplace.length">
<h4>{{ $t("about.mrf.keyword.replace") }}</h4>
<ul>
<li
v-for="keyword in keywordsReplace"
:key="keyword"
>
{{ keyword.pattern }}
{{ $t("about.mrf.keyword.is_replaced_by") }}
{{ keyword.replacement }}
</li>
</ul>
</div>
2019-11-09 06:09:32 +00:00
</div>
</div>
</div>
</div>
</template>
<script src="./mrf_transparency_panel.js"></script>
<style lang="scss">
.mrf-section {
margin: 1em;
}
</style>