150 lines
6.2 KiB
Vue
150 lines
6.2 KiB
Vue
<template>
|
|
<BasePage :title="$t('about.AboutOpendtu')">
|
|
<div class="accordion" id="accordionExample">
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="headingDocumentation">
|
|
<button
|
|
class="accordion-button"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#collapseDocumentation"
|
|
aria-expanded="true"
|
|
aria-controls="collapseOne"
|
|
>
|
|
<span class="badge text-bg-secondary"> <BIconInfoCircle class="fs-4" /> </span> {{
|
|
$t('about.Documentation')
|
|
}}
|
|
</button>
|
|
</h2>
|
|
<div
|
|
id="collapseDocumentation"
|
|
class="accordion-collapse collapse show"
|
|
aria-labelledby="headingDocumentation"
|
|
data-bs-parent="#accordionExample"
|
|
>
|
|
<div class="accordion-body">
|
|
<p class="fw-normal" v-html="$t('about.DocumentationBody')"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="headingOne">
|
|
<button
|
|
class="accordion-button collapsed"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#collapseOne"
|
|
aria-expanded="false"
|
|
aria-controls="collapseOne"
|
|
>
|
|
<span class="badge text-bg-secondary"> <BIconInfoCircle class="fs-4" /> </span> {{
|
|
$t('about.ProjectOrigin')
|
|
}}
|
|
</button>
|
|
</h2>
|
|
<div
|
|
id="collapseOne"
|
|
class="accordion-collapse collapse"
|
|
aria-labelledby="headingOne"
|
|
data-bs-parent="#accordionExample"
|
|
>
|
|
<div class="accordion-body">
|
|
<p class="fw-normal" v-html="$t('about.ProjectOriginBody1')"></p>
|
|
<p class="fw-normal" v-html="$t('about.ProjectOriginBody2')"></p>
|
|
<p class="fw-normal" v-html="$t('about.ProjectOriginBody3')"></p>
|
|
<p class="fw-normal" v-html="$t('about.ProjectOriginBody4')"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="headingTwo">
|
|
<button
|
|
class="accordion-button collapsed"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#collapseTwo"
|
|
aria-expanded="false"
|
|
aria-controls="collapseTwo"
|
|
>
|
|
<span class="badge text-bg-secondary"> <BIconActivity class="fs-4" /> </span> {{
|
|
$t('about.NewsUpdates')
|
|
}}
|
|
</button>
|
|
</h2>
|
|
<div
|
|
id="collapseTwo"
|
|
class="accordion-collapse collapse"
|
|
aria-labelledby="headingTwo"
|
|
data-bs-parent="#accordionExample"
|
|
>
|
|
<div class="accordion-body" v-html="$t('about.NewsUpdatesBody')"></div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="headingThree">
|
|
<button
|
|
class="accordion-button collapsed"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#collapseThree"
|
|
aria-expanded="false"
|
|
aria-controls="collapseThree"
|
|
>
|
|
<span class="badge text-bg-secondary"> <BIconBug class="fs-4" /> </span> {{
|
|
$t('about.ErrorReporting')
|
|
}}
|
|
</button>
|
|
</h2>
|
|
<div
|
|
id="collapseThree"
|
|
class="accordion-collapse collapse"
|
|
aria-labelledby="headingThree"
|
|
data-bs-parent="#accordionExample"
|
|
>
|
|
<div class="accordion-body" v-html="$t('about.ErrorReportingBody')"></div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="headingFour">
|
|
<button
|
|
class="accordion-button collapsed"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#collapseFour"
|
|
aria-expanded="false"
|
|
aria-controls="collapseFour"
|
|
>
|
|
<span class="badge text-bg-secondary"> <BIconChat class="fs-4" /> </span> {{
|
|
$t('about.Discussion')
|
|
}}
|
|
</button>
|
|
</h2>
|
|
<div
|
|
id="collapseFour"
|
|
class="accordion-collapse collapse"
|
|
aria-labelledby="headingFour"
|
|
data-bs-parent="#accordionExample"
|
|
>
|
|
<div class="accordion-body" v-html="$t('about.DiscussionBody')"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</BasePage>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import BasePage from '@/components/BasePage.vue';
|
|
import { BIconActivity, BIconBug, BIconChat, BIconInfoCircle } from 'bootstrap-icons-vue';
|
|
import { defineComponent } from 'vue';
|
|
|
|
export default defineComponent({
|
|
components: {
|
|
BasePage,
|
|
BIconActivity,
|
|
BIconBug,
|
|
BIconChat,
|
|
BIconInfoCircle,
|
|
},
|
|
});
|
|
</script>
|