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: change apparance

Browse Source
This commit is contained in:
rr-
2016-07-06 09:49:21 +02:00
parent 6140872cd9
commit cd1f4709f0
6 changed files with 32 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,20 +10,18 @@ const TagAutoCompleteControl =
require('../controls/tag_auto_complete_control.js');
const template = views.getTemplate('home');
const statsTemplate = views.getTemplate('home-stats');
const footerTemplate = views.getTemplate('home-footer');
const featuredPostTemplate = views.getTemplate('home-featured-post');
class HomeView {
constructor(ctx) {
this._hostNode = document.getElementById('content-holder');
this._ctx = ctx;
const sourceNode = template(ctx);
views.replaceContent(this._hostNode, sourceNode);
if (this._formNode) {
this._formNode.querySelector('input[name=all-posts')
.addEventListener('click', e => this._evtAllPostsClick(e));
this._tagAutoCompleteControl = new TagAutoCompleteControl(
this._searchInputNode);
this._formNode.addEventListener(
@ -41,7 +39,9 @@ class HomeView {
}
setStats(stats) {
views.replaceContent(this._statsContainerNode, statsTemplate(stats));
views.replaceContent(
this._footerContainerNode,
footerTemplate(Object.assign({}, stats, this._ctx)));
}
setFeaturedPost(postInfo) {
@ -64,8 +64,8 @@ class HomeView {
}
}
get _statsContainerNode() {
return this._hostNode.querySelector('.stats-container');
get _footerContainerNode() {
return this._hostNode.querySelector('.footer-container');
}
get _postInfoContainerNode() {
@ -84,11 +84,6 @@ class HomeView {
return this._formNode.querySelector('input[name=search-text]');
}
_evtAllPostsClick(e) {
e.preventDefault();
router.show('/posts/');
}
_evtFormSubmit(e) {
e.preventDefault();
this._searchInputNode.blur();