Commit: e92710676746060a66d27c6a9fefe1bbf1f79b4b - grrreader (git)

Simple RSS Reader inspired by Gxxgle Reader

Commit MetaInfo

• Revision: e92710676746060a66d27c6a9fefe1bbf1f79b4b (tree)
• Zeit: 2014-08-06 01:27:03
• Autor: hylom <hylom@hylo...>
• Commiter: hylom

Log Message

add pager above article list

Ändern Zusammenfassung

• modified: client/public/css/style.css
• modified: client/public/js/grdc.js
• modified: client/views/index.jade

Diff

--- a/client/public/css/style.css
+++ b/client/public/css/style.css
@@ -40,4 +40,16 @@ a {
   font-size: 150%;
   margin: 0;
   padding: 0;
-}
\ No newline at end of file
+}
+
+#page-navigation-top {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+#page-navigation-bottom {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+

--- a/client/public/js/grdc.js
+++ b/client/public/js/grdc.js
@@ -4,7 +4,7 @@
 (function () {
   // private functions
 
-  function updatePager(total, skip, count) {
+  function updatePager(total, skip, count, pager) {
     var totalPage = Math.floor((total - 1) / count + 1);
     var currentPage = Math.floor((skip - 1) / count + 1);
     var pane = $('#contentsPane');
@@ -35,11 +35,10 @@
       }
     }
 
-    var paging = $('#page-navigation');
-    paging.empty();
+    pager.empty();
 
     if (pagerStart != 0) {
-      paging.append($('<li class="disabled"><a href="#">...</a></li>'));
+      pager.append($('<li class="disabled"><a href="#">...</a></li>'));
     }
     for (var i = pagerStart; i < pagerEnd; i++) {
       anchor = $('<a href="#">');
@@ -50,10 +49,10 @@
       if (i == currentPage) {
         elem.addClass('disabled');
       }
-      paging.append(elem);
+      pager.append(elem);
     }
     if (pagerEnd != totalPage) {
-      paging.append($('<li class="disabled"><a href="#">...</a></li>'));
+      pager.append($('<li class="disabled"><a href="#">...</a></li>'));
     }
   }
 
@@ -85,7 +84,10 @@
     pane.attr('skip', data.skip);
     pane.attr('count', data.count);
     pane.attr('feedId', data.feedId);
-    updatePager(data.total, data.skip, data.count);
+    var pagingTop = $('#page-navigation-top');
+    var pagingBottom = $('#page-navigation-bottom');
+    updatePager(data.total, data.skip, data.count, pagingTop);
+    updatePager(data.total, data.skip, data.count, pagingBottom);
   }
 
   function showFeed(feedId, skip, count) {

--- a/client/views/index.jade
+++ b/client/views/index.jade
@@ -12,6 +12,8 @@ block content
             li: a.feedItem(href='#', feed-id=feed.feed_id) #{feed.title}
       .col-md-9
         h4#feedTitle All Feeds:
+        .paging
+          ul#page-navigation-top.pagination
         table.table#contentsPane
-        #paging
-          ul#page-navigation.pagination
+        .paging
+          ul#page-navigation-bottom.pagination