From 99011b02d76954eac455038713158013bd80a135 Mon Sep 17 00:00:00 2001
From: rr- <rr-@sakuya.pl>
Date: Wed, 6 Jul 2016 00:07:30 +0200
Subject: [PATCH] client/home: fix missing info on featured post

---
 client/html/home.tpl               | 11 +----------
 client/html/home_featured_post.tpl | 10 ++++++++++
 client/js/views/home_view.js       |  7 +++++++
 3 files changed, 18 insertions(+), 10 deletions(-)
 create mode 100644 client/html/home_featured_post.tpl

diff --git a/client/html/home.tpl b/client/html/home.tpl
index 699677b..af899a9 100644
--- a/client/html/home.tpl
+++ b/client/html/home.tpl
@@ -16,16 +16,7 @@
             </div>
         </form>
     <% } %>
-    <% if (ctx.featuredPost) { %>
-        <aside>
-            Featured post: <%= ctx.makePostLink(ctx.featuredPost.id) %>,
-            posted
-            <%= ctx.makeRelativeTime(ctx.featuredPost.creationTime) %>
-            by
-            <%= ctx.makeUserLink(ctx.featuredPost.user) %>
-        </aside>
-    <% } %>
-    <div class='post-container'></div>
+    <div class='post-info-container'></div>
     <footer>
         Build <a class='version' href='https://github.com/rr-/szurubooru/commits/master'><%- ctx.version %></a>
         from <%= ctx.makeRelativeTime(ctx.buildDate) %>
diff --git a/client/html/home_featured_post.tpl b/client/html/home_featured_post.tpl
new file mode 100644
index 0000000..d5fb43e
--- /dev/null
+++ b/client/html/home_featured_post.tpl
@@ -0,0 +1,10 @@
+<% if (ctx.featuredPost) { %>
+    <aside>
+        Featured post: <%= ctx.makePostLink(ctx.featuredPost.id) %>,
+        posted
+        <%= ctx.makeRelativeTime(ctx.featuredPost.creationTime) %>
+        by
+        <%= ctx.makeUserLink(ctx.featuredPost.user) %>
+    </aside>
+<% } %>
+<div class='post-container'></div>
diff --git a/client/js/views/home_view.js b/client/js/views/home_view.js
index 72f0d6a..827eaf9 100644
--- a/client/js/views/home_view.js
+++ b/client/js/views/home_view.js
@@ -11,6 +11,7 @@ const TagAutoCompleteControl =
 
 const template = views.getTemplate('home');
 const statsTemplate = views.getTemplate('home-stats');
+const featuredPostTemplate = views.getTemplate('home-featured-post');
 
 class HomeView {
     constructor(ctx) {
@@ -44,6 +45,8 @@ class HomeView {
     }
 
     setFeaturedPost(postInfo) {
+        views.replaceContent(
+            this._postInfoContainerNode, featuredPostTemplate(postInfo));
         if (this._postContainerNode && postInfo.featuredPost) {
             this._postContentControl = new PostContentControl(
                 this._postContainerNode,
@@ -65,6 +68,10 @@ class HomeView {
         return this._hostNode.querySelector('.stats-container');
     }
 
+    get _postInfoContainerNode() {
+        return this._hostNode.querySelector('.post-info-container');
+    }
+
     get _postContainerNode() {
         return this._hostNode.querySelector('.post-container');
     }