2a4241641c
This commit introduces timer-less retry system: 1. Any change to URL is going to stop listening to any messages. 2. If a message is sent and there's no handler that could pick it up, the message gets enqueued. 3. The message is sent again to the first handler that attaches itself to given event type. While in theory this is full of holes (no control over the first handler), in practice, it works quite well. Additionally, views.listenToMessages was attaching to completely wrong DOM node; this commit fixes this as well.
90 lines
3 KiB
JavaScript
90 lines
3 KiB
JavaScript
'use strict';
|
|
|
|
const api = require('../api.js');
|
|
const events = require('../events.js');
|
|
const TopNavView = require('../views/top_nav_view.js');
|
|
|
|
class NavigationItem {
|
|
constructor(accessKey, name, url) {
|
|
this.accessKey = accessKey;
|
|
this.name = name;
|
|
this.url = url;
|
|
this.available = true;
|
|
this.imageUrl = null;
|
|
}
|
|
}
|
|
|
|
class TopNavController {
|
|
constructor() {
|
|
this.topNavView = new TopNavView();
|
|
this.activeItem = null;
|
|
|
|
this.items = {
|
|
'home': new NavigationItem('H', 'Home', '/'),
|
|
'posts': new NavigationItem('P', 'Posts', '/posts'),
|
|
'upload': new NavigationItem('U', 'Upload', '/upload'),
|
|
'comments': new NavigationItem('C', 'Comments', '/comments'),
|
|
'tags': new NavigationItem('T', 'Tags', '/tags'),
|
|
'users': new NavigationItem('S', 'Users', '/users'),
|
|
'account': new NavigationItem('A', 'Account', '/user/{me}'),
|
|
'register': new NavigationItem('R', 'Register', '/register'),
|
|
'login': new NavigationItem('L', 'Log in', '/login'),
|
|
'logout': new NavigationItem('O', 'Logout', '/logout'),
|
|
'help': new NavigationItem('E', 'Help', '/help'),
|
|
'settings': new NavigationItem(
|
|
null, '<i class=\'fa fa-cog\'></i>', '/settings'),
|
|
};
|
|
|
|
const rerender = () => {
|
|
this.updateVisibility();
|
|
this.topNavView.render({
|
|
items: this.items,
|
|
activeItem: this.activeItem});
|
|
this.topNavView.activate(this.activeItem);
|
|
};
|
|
|
|
events.listen(
|
|
events.Authentication,
|
|
() => { rerender(); return true; });
|
|
rerender();
|
|
}
|
|
|
|
updateVisibility() {
|
|
this.items.account.url = '/user/' + api.userName;
|
|
this.items.account.imageUrl = api.user ? api.user.avatarUrl : null;
|
|
|
|
const b = Object.keys(this.items);
|
|
for (let key of b) {
|
|
this.items[key].available = true;
|
|
}
|
|
if (!api.hasPrivilege('posts:list')) {
|
|
this.items.posts.available = false;
|
|
}
|
|
if (!api.hasPrivilege('posts:create')) {
|
|
this.items.upload.available = false;
|
|
}
|
|
if (!api.hasPrivilege('comments:list')) {
|
|
this.items.comments.available = false;
|
|
}
|
|
if (!api.hasPrivilege('tags:list')) {
|
|
this.items.tags.available = false;
|
|
}
|
|
if (!api.hasPrivilege('users:list')) {
|
|
this.items.users.available = false;
|
|
}
|
|
if (api.isLoggedIn()) {
|
|
this.items.register.available = false;
|
|
this.items.login.available = false;
|
|
} else {
|
|
this.items.account.available = false;
|
|
this.items.logout.available = false;
|
|
}
|
|
}
|
|
|
|
activate(itemName) {
|
|
this.activeItem = itemName;
|
|
this.topNavView.activate(this.activeItem);
|
|
}
|
|
}
|
|
|
|
module.exports = new TopNavController();
|