szurubooru/client/js/controllers/top_nav_controller.js

89 lines
2.9 KiB
JavaScript
Raw Normal View History

'use strict';
const api = require('../api.js');
2016-04-07 19:03:49 +02:00
const events = require('../events.js');
const TopNavView = require('../views/top_nav_view.js');
class NavigationItem {
2016-03-31 21:15:05 +02:00
constructor(accessKey, name, url) {
this.accessKey = accessKey;
this.name = name;
this.url = url;
this.available = true;
2016-04-11 18:36:48 +02:00
this.imageUrl = null;
}
}
class TopNavController {
constructor() {
this.topNavView = new TopNavView();
this.activeItem = null;
this.items = {
2016-03-31 21:15:05 +02:00
'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'),
};
2016-04-08 10:35:38 +02:00
const rerender = () => {
this.updateVisibility();
this.topNavView.render({
items: this.items,
activeItem: this.activeItem});
this.topNavView.activate(this.activeItem);
};
events.listen(events.Authentication, rerender);
rerender();
}
updateVisibility() {
this.items.account.url = '/user/' + api.userName;
2016-04-11 18:36:48 +02:00
this.items.account.imageUrl = api.user ? api.user.avatarUrl : null;
2016-04-06 08:11:37 +02:00
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();