jbusa22
ad51675ac6
* Update title for tabs not including challenges, guild and team * add section titles to challenges, guilds, and groups * Update dynamic title to use vuex action * Remove duplicate key * Actually remove duplicate key * Fix section sub section in group * Add note to implement setTitle when adding a page * Add missing sections to dynamic title * Features string not translated * Use onGroupUpdate to update group titles * Add watcher to challenges for dynamic title updates * Small fixes * Add register and login to title, remove duplicate keys * Add home page dynamic title functionality * Minor name changes * remove wrong i18n strings from front.js * refactor router note Co-authored-by: Matteo Pagliazzi <matteopagliazzi@gmail.com>
133 lines
3.0 KiB
Vue
133 lines
3.0 KiB
Vue
<template>
|
|
<div
|
|
class="container-fluid"
|
|
role="tablist"
|
|
>
|
|
<div class="row">
|
|
<div class="col-12 col-md-6 offset-md-3">
|
|
<h1 id="faq-heading">
|
|
{{ $t('frequentlyAskedQuestions') }}
|
|
</h1>
|
|
<div
|
|
v-for="(heading, index) in headings"
|
|
:key="index"
|
|
class="faq-question"
|
|
>
|
|
<h2
|
|
v-b-toggle="heading"
|
|
role="tab"
|
|
variant="info"
|
|
@click="handleClick($event)"
|
|
>
|
|
{{ $t(`faqQuestion${index}`) }}
|
|
</h2>
|
|
<b-collapse
|
|
:id="heading"
|
|
:visible="isVisible(heading)"
|
|
accordion="faq"
|
|
role="tabpanel"
|
|
>
|
|
<div
|
|
v-markdown="$t(`webFaqAnswer${index}`, replacements)"
|
|
class="card-body"
|
|
></div>
|
|
</b-collapse>
|
|
</div>
|
|
<hr>
|
|
<p v-markdown="$t('webFaqStillNeedHelp')"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang='scss' scoped>
|
|
.card-body {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.faq-question h2 {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.faq-question .card-body {
|
|
padding: 0;
|
|
}
|
|
|
|
.static-wrapper .faq-question h2 {
|
|
margin: 0 0 16px 0;
|
|
}
|
|
|
|
.faq-question a {
|
|
text-decoration: none;
|
|
color: #4F2A93;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.container-fluid {
|
|
margin: auto;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
// @TODO: env.EMAILS.TECH_ASSISTANCE_EMAIL
|
|
import markdownDirective from '@/directives/markdown';
|
|
|
|
const TECH_ASSISTANCE_EMAIL = 'admin@habitica.com';
|
|
|
|
export default {
|
|
directives: {
|
|
markdown: markdownDirective,
|
|
},
|
|
data () {
|
|
const headings = [
|
|
'overview',
|
|
'set-up-tasks',
|
|
'sample-tasks',
|
|
'task-color',
|
|
'health',
|
|
'party-with-friends',
|
|
'pets-mounts',
|
|
'character-classes',
|
|
'blue-mana-bar',
|
|
'monsters-quests',
|
|
'gems',
|
|
'bugs-features',
|
|
'world-boss',
|
|
];
|
|
|
|
const hash = window.location.hash.replace('#', '');
|
|
|
|
return {
|
|
headings,
|
|
replacements: {
|
|
techAssistanceEmail: TECH_ASSISTANCE_EMAIL,
|
|
wikiTechAssistanceEmail: `mailto:${TECH_ASSISTANCE_EMAIL}`,
|
|
},
|
|
visible: hash && headings.includes(hash) ? hash : null,
|
|
// @TODO webFaqStillNeedHelp: {
|
|
// linkStart: '[',
|
|
// linkEnd: '](/groups/guild/5481ccf3-5d2d-48a9-a871-70a7380cee5a)',
|
|
// },
|
|
// "webFaqStillNeedHelp": "If you have a question that isn't on this list or on the [Wiki FAQ](http://habitica.fandom.com/wiki/FAQ), come ask in the <%= linkStart %>Habitica Help guild<%= linkEnd %>! We're happy to help."
|
|
};
|
|
},
|
|
mounted () {
|
|
this.$store.dispatch('common:setTitle', {
|
|
section: this.$t('help'),
|
|
subSection: this.$t('faq'),
|
|
});
|
|
},
|
|
methods: {
|
|
isVisible (heading) {
|
|
return this.visible && this.visible === heading;
|
|
},
|
|
handleClick (e) {
|
|
if (!e) return;
|
|
const heading = e.target.nextElementSibling.id;
|
|
window.history.pushState({}, heading, `#${heading}`);
|
|
},
|
|
},
|
|
};
|
|
</script>
|