[Hejes-devel] [1504] blog/index pager: prettier, cooler, smoother, hotter

[hejes-devel at nytud.hu]

Revision: 1504
Author:   mihaltz
Date:     2015-09-30 18:07:38 +0200 (Wed, 30 Sep 2015)
Log Message:
-----------
blog/index pager: prettier, cooler, smoother, hotter

Modified Paths:
--------------
    trunk/web2py/applications/helyesiras_webdev/progress.log
    trunk/web2py/applications/helyesiras_webdev/static/css/main.css
    trunk/web2py/applications/helyesiras_webdev/views/blog/index.html

Modified: trunk/web2py/applications/helyesiras_webdev/progress.log
===================================================================
--- trunk/web2py/applications/helyesiras_webdev/progress.log	2015-09-30 15:18:36 UTC (rev 1503)
+++ trunk/web2py/applications/helyesiras_webdev/progress.log	2015-09-30 16:07:38 UTC (rev 1504)
@@ -1546,3 +1546,10 @@
 [2015-09-30 17:12:37] EDIT helyesiras_webdev/controllers/blog.py: 0
 [2015-09-30 17:13:10] EDIT helyesiras_webdev/controllers/blog.py: 0
 [2015-09-30 17:17:04] EDIT helyesiras_webdev/controllers/blog.py: -3
+[2015-09-30 17:36:47] EDIT helyesiras_webdev/views/blog/index.html: -2
+[2015-09-30 17:38:58] EDIT helyesiras_webdev/views/blog/index.html: 0
+[2015-09-30 17:42:49] EDIT helyesiras_webdev/views/blog/index.html: 0
+[2015-09-30 17:46:17] EDIT helyesiras_webdev/views/blog/index.html: 0
+[2015-09-30 17:47:00] EDIT helyesiras_webdev/views/blog/index.html: 0
+[2015-09-30 17:48:52] EDIT helyesiras_webdev/views/blog/index.html: 0
+[2015-09-30 17:49:50] EDIT helyesiras_webdev/views/blog/index.html: 0

Modified: trunk/web2py/applications/helyesiras_webdev/static/css/main.css
===================================================================
--- trunk/web2py/applications/helyesiras_webdev/static/css/main.css	2015-09-30 15:18:36 UTC (rev 1503)
+++ trunk/web2py/applications/helyesiras_webdev/static/css/main.css	2015-09-30 16:07:38 UTC (rev 1504)
@@ -1939,11 +1939,21 @@
 			font-style: normal;
 		}
 
-.pager {
-	float: left;
+.blog-pager {
+/*   margin: 1em 0; */
+    text-align: center;
+/*    overflow: hidden; */
 }
 
+.blog-pager-newer-link {
+    float: left;
+}
 
+.blog-pager-older-link {
+    float: right;
+}
+
+
 /*******************
 /* WIDGET
 /******************* 
@@ -2094,7 +2104,6 @@
 }
 
 
-
 /*******************
 /* RESPONSIVE
 /******************* 

Modified: trunk/web2py/applications/helyesiras_webdev/views/blog/index.html
===================================================================
--- trunk/web2py/applications/helyesiras_webdev/views/blog/index.html	2015-09-30 15:18:36 UTC (rev 1503)
+++ trunk/web2py/applications/helyesiras_webdev/views/blog/index.html	2015-09-30 16:07:38 UTC (rev 1504)
@@ -80,17 +80,15 @@
   {{pass}}
 {{pass}}
 
-<div class="pager">
+<div class="blog-pager">
   {{npages = (ntotal / perpage) + (1 if ntotal % perpage > 0 else 0)}}
-  <span>{{ = XML('◂') if page == 1 else A(XML('◂'), _href=page_url(page - 1))}}</span>
-  {{ # TODO: don't list all page numbers if npages > 5, e.g. << 1 | 2 | 3 ... 5 | 6 >> }}
-  {{for i in range(1, npages + 1):}}
-    <span>{{= i if i == page else A(i, _href=page_url(i))}}</span>
-    {{if i < npages:}}
-      <span>{{= '|'}}</span>
-    {{pass}}
+  {{if page > 1:}}
+    <span class="blog-pager-newer-link">{{=A(XML('Újabb bejegyzések'), _href=page_url(page - 1))}}</span>
   {{pass}}
-  <span>{{ = XML('▸') if page == npages else A(XML('▸'), _href=page_url(page + 1))}}</span>  
+  <span class="blog-pager-current-page">{{=page}}/{{=npages}}</span>
+  {{if page < npages:}}
+    <span class="blog-pager-older-link">{{=A(XML('Régebbi bejegyzések'), _href=page_url(page + 1))}}</span>
+  {{pass}}
 </div> <!-- <div class="pager"> -->