wiring up pagesize controls

attachments/script/site.js

@@ -4,53 +4,36 @@ var app = {
 };
 
 app.handler = function(route) {
-  route = route.path.slice(1, route.path.length);
-  if (route.length < 1) route = "home";
-  util.render( route, app.container);
-  window.scrollTo(0, 0);
+  if (route.params && route.params.route) {
+    var path = route.params.route;
+    app.routes[path](route.params.id);
+  } else {
+    app.routes['home']();
+  }  
 };
 
-// var query = {
-//   "descending" : true,
-//   "limit" : 20,
-//   success: function( data ) {
-//     if( data.rows.length === 0 ) {
-//       monocles.oldestDoc = false;
-//       monocles.hideLoader();
-//       posts = [];
-//     } else {
-//       monocles.oldestDoc = data.rows[ data.rows.length - 1 ];
-//       posts = data.rows;
-//     }
-//     renderStream();
-//   }
-// }
-// 
-// if ( opts.offsetDoc ) {
-//   $.extend( query, {
-//     "startkey": opts.offsetDoc.key,
-//     "startkey_docid": opts.offsetDoc.id,
-//     "skip": 1
-//   })
-// }
-
-app.after = {
+app.routes = {
   home: function() {
-
-    couch.request({url: app.baseURL + "api"}).then(function(db) {
-      removalist.gotDb(db);
-      couch.request({url: app.baseURL + 'api/headers'}).then(function(headers) {
-        removalist.gotHeaders(headers);
-        couch.request({url: app.baseURL + 'api/rows?limit=10'}).then(function(response) {
-          removalist.renderRows(response.rows);
-        });
-      });
-    });
+    removalist.bootstrap();
     
     $( '.csv' ).live('click', ( function( e ) {      
       window.location.href = app.csvUrl;
       e.preventDefault();
     }))
+    
+  },
+  page: function(id) {
+    removalist.getPageSize()
+  }
+}
+
+app.after = {
+  tableContainer: function() {
+    $( '.viewPanel-pagingControls-page' ).click(function( e ) {      
+      $(".viewpanel-pagesize .selected").removeClass('selected');
+      $(e.target).addClass('selected');
+      removalist.fetchRows(app.newest);
+    });
   }
 }
 
@@ -58,6 +41,7 @@ app.sammy = $.sammy(function () {
   this.get('', app.handler);
   this.get("#/", app.handler);
   this.get("#:route", app.handler);
+  this.get("#:route/:id", app.handler);
 });
 
 $(function() {