218 lines
7.0 KiB
JavaScript
218 lines
7.0 KiB
JavaScript
import { createWidget, applyDecorators } from 'discourse/widgets/widget';
|
|
import { h } from 'virtual-dom';
|
|
import DiscourseURL from 'discourse/lib/url';
|
|
import { ajax } from 'discourse/lib/ajax';
|
|
import { userPath } from 'discourse/lib/url';
|
|
|
|
const flatten = array => [].concat.apply([], array);
|
|
|
|
createWidget('priority-faq-link', {
|
|
tagName: 'a.faq-priority.widget-link',
|
|
|
|
buildAttributes(attrs) {
|
|
return { href: attrs.href };
|
|
},
|
|
|
|
html() {
|
|
return [ I18n.t('faq'), ' ', h('span.badge.badge-notification', I18n.t('new_item')) ];
|
|
},
|
|
|
|
click(e) {
|
|
e.preventDefault();
|
|
if (this.siteSettings.faq_url === this.attrs.href) {
|
|
ajax(userPath("read-faq"), { method: "POST" }).then(() => {
|
|
this.currentUser.set('read_faq', true);
|
|
DiscourseURL.routeToTag($(e.target).closest('a')[0]);
|
|
});
|
|
} else {
|
|
DiscourseURL.routeToTag($(e.target).closest('a')[0]);
|
|
}
|
|
}
|
|
});
|
|
|
|
export default createWidget('hamburger-menu', {
|
|
tagName: 'div.hamburger-panel',
|
|
|
|
settings: {
|
|
showCategories: true,
|
|
maxWidth: 300,
|
|
showFAQ: true,
|
|
showAbout: true
|
|
},
|
|
|
|
adminLinks() {
|
|
const { currentUser, siteSettings } = this;
|
|
let flagsPath = siteSettings.flags_default_topics ? 'topics' : 'active';
|
|
|
|
const links = [
|
|
{ route: 'admin', className: 'admin-link', icon: 'wrench', label: 'admin_title' },
|
|
{
|
|
href: `/admin/flags/${flagsPath}`,
|
|
className: 'flagged-posts-link',
|
|
icon: 'flag',
|
|
label: 'flags_title',
|
|
badgeClass: 'flagged-posts',
|
|
badgeTitle: 'notifications.total_flagged',
|
|
badgeCount: 'site_flagged_posts_count'
|
|
}
|
|
];
|
|
|
|
if (currentUser.show_queued_posts) {
|
|
links.push({ route: 'queued-posts',
|
|
className: 'queued-posts-link',
|
|
label: 'queue.title',
|
|
badgeCount: 'post_queue_new_count',
|
|
badgeClass: 'queued-posts' });
|
|
}
|
|
|
|
if (currentUser.admin) {
|
|
links.push({ href: '/admin/site_settings/category/required',
|
|
icon: 'gear',
|
|
label: 'admin.site_settings.title',
|
|
className: 'settings-link' });
|
|
}
|
|
|
|
return links.map(l => this.attach('link', l));
|
|
},
|
|
|
|
lookupCount(type) {
|
|
const tts = this.register.lookup('topic-tracking-state:main');
|
|
return tts ? tts.lookupCount(type) : 0;
|
|
},
|
|
|
|
showUserDirectory() {
|
|
if (!this.siteSettings.enable_user_directory) return false;
|
|
if (this.siteSettings.hide_user_profiles_from_public && !this.currentUser) return false;
|
|
return true;
|
|
},
|
|
|
|
generalLinks() {
|
|
const { siteSettings } = this;
|
|
const links = [];
|
|
|
|
links.push({ route: 'discovery.latest', className: 'latest-topics-link', label: 'filters.latest.title' });
|
|
|
|
if (this.currentUser) {
|
|
links.push({ route: 'discovery.new',
|
|
className: 'new-topics-link',
|
|
labelCount: 'filters.new.title_with_count',
|
|
label: 'filters.new.title',
|
|
count: this.lookupCount('new') });
|
|
|
|
links.push({ route: 'discovery.unread',
|
|
className: 'unread-topics-link',
|
|
labelCount: 'filters.unread.title_with_count',
|
|
label: 'filters.unread.title',
|
|
count: this.lookupCount('unread') });
|
|
}
|
|
|
|
links.push({ route: 'discovery.top', className: 'top-topics-link', label: 'filters.top.title' });
|
|
|
|
if (siteSettings.enable_badges) {
|
|
links.push({ route: 'badges', className: 'badge-link', label: 'badges.title' });
|
|
}
|
|
|
|
if (this.showUserDirectory()) {
|
|
links.push({ route: 'users', className: 'user-directory-link', label: 'directory.title' });
|
|
}
|
|
|
|
if (this.siteSettings.enable_group_directory || (this.currentUser && this.currentUser.staff)) {
|
|
links.push({ route: 'groups', className: 'groups-link', label: 'groups.index.title' });
|
|
}
|
|
|
|
if (this.siteSettings.tagging_enabled) {
|
|
links.push({ route: 'tags', label: 'tagging.tags' });
|
|
}
|
|
|
|
const extraLinks = flatten(applyDecorators(this, 'generalLinks', this.attrs, this.state));
|
|
return links.concat(extraLinks).map(l => this.attach('link', l));
|
|
},
|
|
|
|
listCategories() {
|
|
const hideUncategorized = !this.siteSettings.allow_uncategorized_topics;
|
|
const isStaff = Discourse.User.currentProp('staff');
|
|
|
|
const categories = this.site.get('categoriesList').reject((c) => {
|
|
if (c.get('parentCategory.show_subcategory_list')) { return true; }
|
|
if (hideUncategorized && c.get('isUncategorizedCategory') && !isStaff) { return true; }
|
|
return false;
|
|
});
|
|
|
|
return this.attach('hamburger-categories', { categories });
|
|
},
|
|
|
|
footerLinks(prioritizeFaq, faqUrl) {
|
|
const links = [];
|
|
if (this.settings.showAbout) {
|
|
links.push({ route: 'about', className: 'about-link', label: 'about.simple_title' });
|
|
}
|
|
|
|
if (this.settings.showFAQ && !prioritizeFaq) {
|
|
links.push({ href: faqUrl, className: 'faq-link', label: 'faq' });
|
|
}
|
|
|
|
const { site } = this;
|
|
if (!site.mobileView && !this.capabilities.touch) {
|
|
links.push({ href: '', action: 'showKeyboard', className: 'keyboard-shortcuts-link', label: 'keyboard_shortcuts_help.title' });
|
|
}
|
|
|
|
if (this.site.mobileView || (this.siteSettings.enable_mobile_theme && this.capabilities.touch)) {
|
|
links.push({ action: 'toggleMobileView',
|
|
className: 'mobile-toggle-link',
|
|
label: this.site.mobileView ? "desktop_view" : "mobile_view" });
|
|
}
|
|
|
|
const extraLinks = flatten(applyDecorators(this, 'footerLinks', this.attrs, this.state));
|
|
return links.concat(extraLinks).map(l => this.attach('link', l));
|
|
},
|
|
|
|
panelContents() {
|
|
const { currentUser } = this;
|
|
const results = [];
|
|
|
|
let faqUrl = this.siteSettings.faq_url;
|
|
if (!faqUrl || faqUrl.length === 0) {
|
|
faqUrl = Discourse.getURL('/faq');
|
|
}
|
|
|
|
const prioritizeFaq = this.settings.showFAQ &&
|
|
this.currentUser &&
|
|
!this.currentUser.read_faq;
|
|
|
|
if (prioritizeFaq) {
|
|
results.push(this.attach('menu-links', { name: 'faq-link', heading: true, contents: () => {
|
|
return this.attach('priority-faq-link', { href: faqUrl });
|
|
}}));
|
|
}
|
|
|
|
if (currentUser && currentUser.staff) {
|
|
results.push(this.attach('menu-links', { name: 'admin-links', contents: () => {
|
|
const extraLinks = flatten(applyDecorators(this, 'admin-links', this.attrs, this.state));
|
|
return this.adminLinks().concat(extraLinks);
|
|
}}));
|
|
}
|
|
|
|
results.push(this.attach('menu-links', {name: 'general-links', contents: () => this.generalLinks() }));
|
|
|
|
if (this.settings.showCategories) {
|
|
results.push(this.listCategories());
|
|
results.push(h('hr'));
|
|
}
|
|
|
|
results.push(this.attach('menu-links', {name: 'footer-links', omitRule: true, contents: () => this.footerLinks(prioritizeFaq, faqUrl) }));
|
|
|
|
return results;
|
|
},
|
|
|
|
html() {
|
|
return this.attach('menu-panel', {
|
|
contents: () => this.panelContents(),
|
|
maxWidth: this.settings.maxWidth,
|
|
});
|
|
},
|
|
|
|
clickOutside() {
|
|
this.sendWidgetAction('toggleHamburger');
|
|
}
|
|
});
|