73 lines
2.5 KiB
JavaScript
73 lines
2.5 KiB
JavaScript
const m = require('mithril')
|
|
const videos = require('./videos')
|
|
const Authentication = require('./authentication')
|
|
const lang = require('./lang')
|
|
|
|
const Menu = {
|
|
oninit: function(vnode) {
|
|
this.currentActive = 'home'
|
|
this.loading = false
|
|
if (!videos.Tree.length) {
|
|
videos.refreshTree()
|
|
}
|
|
this.onbeforeupdate()
|
|
},
|
|
|
|
onbeforeupdate: function() {
|
|
videos.calculateActiveBranches()
|
|
let currentPath = m.route.get()
|
|
},
|
|
|
|
logOut: function() {
|
|
Authentication.clearToken()
|
|
m.route.set('/')
|
|
},
|
|
|
|
view: function() {
|
|
let tree = videos.Tree
|
|
let last = videos.Tree[videos.Tree.length - 1]
|
|
let hasId = m.route.param('id')
|
|
|
|
return [
|
|
m('nav', [
|
|
m('h4', m(m.route.Link, { href: '/' }, lang.header_title /* Filadelfia archival center */)),
|
|
m('a.link.changelang', { onclick: lang.langtoggle }, lang.lang_current),
|
|
Authentication.currentUser?.rank >= 100
|
|
? m(m.route.Link, { class: 'upload', href: '/upload' }, lang.upload_goto) // Upload
|
|
: null,
|
|
Authentication.currentUser
|
|
? m(m.route.Link, { class: 'link', href: '/logout' }, lang.logout)
|
|
: m(m.route.Link, { class: 'upload', href: '/login' }, lang.login_submit) // Upload,
|
|
// m('button.logout', { onclick: this.logOut }, lang.header_logout), // Log out
|
|
]),
|
|
videos.error
|
|
? m('div.error', { onclick: videos.refreshTree }, [
|
|
videos.error, m('br'), 'Click here to try again'
|
|
])
|
|
: null,
|
|
!videos.error
|
|
? [
|
|
m('.nav', m('.inner', tree.map(year => {
|
|
return m(m.route.Link, {
|
|
class: [videos.year === year ? 'active' : '',
|
|
!year.videos.length ? 'empty' : ''].join(' '),
|
|
href: ['', (videos.year !== year && year !== last) || hasId ? year.title : '' ].filter(x => x).join('/') || '/',
|
|
}, year.title)
|
|
}))),
|
|
videos.year
|
|
? m('.nav', m('.inner', videos.year.branches.map(month => {
|
|
return m(m.route.Link, {
|
|
class: [videos.month === month ? 'active' : '',
|
|
!month.videos.length ? 'empty' : ''].join(' '),
|
|
href: ['', videos.year.title, videos.month !== month || hasId ? month.title : null ].filter(x => x).join('/'),
|
|
}, lang.months[month.title])
|
|
})))
|
|
: null,
|
|
]
|
|
: null,
|
|
]
|
|
},
|
|
}
|
|
|
|
module.exports = Menu
|