111 lines
3.3 KiB
JavaScript
111 lines
3.3 KiB
JavaScript
const { getAllPages, removePage } = require('../api/page')
|
|
const Dialogue = require('../widgets/dialogue')
|
|
|
|
const AdminPages = {
|
|
parseTree: function(pages) {
|
|
let map = new Map()
|
|
for (let i = 0; i < pages.length; i++) {
|
|
pages[i].children = []
|
|
map.set(pages[i].id, pages[i])
|
|
}
|
|
for (let i = 0; i < pages.length; i++) {
|
|
if (pages[i].parent_id && map.has(pages[i].parent_id)) {
|
|
map.get(pages[i].parent_id).children.push(pages[i])
|
|
pages.splice(i, 1)
|
|
i--
|
|
}
|
|
}
|
|
return pages
|
|
},
|
|
|
|
oninit: function(vnode) {
|
|
this.loading = true
|
|
this.error = ''
|
|
this.pages = []
|
|
this.removePage = null
|
|
|
|
getAllPages()
|
|
.then(function(result) {
|
|
vnode.state.pages = AdminPages.parseTree(result)
|
|
})
|
|
.catch(function(err) {
|
|
vnode.state.error = err.message
|
|
})
|
|
.then(function() {
|
|
vnode.state.loading = false
|
|
m.redraw()
|
|
})
|
|
},
|
|
|
|
confirmRemovePage: function(vnode) {
|
|
let removingPage = this.removePage
|
|
this.removePage = null
|
|
this.loading = true
|
|
removePage(removingPage, removingPage.id)
|
|
.then(this.oninit.bind(this, vnode))
|
|
.catch(function(err) {
|
|
vnode.state.error = err.message
|
|
vnode.state.loading = false
|
|
m.redraw()
|
|
})
|
|
},
|
|
|
|
drawPage: function(vnode, page) {
|
|
return [
|
|
m('tr', [
|
|
m('td', [
|
|
page.parent_id ? m('span.subpage', '| >') : null,
|
|
m(m.route.Link, { href: '/admin/pages/' + page.id }, page.name),
|
|
]),
|
|
m('td', m(m.route.Link, { href: '/page/' + page.path }, '/page/' + page.path)),
|
|
m('td.right', page.updated_at.replace('T', ' ').split('.')[0]),
|
|
m('td.right', m('button', { onclick: function() { vnode.state.removePage = page } }, 'Remove')),
|
|
]),
|
|
].concat(page.children.map(AdminPages.drawPage.bind(this, vnode)))
|
|
},
|
|
|
|
view: function(vnode) {
|
|
return [
|
|
(this.loading ?
|
|
m('div.loading-spinner')
|
|
: m('div.admin-wrapper', [
|
|
m('div.admin-actions', [
|
|
m('span', 'Actions:'),
|
|
m(m.route.Link, { href: '/admin/pages/add' }, 'Create new page'),
|
|
]),
|
|
m('article.editpage', [
|
|
m('header', m('h1', 'All pages')),
|
|
m('div.error', {
|
|
hidden: !this.error,
|
|
onclick: function() { vnode.state.error = '' },
|
|
}, this.error),
|
|
m('table', [
|
|
m('thead',
|
|
m('tr', [
|
|
m('th', 'Title'),
|
|
m('th', 'Path'),
|
|
m('th.right', 'Updated'),
|
|
m('th.right', 'Actions'),
|
|
])
|
|
),
|
|
m('tbody', this.pages.map(AdminPages.drawPage.bind(this, vnode))),
|
|
]),
|
|
]),
|
|
])
|
|
),
|
|
m(Dialogue, {
|
|
hidden: vnode.state.removePage === null,
|
|
title: 'Delete ' + (vnode.state.removePage ? vnode.state.removePage.name : ''),
|
|
message: 'Are you sure you want to remove "' + (vnode.state.removePage ? vnode.state.removePage.name : '') + '" (' + (vnode.state.removePage ? vnode.state.removePage.path : '') + ')',
|
|
yes: 'Remove',
|
|
yesclass: 'alert',
|
|
no: 'Cancel',
|
|
noclass: 'cancel',
|
|
onyes: this.confirmRemovePage.bind(this, vnode),
|
|
onno: function() { vnode.state.removePage = null },
|
|
}),
|
|
]
|
|
},
|
|
}
|
|
|
|
module.exports = AdminPages
|