mirror of
https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender.git
synced 2026-01-17 12:02:26 +01:00
fix:#69 format, lint, tiny info buttons
This commit is contained in:
@@ -1,141 +1,216 @@
|
||||
<script lang="ts" setup>
|
||||
</script>
|
||||
<script lang="ts" setup></script>
|
||||
|
||||
<template>
|
||||
<div class="flex align-items-center justify-content-center flex-column">
|
||||
<div class="flex align-items-center justify-content-center h-4rem m-2">
|
||||
<h1>{{$t('faqView.headline')}}</h1>
|
||||
<h1>{{ $t("faqView.headline") }}</h1>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-column col-7">
|
||||
<div class="grid my-2">
|
||||
<div class="col">
|
||||
{{$t('faqView.firstQuestion')}}
|
||||
{{ $t("faqView.firstQuestion") }}
|
||||
</div>
|
||||
<div class="col">
|
||||
{{$t('faqView.firstAnswer')}}
|
||||
{{ $t("faqView.firstAnswer") }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid my-2">
|
||||
<div class="col">{{$t('faqView.secondQuestion')}}</div>
|
||||
<div class="col">{{ $t("faqView.secondQuestion") }}</div>
|
||||
<div class="col">
|
||||
{{$t('faqView.secondAnswer')}}
|
||||
{{ $t("faqView.secondAnswer") }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid my-2">
|
||||
<div class="col">{{$t('faqView.thirdQuestion')}}</div>
|
||||
<div class="col">{{ $t("faqView.thirdQuestion") }}</div>
|
||||
<div class="col">
|
||||
<Accordion>
|
||||
<AccordionTab :header="$t('faqView.thirdAnswer.tabTitle')">
|
||||
<ol>
|
||||
<li>{{$t('faqView.thirdAnswer.google.first')}}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.google.first") }}</li>
|
||||
<li>
|
||||
{{$t('faqView.thirdAnswer.google.second')}}
|
||||
{{ $t("faqView.thirdAnswer.google.second") }}
|
||||
</li>
|
||||
<li>
|
||||
{{$t('faqView.thirdAnswer.google.third')}}
|
||||
{{ $t("faqView.thirdAnswer.google.third") }}
|
||||
</li>
|
||||
</ol>
|
||||
</AccordionTab>
|
||||
<AccordionTab :header="$t('faqView.thirdAnswer.microsoft_outlook.title')">
|
||||
<p>{{$t('faqView.thirdAnswer.microsoft_outlook.outlook_2010.title')}}</p>
|
||||
<AccordionTab
|
||||
:header="$t('faqView.thirdAnswer.microsoft_outlook.title')"
|
||||
>
|
||||
<p>
|
||||
{{
|
||||
$t("faqView.thirdAnswer.microsoft_outlook.outlook_2010.title")
|
||||
}}
|
||||
</p>
|
||||
|
||||
<ol>
|
||||
<li>{{$t('faqView.thirdAnswer.microsoft_outlook.outlook_2010.first')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.microsoft_outlook.outlook_2010.second')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.microsoft_outlook.outlook_2010.third')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.microsoft_outlook.outlook_2010.fourth')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.microsoft_outlook.outlook_2010.fifth')}}</li>
|
||||
<li>
|
||||
{{
|
||||
$t(
|
||||
"faqView.thirdAnswer.microsoft_outlook.outlook_2010.first",
|
||||
)
|
||||
}}
|
||||
</li>
|
||||
<li>
|
||||
{{
|
||||
$t(
|
||||
"faqView.thirdAnswer.microsoft_outlook.outlook_2010.second",
|
||||
)
|
||||
}}
|
||||
</li>
|
||||
<li>
|
||||
{{
|
||||
$t(
|
||||
"faqView.thirdAnswer.microsoft_outlook.outlook_2010.third",
|
||||
)
|
||||
}}
|
||||
</li>
|
||||
<li>
|
||||
{{
|
||||
$t(
|
||||
"faqView.thirdAnswer.microsoft_outlook.outlook_2010.fourth",
|
||||
)
|
||||
}}
|
||||
</li>
|
||||
<li>
|
||||
{{
|
||||
$t(
|
||||
"faqView.thirdAnswer.microsoft_outlook.outlook_2010.fifth",
|
||||
)
|
||||
}}
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<p>{{$t('faqView.thirdAnswer.microsoft_outlook.outlook_2007.title')}}</p>
|
||||
<p>
|
||||
{{
|
||||
$t("faqView.thirdAnswer.microsoft_outlook.outlook_2007.title")
|
||||
}}
|
||||
</p>
|
||||
|
||||
<ol>
|
||||
<li>{{$t('faqView.thirdAnswer.microsoft_outlook.outlook_2007.first')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.microsoft_outlook.outlook_2007.second')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.microsoft_outlook.outlook_2007.third')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.microsoft_outlook.outlook_2007.fourth')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.microsoft_outlook.outlook_2007.fifth')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.microsoft_outlook.outlook_2007.sixth')}}</li>
|
||||
<li>
|
||||
{{
|
||||
$t(
|
||||
"faqView.thirdAnswer.microsoft_outlook.outlook_2007.first",
|
||||
)
|
||||
}}
|
||||
</li>
|
||||
<li>
|
||||
{{
|
||||
$t(
|
||||
"faqView.thirdAnswer.microsoft_outlook.outlook_2007.second",
|
||||
)
|
||||
}}
|
||||
</li>
|
||||
<li>
|
||||
{{
|
||||
$t(
|
||||
"faqView.thirdAnswer.microsoft_outlook.outlook_2007.third",
|
||||
)
|
||||
}}
|
||||
</li>
|
||||
<li>
|
||||
{{
|
||||
$t(
|
||||
"faqView.thirdAnswer.microsoft_outlook.outlook_2007.fourth",
|
||||
)
|
||||
}}
|
||||
</li>
|
||||
<li>
|
||||
{{
|
||||
$t(
|
||||
"faqView.thirdAnswer.microsoft_outlook.outlook_2007.fifth",
|
||||
)
|
||||
}}
|
||||
</li>
|
||||
<li>
|
||||
{{
|
||||
$t(
|
||||
"faqView.thirdAnswer.microsoft_outlook.outlook_2007.sixth",
|
||||
)
|
||||
}}
|
||||
</li>
|
||||
</ol>
|
||||
</AccordionTab>
|
||||
<AccordionTab :header="$t('faqView.thirdAnswer.apple_osx.title')">
|
||||
<ol>
|
||||
<li>{{$t('faqView.thirdAnswer.apple_osx.first')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.apple_osx.second')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.apple_osx.third')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.apple_osx.fourth')}}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.apple_osx.first") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.apple_osx.second") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.apple_osx.third") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.apple_osx.fourth") }}</li>
|
||||
</ol>
|
||||
</AccordionTab>
|
||||
<AccordionTab :header="$t('faqView.thirdAnswer.thunderbird.title')">
|
||||
<ol>
|
||||
<li>{{ $t('faqView.thirdAnswer.thunderbird.one') }}</li>
|
||||
<li>{{ $t('faqView.thirdAnswer.thunderbird.two') }}</li>
|
||||
<li>{{ $t('faqView.thirdAnswer.thunderbird.three') }}</li>
|
||||
<li>{{ $t('faqView.thirdAnswer.thunderbird.four') }} </li>
|
||||
<li>{{ $t('faqView.thirdAnswer.thunderbird.five') }}</li>
|
||||
<li>{{ $t('faqView.thirdAnswer.thunderbird.six') }}</li>
|
||||
<li>{{ $t('faqView.thirdAnswer.thunderbird.seven') }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.thunderbird.one") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.thunderbird.two") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.thunderbird.three") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.thunderbird.four") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.thunderbird.five") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.thunderbird.six") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.thunderbird.seven") }}</li>
|
||||
</ol>
|
||||
</AccordionTab>
|
||||
<AccordionTab :header="$t('faqView.thirdAnswer.iphone.title')">
|
||||
<p>{{$t('faqView.thirdAnswer.iphone.description')}}</p>
|
||||
<p>{{ $t("faqView.thirdAnswer.iphone.description") }}</p>
|
||||
|
||||
<ol>
|
||||
<li>{{$t('faqView.thirdAnswer.iphone.one')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.iphone.two')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.iphone.three')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.iphone.four')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.iphone.five')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.iphone.six')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.iphone.seven')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.iphone.eight')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.iphone.nine')}}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.iphone.one") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.iphone.two") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.iphone.three") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.iphone.four") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.iphone.five") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.iphone.six") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.iphone.seven") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.iphone.eight") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.iphone.nine") }}</li>
|
||||
</ol>
|
||||
</AccordionTab>
|
||||
<AccordionTab header="Android">
|
||||
<p>{{$t('faqView.thirdAnswer.android.description')}}</p>
|
||||
<p>{{ $t("faqView.thirdAnswer.android.description") }}</p>
|
||||
</AccordionTab>
|
||||
<AccordionTab header="Windows Phone">
|
||||
<p>{{$t('faqView.thirdAnswer.windows_phone.description')}}</p>
|
||||
<p>{{ $t("faqView.thirdAnswer.windows_phone.description") }}</p>
|
||||
<ol>
|
||||
<li>{{$t('faqView.thirdAnswer.windows_phone.one')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.windows_phone.two')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.windows_phone.three')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.windows_phone.four')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.windows_phone.five')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.windows_phone.six')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.windows_phone.seven')}}</li>
|
||||
<li>{{$t('faqView.thirdAnswer.windows_phone.eight')}}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.windows_phone.one") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.windows_phone.two") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.windows_phone.three") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.windows_phone.four") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.windows_phone.five") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.windows_phone.six") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.windows_phone.seven") }}</li>
|
||||
<li>{{ $t("faqView.thirdAnswer.windows_phone.eight") }}</li>
|
||||
</ol>
|
||||
</AccordionTab>
|
||||
</Accordion>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid my-2">
|
||||
<div class="col">{{$t('faqView.fourthQuestion')}}</div>
|
||||
<div class="col">{{$t('faqView.fourthAnswer')}}</div>
|
||||
<div class="col">{{ $t("faqView.fourthQuestion") }}</div>
|
||||
<div class="col">{{ $t("faqView.fourthAnswer") }}</div>
|
||||
</div>
|
||||
<div class="grid my-2">
|
||||
<div class="col">{{$t('faqView.fifthQuestion')}}</div>
|
||||
<div class="col">{{$t('faqView.fifthAnswer')}}</div>
|
||||
<div class="col">{{ $t("faqView.fifthQuestion") }}</div>
|
||||
<div class="col">{{ $t("faqView.fifthAnswer") }}</div>
|
||||
</div>
|
||||
<div class="grid my-2">
|
||||
<div class="col my-2">{{$t('faqView.sixthQuestion')}}</div>
|
||||
<div class="col">{{$t('faqView.sixthAnswer')}}</div>
|
||||
<div class="col my-2">{{ $t("faqView.sixthQuestion") }}</div>
|
||||
<div class="col">{{ $t("faqView.sixthAnswer") }}</div>
|
||||
</div>
|
||||
<div class="grid my-2">
|
||||
<div class="col">{{$t('faqView.seventhQuestion')}}</div>
|
||||
<div class="col">{{$t('faqView.seventhAnswer')}}</div>
|
||||
<div class="col">{{ $t("faqView.seventhQuestion") }}</div>
|
||||
<div class="col">{{ $t("faqView.seventhAnswer") }}</div>
|
||||
</div>
|
||||
<div class="grid my-2">
|
||||
<div class="col">{{$t('faqView.eighthQuestion')}}</div>
|
||||
<div class="col">{{$t('faqView.eighthAnswer')}}</div>
|
||||
<div class="col">{{ $t("faqView.eighthQuestion") }}</div>
|
||||
<div class="col">{{ $t("faqView.eighthAnswer") }}</div>
|
||||
</div>
|
||||
<p>
|
||||
{{$t('faqView.notFound')}}<br />
|
||||
<a href="/imprint">{{$t('faqView.contact')}}</a>
|
||||
{{ $t("faqView.notFound") }}<br />
|
||||
<a href="/imprint">{{ $t("faqView.contact") }}</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user