timeline: 'previous article' link can change dynamicaly

[newslash/newslash.git] / src / newslash_web / templates / common / components / timeline.html.tt2

diff --git a/src/newslash_web/templates/common/components/timeline.html.tt2 b/src/newslash_web/templates/common/components/timeline.html.tt2
index 7bb9648..15150cb 100644 (file)
--- a/src/newslash_web/templates/common/components/timeline.html.tt2
+++ b/src/newslash_web/templates/common/components/timeline.html.tt2
@@ -1,3 +1,11 @@
+<script type="text/x-template" id="timeline-pager-template">
+  <div class="pager" v-if="prevUrl.length > 0">
+    <span class="prev">
+      <a :href="prevUrl">前の記事</a>
+    </span>
+  </div>
+</script>
+
 <script type="text/x-template" id="timeline-filter-ui-template">
   <div class="timeline-filter-ui">
     <span>表示するアイテムのしきい値：</span>
@@ -12,8 +20,8 @@
       <span :class="{active: threshold == 7}"  class="color-indicator red"    title="7" @click="setThreshold(7)">7</span>
     </div>
     <i class="loading" v-if="loading"></i>
+    <div class="alert alert-error" v-if="message && message.length > 0" v-text="message"></div>
   </div>
-  <div class="alert alert-error" v-if="message != ''" v-text="message"></div>
 </script>
 
 <script type="text/x-template" id="timeline-item-template">