92 lines
2.9 KiB
JavaScript
92 lines
2.9 KiB
JavaScript
'use strict';
|
|
|
|
const views = require('../util/views.js');
|
|
const keyboard = require('../util/keyboard.js');
|
|
const page = require('page');
|
|
const PostContentControl = require('../controls/post_content_control.js');
|
|
const PostNotesOverlayControl
|
|
= require('../controls/post_notes_overlay_control.js');
|
|
const PostReadonlySidebarControl
|
|
= require('../controls/post_readonly_sidebar_control.js');
|
|
const PostEditSidebarControl
|
|
= require('../controls/post_edit_sidebar_control.js');
|
|
const CommentListControl = require('../controls/comment_list_control.js');
|
|
|
|
class PostView {
|
|
constructor() {
|
|
this._template = views.getTemplate('post');
|
|
}
|
|
|
|
render(ctx) {
|
|
const target = document.getElementById('content-holder');
|
|
const source = this._template(ctx);
|
|
|
|
const postContainerNode = source.querySelector('.post-container');
|
|
const sidebarNode = source.querySelector('.sidebar');
|
|
|
|
views.listenToMessages(source);
|
|
views.showView(target, source);
|
|
|
|
const topNavNode = document.body.querySelector('#top-nav');
|
|
const postViewNode = document.body.querySelector('.content-wrapper');
|
|
|
|
const margin = (
|
|
postViewNode.getBoundingClientRect().top
|
|
- topNavNode.getBoundingClientRect().height);
|
|
|
|
this._postContentControl = new PostContentControl(
|
|
postContainerNode,
|
|
ctx.post,
|
|
() => {
|
|
return [
|
|
window.innerWidth
|
|
- postContainerNode.getBoundingClientRect().left
|
|
- margin,
|
|
window.innerHeight
|
|
- topNavNode.getBoundingClientRect().height
|
|
- margin * 2,
|
|
];
|
|
});
|
|
|
|
new PostNotesOverlayControl(
|
|
postContainerNode.querySelector('.post-overlay'),
|
|
ctx.post);
|
|
|
|
if (ctx.editMode) {
|
|
new PostEditSidebarControl(
|
|
postViewNode.querySelector('.sidebar-container'),
|
|
ctx.post,
|
|
this._postContentControl);
|
|
} else {
|
|
new PostReadonlySidebarControl(
|
|
postViewNode.querySelector('.sidebar-container'),
|
|
ctx.post,
|
|
this._postContentControl);
|
|
}
|
|
|
|
new CommentListControl(
|
|
postViewNode.querySelector('.comments-container'),
|
|
ctx.post.comments);
|
|
|
|
keyboard.bind('e', () => {
|
|
if (ctx.editMode) {
|
|
page.show('/post/' + ctx.post.id);
|
|
} else {
|
|
page.show('/post/' + ctx.post.id + '/edit');
|
|
}
|
|
});
|
|
keyboard.bind(['a', 'left'], () => {
|
|
if (ctx.nextPostId) {
|
|
page.show('/post/' + ctx.nextPostId);
|
|
}
|
|
});
|
|
keyboard.bind(['d', 'right'], () => {
|
|
if (ctx.prevPostId) {
|
|
page.show('/post/' + ctx.prevPostId);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
module.exports = PostView;
|