const Article = require('../api/article') const pagination = require('../api/pagination') const Dialogue = require('../widgets/dialogue') const Pages = require('../widgets/pages') const common = require('../api/common') const AdminArticles = { oninit: function(vnode) { this.error = '' this.loading = false this.showLoading = null this.data = { articles: [], total_articles: 0, } this.removeArticle = null this.currentPage = Number(m.route.param('page')) || 1 this.fetchArticles(vnode) }, onbeforeupdate: function(vnode) { this.currentPage = Number(m.route.param('page')) || 1 if (this.currentPage !== this.lastpage) { this.fetchArticles(vnode) } }, fetchArticles: function(vnode) { this.error = '' this.lastpage = this.currentPage document.title = 'Articles Page ' + this.lastpage + ' - Admin NFP Moe' if (this.showLoading) { clearTimeout(this.showLoading) } if (this.data.articles.length) { this.showLoading = setTimeout(() => { this.showLoading = null this.loading = true m.redraw() }, 150) } else { this.loading = true } return common.sendRequest({ method: 'GET', url: '/api/auth/articles?page=' + (this.lastpage || 1), }) .then((result) => { console.log(result) this.data = result this.data.articles.forEach((article) => { article.hidden = new Date() < new Date(article.publish_at) article.page_path = article.page_path ? '/page/' + article.page_path : '/' article.page_name = article.page_name || 'Frontpage' }) }, (err) => { this.error = err.message }) .then(() => { clearTimeout(this.showLoading) this.showLoading = null this.loading = false m.redraw() }) }, confirmRemoveArticle: function(vnode) { let removingArticle = this.removeArticle this.removeArticle = null this.loading = true Article.removeArticle(removingArticle, removingArticle.id) .then(this.oninit.bind(this, vnode)) .catch(function(err) { vnode.state.error = err.message vnode.state.loading = false m.redraw() }) }, drawArticle: function(vnode, article) { return [ m('tr', { class: article.hidden ? rowhidden : article.is_featured ? 'rowfeatured' : '' }, [ m('td', m(m.route.Link, { href: '/admin/articles/' + article.path }, article.name)), m('td', m(m.route.Link, { href: article.page_path }, article.page_name)), m('td', m(m.route.Link, { href: '/article/' + article.path }, '/article/' + article.path)), m('td.right', article.publish_at.replace('T', ' ').split('.')[0]), m('td.right', article.admin_name), m('td.right', m('button', { onclick: function() { vnode.state.removeArticle = article } }, 'Remove')), ]), ] }, view: function(vnode) { return [ m('div.admin-wrapper', [ m('div.admin-actions', [ m('span', 'Actions:'), m(m.route.Link, { href: '/admin/articles/add' }, 'Create new article'), ]), m('article.editarticle', [ m('header', m('h1', 'All articles')), m('div.error', { hidden: !this.error, onclick: function() { vnode.state.error = '' }, }, this.error), this.loading ? m('div.loading-spinner.full') : m('table', [ m('thead', m('tr', [ m('th', 'Title'), m('th', 'Page'), m('th', 'Path'), m('th.right', 'Publish'), m('th.right', 'By'), m('th.right', 'Actions'), ]) ), m('tbody', this.data.articles.map((article) => this.drawArticle(vnode, article))), ], ), /*m(Pages, { base: '/admin/articles', links: this.links, }),*/ ]), ]), m(Dialogue, { hidden: vnode.state.removeArticle === null, title: 'Delete ' + (vnode.state.removeArticle ? vnode.state.removeArticle.name : ''), message: 'Are you sure you want to remove "' + (vnode.state.removeArticle ? vnode.state.removeArticle.name : '') + '" (' + (vnode.state.removeArticle ? vnode.state.removeArticle.path : '') + ')', yes: 'Remove', yesclass: 'alert', no: 'Cancel', noclass: 'cancel', onyes: this.confirmRemoveArticle.bind(this, vnode), onno: function() { vnode.state.removeArticle = null }, }), ] }, } module.exports = AdminArticles