93 lines
3 KiB
JavaScript
93 lines
3 KiB
JavaScript
|
const m = require('mithril')
|
||
|
|
const Authentication = require('../authentication')
|
||
|
|
const Darkmode = require('../darkmode')
|
||
|
|
const Page = require('../api/page.p')
|
||
|
|
|
||
|
|
const Menu = {
|
||
|
|
currentActive: 'home',
|
||
|
|
error: '',
|
||
|
|
loading: false,
|
||
|
|
|
||
|
|
onbeforeupdate: function() {
|
||
|
|
let currentPath = m.route.get()
|
||
|
|
if (currentPath === '/') Menu.currentActive = 'home'
|
||
|
|
else if (currentPath === '/login') Menu.currentActive = 'login'
|
||
|
|
else Menu.currentActive = currentPath
|
||
|
|
},
|
||
|
|
|
||
|
|
oninit: function(vnode) {
|
||
|
|
Menu.onbeforeupdate()
|
||
|
|
|
||
|
|
if (Page.Tree.length) return
|
||
|
|
|
||
|
|
Menu.loading = true
|
||
|
|
|
||
|
|
Page.refreshTree()
|
||
|
|
.catch(function(err) {
|
||
|
|
Menu.error = err.message
|
||
|
|
})
|
||
|
|
.then(function() {
|
||
|
|
Menu.loading = false
|
||
|
|
m.redraw()
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
view: function() {
|
||
|
|
console.log('menu view', Boolean(Authentication.currentUser))
|
||
|
|
return [
|
||
|
|
m('div.top', [
|
||
|
|
m(m.route.Link,
|
||
|
|
{ href: '/', class: 'logo' },
|
||
|
|
m('h2', 'NFP Moe')
|
||
|
|
),
|
||
|
|
m('aside', Authentication.currentUser ? [
|
||
|
|
m('p', [
|
||
|
|
'Welcome ' + Authentication.currentUser.name,
|
||
|
|
m(m.route.Link, { href: '/logout' }, 'Logout'),
|
||
|
|
(Darkmode.darkIsOn
|
||
|
|
? m('button.dark', { onclick: Darkmode.setDarkMode.bind(Darkmode, false) }, 'Day mode')
|
||
|
|
: m('button.dark', { onclick: Darkmode.setDarkMode.bind(Darkmode, true) }, 'Night mode')
|
||
|
|
),
|
||
|
|
]),
|
||
|
|
(Authentication.isAdmin
|
||
|
|
? m('div.adminlinks', [
|
||
|
|
m(m.route.Link, { href: '/admin/articles/add' }, 'Create article'),
|
||
|
|
m(m.route.Link, { href: '/admin/articles' }, 'Articles'),
|
||
|
|
m(m.route.Link, { href: '/admin/pages' }, 'Pages'),
|
||
|
|
m(m.route.Link, { hidden: Authentication.currentUser.rank < 100, href: '/admin/staff' }, 'Staff'),
|
||
|
|
])
|
||
|
|
: (Authentication.currentUser.rank > 10 ? m('div.loading-spinner') : null)
|
||
|
|
),
|
||
|
|
] : (Darkmode.darkIsOn
|
||
|
|
? m('button.dark', { onclick: Darkmode.setDarkMode.bind(Darkmode, false) }, 'Day mode')
|
||
|
|
: m('button.dark', { onclick: Darkmode.setDarkMode.bind(Darkmode, true) }, 'Night mode')
|
||
|
|
)
|
||
|
|
),
|
||
|
|
]),
|
||
|
|
m('nav', [
|
||
|
|
m(m.route.Link, {
|
||
|
|
href: '/',
|
||
|
|
class: Menu.currentActive === 'home' ? 'active' : '',
|
||
|
|
}, 'Home'),
|
||
|
|
Menu.loading ? m('div.loading-spinner') : Page.Tree.map(function(page) {
|
||
|
|
if (page.children) {
|
||
|
|
return m('div.hassubmenu', [
|
||
|
|
m(m.route.Link, {
|
||
|
|
href: '/page/' + page.path,
|
||
|
|
class: Menu.currentActive === ('/page/' + page.path) ? 'active' : '',
|
||
|
|
}, page.name),
|
||
|
|
])
|
||
|
|
}
|
||
|
|
return m(m.route.Link, {
|
||
|
|
href: '/page/' + page.path,
|
||
|
|
class: Menu.currentActive === ('/page/' + page.path) ? 'active' : '',
|
||
|
|
}, page.name)
|
||
|
|
}),
|
||
|
|
]),
|
||
|
|
Menu.error ? m('div.menuerror', Menu.error) : null,
|
||
|
|
]
|
||
|
|
},
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = Menu
|