Ocelot-Social/webapp/pages/code-of-conduct.vue
roschaefer 966cdc9574 fix #2229
I have to agree with @vbelolapotkov here. First of all the translation
for German an English does not match and second it does not make an awful
lot of sense to have "Report these actions" twice in the list. The
English translation "Advocacy or encouragement to these behaviors."
probably belongs into the section before.
2020-01-12 17:35:31 +01:00

66 lines
1.6 KiB
Vue

<template>
<div>
<ds-space>
<ds-heading tag="h2">{{ $t('site.code-of-conduct') }}</ds-heading>
<p>{{ $t('code-of-conduct.subheader') }}</p>
</ds-space>
<ds-container>
<div v-for="section in sections" :key="section">
<strong>{{ $t(`code-of-conduct.${section}.title`) }}</strong>
<p>{{ $t(`code-of-conduct.${section}.description`) }}</p>
</div>
<br />
<div v-for="section in listSections" :key="section.key">
<strong>{{ $t(`code-of-conduct.${section.key}.title`) }}</strong>
<p>{{ $t(`code-of-conduct.${section.key}.description`) }}</p>
<ul>
<li v-for="i in section.items" :key="i">
{{ $t(`code-of-conduct.${section.key}.list.${i}`) }}
</li>
</ul>
</div>
<p>
{{ $t('code-of-conduct.get-help') }}
<a class="hc-editor-link-blot" href="moderation@human-connection.org" target="_blank">
moderation@human-connection.org
</a>
</p>
<br />
</ds-container>
</div>
</template>
<script>
export default {
layout: 'basic',
head() {
return {
title: this.$t('site.code-of-conduct'),
}
},
data() {
return {
sections: ['preamble', 'purpose'],
listSections: [
{
key: 'expected-behaviour',
items: [...Array(4).keys()],
},
{
key: 'unacceptable-behaviour',
items: [...Array(8).keys()],
},
{
key: 'consequences',
items: [...Array(8).keys()],
},
],
}
},
}
</script>