Paging, yeah!

apage43 · Sep 16, 2010 · 1cdf9cf · 1cdf9cf
1 parent 592c961
commit 1cdf9cf
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 4 deletions.
diff --git a/_attachments/index.html b/_attachments/index.html
@@ -59,19 +59,37 @@
             }
 
             var sammyapp = $.sammy(function() {
-                this.get('#/', function() {
+                this.get('#/', function() { this.redirect('#/Z'); });
+
+                this.get('#/:key', function(ctx) {
                     $('#titlebar').text('mailbag!');
+                    var start = ctx.params["key"];
+                    var skips = 0;
+                    var amt = 15;
+                    if(start != "Z") {
+                        skips = 1;
+                    }
+
                     db.view('mailbag/mail-items', {
-                        limit: 50,
+                        limit: amt,
+                        skip: skips,
+                        startkey: [start],
                         descending: true,
                         success: function(data)
                         {
                             console.log(data);
                             $('#mainpane').html($.mustache(templates.messages, data, null));
+                            if(data.rows.length == amt) {
+                                $('#mainpane').append('<a class="next" href="#/' + data.rows[data.rows.length-1].key + '">next</a>');
+                            }
+                            if(start != "Z") {
+                                $('#mainpane').append('<a class="prev" href="javascript: history.go(-1);">prev</a>');
+                            }
                         }
                     });
                 });
 
+
                 this.get('#/message/:id', function(ctx) {
                     db.openDoc(ctx.params["id"], {success: function(data) {
                         $('#titlebar').text('mailbag! - ' + data.subject);
@@ -90,9 +108,7 @@
                           {
                               if(others.rows.length == 0)
                               {
-                                  //Short circuit.
                                   render_message(data, {"class": "picked"});
-                                  console.log("Not a thread!");
                                   return;
                               }
                               var max = 0;

diff --git a/_attachments/style/main.css b/_attachments/style/main.css
@@ -328,3 +328,16 @@ button {  width: auto; overflow: visible; }
 
 .picked {
 }
+
+.next {
+    float: right;
+    text-size: 1.2em;
+    font-weight: bold;
+}
+
+.prev {
+    float: right;
+    text-size: 1.2em;
+    font-weight: bold;
+    margin-right: 1em;
+}