scl/szurubooru
1
0
Fork 0
mirror of https://github.com/rr-/szurubooru.git synced 2025-07-17 08:26:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

client/home: view featured post, add search form

Browse Source
This commit is contained in:
rr-
2016-05-29 12:28:52 +02:00
parent 6d6cce20dd
commit 53fd6fb29b
10 changed files with 310 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
client/js/views/home_view.js
View File

@ -1,25 +1,55 @@
'use strict';
const page = require('page');
const config = require('../config.js');
const misc = require('../util/misc.js');
const views = require('../util/views.js');
const PostContentControl = require('../controls/post_content_control.js');
const TagAutoCompleteControl =
require('../controls/tag_auto_complete_control.js');
class HomeView {
constructor() {
this._template = views.getTemplate('home');
this._homeTemplate = views.getTemplate('home');
}
render(ctx) {
const target = document.getElementById('content-holder');
const source = this._template({
Object.assign(ctx, {
name: config.name,
version: config.meta.version,
buildDate: config.meta.buildDate,
diskUsage: ctx.diskUsage,
postCount: ctx.postCount,
});
const target = document.getElementById('content-holder');
const source = this._homeTemplate(ctx);
views.listenToMessages(source);
views.showView(target, source);
const form = source.querySelector('form');
if (form) {
const searchTextInput = form.querySelector('input');
new TagAutoCompleteControl(searchTextInput);
form.addEventListener('submit', e => {
e.preventDefault();
const text = searchTextInput.value;
searchTextInput.blur();
page('/posts/' + misc.formatSearchQuery({text: text}));
});
}
const postContainerNode = source.querySelector('.post-container');
if (postContainerNode && ctx.featuredPost) {
new PostContentControl(
postContainerNode,
ctx.featuredPost,
() => {
return [
window.innerWidth * 0.8,
window.innerHeight * 0.7,
];
});
}
}
}