You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
2.1 KiB
JavaScript
59 lines
2.1 KiB
JavaScript
6 years ago
|
define([
|
||
|
|
'jquery',
|
||
|
|
'/common/hyperscript.js',
|
||
|
|
'/customize/messages.js',
|
||
|
|
'/customize/pages.js'
|
||
|
|
], function ($, h, Msg, Pages) {
|
||
|
|
return function () {
|
||
|
|
var categories = [];
|
||
|
|
var faq = Msg.faq;
|
||
|
|
Object.keys(faq).forEach(function (c) {
|
||
|
|
var questions = [];
|
||
|
|
Object.keys(faq[c]).forEach(function (q) {
|
||
|
|
var item = faq[c][q];
|
||
|
|
if (typeof item !== "object") { return; }
|
||
|
|
var answer = h('p.cp-faq-questions-a');
|
||
|
|
var hash = c + '-' + q;
|
||
|
|
var question = h('p.cp-faq-questions-q#' + hash);
|
||
|
|
$(question).click(function () {
|
||
|
|
if ($(answer).is(':visible')) {
|
||
|
|
$(question).toggleClass('cp-active-faq');
|
||
|
|
return void $(answer).slideUp();
|
||
|
|
}
|
||
|
|
$(question).toggleClass('cp-active-faq');
|
||
|
|
$(answer).slideDown();
|
||
|
|
});
|
||
|
|
questions.push(h('div.cp-faq-questions-items', [
|
||
|
|
Pages.setHTML(question, item.q),
|
||
|
|
Pages.setHTML(answer, item.a)
|
||
|
|
]));
|
||
|
|
});
|
||
|
|
categories.push(h('div.cp-faq-category', [
|
||
|
|
h('h3', faq[c].title),
|
||
|
|
h('div.cp-faq-category-questions', questions)
|
||
|
|
]));
|
||
|
|
});
|
||
|
|
var hash = window.location.hash;
|
||
|
|
if (hash) {
|
||
|
|
$(categories).find(hash).click();
|
||
|
|
}
|
||
|
|
return h('div#cp-main', [
|
||
|
|
Pages.infopageTopbar(),
|
||
|
|
h('div.container-fluid.cp-faq', [
|
||
|
|
h('div.container',[
|
||
|
|
h('center', h('h1', Msg.faq_title)),
|
||
|
|
]),
|
||
|
|
]),
|
||
|
|
h('div.container.cp-faq-ques-det',[
|
||
|
|
h('div.cp-faq-header.text-center', h('a.nav-item.nav-link', {
|
||
|
|
href: '/what-is-cryptpad.html'
|
||
|
|
}, Pages.setHTML(h('h4'),Msg.faq_whatis))),
|
||
|
|
h('div.cp-faq-container', categories)
|
||
|
|
]),
|
||
|
|
Pages.infopageFooter()
|
||
|
|
]);
|
||
|
|
};
|
||
|
|
|
||
|
|
});
|
||
|
|
|