Added page selector to stream table

Author: coderdj

components/emo/js/emo_runs_streamer.js

@@ -108,7 +108,7 @@ function MakeRunsTable(div, url, templatediv, counterdiv){
             prev_text: '← Previous',
             //container_class: '.users-pagination', 
             //ul_class: '.larger-pagination',       
-            per_page_select: false,                 
+            //per_page_select: true,                 
             per_page_opts: [50, 100, 500],            
             //per_page_class: '.select-box',       
             per_page: 100,

components/js/stream_table.js

@@ -83,7 +83,15 @@
     return this.has_sorting ? this.getIndex().length : this.getData().length;
   }
 
+  _F.initJumpToPage = function(opts){
+     //this.pageopts = $.extend({jumptopage_container: "pagejump"}, opts);
+      var html = "<form id='stream_jumptopage'><strong>Jump to page: </strong><input style='width:35px' name='page' id='jumptopage' type='number' min='1'>&nbsp;<input type='submit' class='btn btn-default btn-tiny' value='Submit'></form>";
+      $(".pagejump").html(html);      
+      this.$jumptopage = $(".pagejump form");
+  };
+
   _F.initPagination = function(opts){
+      this.initJumpToPage(opts);
     this.paging_opts = $.extend({
       span: 5,
       prev_text: '&laquo;',
@@ -133,6 +141,21 @@
       });
     }
 
+      _self.$jumptopage.on('submit', function(e){
+	  e.preventDefault();
+	  var values = $(this).serializeArray();
+	  console.log(values);
+	  var page = parseInt(values[0]['value']);
+          if(page<1 || page>_self.pageCount())
+              return;
+          var current_page = _self.paginate(page);
+          if (current_page >= 0) {
+              $('.active', _self.$pagination).removeClass('active');
+              $('li[data-page='+ current_page +']',
+                _self.$pagination).addClass('active');
+          }
+          return false;
+      });
     _self.$pagination.on('click', 'a', function(e){
       var $this = $(this), page = parseInt($this.text()), current_page;
 

runs/templates/runs/runs_new.html

@@ -84,9 +84,10 @@
   <div class="col-sm-12 col-xs-12" id="table_window"
        style="padding:5px;height:100%;">
     <div class="row" style="margin:0;padding:0">
-      <div class="col-xs-12 col-sm-6" style="margin-top:20px;margin-bottom:20px;padding:0"><input type="text" name="search" placeholder="Search..." id="tablesearch"/></div>
-      <div class="col-xs-12 col-sm-6" style="padding:0">
-	<div class="pull-right paginat" style="margin:0"></div>
+      <div class="col-xs-12 col-sm-4" style="margin-top:20px;margin-bottom:20px;padding:0"><input type="text" name="search" placeholder="Search..." id="tablesearch"/></div>
+      <div class="col-xs-12 col-sm-8" style="padding:0;display:inline-block">
+	<div class="pagejump" style="height:75px;padding-top:22px;float:left"></div>
+	<div class="paginat" style="margin:0;margin-left:5px;float:left"></div>
       </div>
     </div>
     <table class="table table-bordered" id="runstable" style="background-color:white;table-layout: fixed;word-wrap:break-word;overflow-y:hidden">