page index with ellipses

Author: eelcovisser

lib/pageindex.app

@@ -30,25 +30,36 @@ module lib/pageindex
     }
   }
 
+  function boolLog(x: String): Bool { log(x); return true; }
+  
   function showIndex(i: Int, idx: Int, pages: Int, max: Int, middle: Int, end: Int): Bool {
-    return pages <= max 
-        || idx <= end + 1 + middle && i <= end + 1 + 2 * middle
-        || idx >= max - end + 1 - middle && i >= max - end + 1 - 2 * middle
-        || i <= end 
-        || i > max - end 
-        || (i > idx - middle && i <= idx + middle);
+    log("i:" + i + " idx:" + idx + " pages:" + pages + " max:" + max + " middle: " + middle + " end:" + end);
+    
+    if(pages <= max && boolLog("a:" + i + " pages: " + pages + " max: " + max)) {
+      return true;
+    } else { if(idx <= end + 1 + middle) {
+      return i <= end + 1 + 2 * middle && boolLog("b:" + i)
+           || i > pages - end && boolLog("e:" + i);
+    } else { if(idx >= pages - end + 1 - middle) { 
+      return i >= pages - end + 1 - 2 * middle && boolLog("c:" + i) 
+          || i <= end && boolLog("d:" + i);
+    } else { 
+      return i <= end && boolLog("d:" + i)
+          || i > pages - end && boolLog("e:" + i)
+          || (i > idx - middle && i <= idx + middle) && boolLog("f:" + i);
+    } } }
   }
 
   function showGap(i: Int, idx: Int, pages: Int, max: Int, middle: Int, end: Int): Bool {
     return pages > max 
         && ((i == end + 1 && idx > end + 1 + middle)
-            || (i == max - end - 1 && idx < max - end + 1 - middle));
+            || (i == pages - end - 1 && idx < pages - end + 1 - middle));
   }
 
   define pageIndex(index : Int, count : Int, perpage : Int, max: Int, end: Int) {
     var idx := max(1,index)
     var pages : Int := 1 + count/perpage
-    var middle := max - 2 * (end + 1)
+    var middle := (max - (2 * (end + 1)))/2
     container[class="pageIndex"] {
       if(pages > 1) { 
         if(idx > 1) { 
@@ -64,8 +75,9 @@ module lib/pageindex
             } else { 
               container[class="indexEntryActive"]{ pageIndexLink(i, i + "") }
             }
-          } else { if(showGap(i, idx, pages, max, middle, end)) { "..." }
-          } 
+          } else { if(showGap(i, idx, pages, max, middle, end)) { 
+              container[class="indexEntryGap"]{ "..." }
+          } }
         }
 
         if(idx < pages) { 

stylesheets/ie.css

@@ -0,0 +1,5 @@
+/* Welcome to Compass. Use this file to write IE specific override styles.
+ * Import this file using the following HTML or equivalent:
+ * <!--[if IE]>
+ *   <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
+ * <![endif]--> */

stylesheets/print.css

@@ -0,0 +1,3 @@
+/* Welcome to Compass. Use this file to define print styles.
+ * Import this file using the following HTML or equivalent:
+ * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */

stylesheets/screen.css

@@ -0,0 +1,69 @@
+/* Welcome to Compass.
+ * In this file you should write your main styles. (or centralize your imports)
+ * Import this file using the following HTML or equivalent:
+ * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
+/* line 17, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+/* line 20, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+body {
+  line-height: 1;
+}
+
+/* line 22, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+ol, ul {
+  list-style: none;
+}
+
+/* line 24, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+/* line 26, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+caption, th, td {
+  text-align: left;
+  font-weight: normal;
+  vertical-align: middle;
+}
+
+/* line 28, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+q, blockquote {
+  quotes: none;
+}
+/* line 101, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+q:before, q:after, blockquote:before, blockquote:after {
+  content: "";
+  content: none;
+}
+
+/* line 30, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+a img {
+  border: none;
+}
+
+/* line 115, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}

stylesheets/style.css

@@ -479,6 +479,12 @@ span.indexEntryCurrent {
   background: #657b83;
   color: #eee8d5; }
 
+span.indexEntryGap {
+  border: 1px solid #bbbbbb;
+  color: #bbbbbb;
+  padding: 4px;
+  margin: 0 6px 0 0; }
+
 span.indexEntryActive a {
   border: 1px solid #657b83;
   text-decoration: none;