From fa680c96236bf557f525f2cab580d64ac3f60714 Mon Sep 17 00:00:00 2001
From: Latif Khalifa <latifer@streamgrid.net>
Date: Sun, 13 Oct 2013 14:24:48 +0200
Subject: [PATCH] Embedded toolbar

---
 htdocs/.htaccess            |  8 ++++
 htdocs/crashes.php          |  7 +++-
 htdocs/lib/Layout.php       | 65 ++++++++++++++++++----------
 htdocs/lib/SearchFilter.php | 84 ++++++++++++++++++++++++++++++++++++-
 4 files changed, 138 insertions(+), 26 deletions(-)
diff --git a/htdocs/.htaccess b/htdocs/.htaccess
index 8aa276d..8569bd9 100644
--- a/htdocs/.htaccess
+++ b/htdocs/.htaccess
@@ -1 +1,9 @@
 php_flag display_errors on
+
+<IfModule mod_expires.c>
+  ExpiresActive On
+  ExpiresByType image/png "access plus 1 year"
+  ExpiresByType image/gif "access plus 1 year"
+  ExpiresByType text/css "access plus 1 hour"
+</IfModule>
+
diff --git a/htdocs/crashes.php b/htdocs/crashes.php
index 90e7e14..2a3aa29 100644
--- a/htdocs/crashes.php
+++ b/htdocs/crashes.php
@@ -12,7 +12,7 @@ function lk($id, $txt)
 $filter = new SearchFilter();
 $total = CrashReport::getTotal($filter);
 $reports = CrashReport::getReports($filter);
-Layout::header();
+Layout::header($filter->renderPaginator($total));
 
 $filter->render();
 ?>
@@ -110,9 +110,11 @@ $filter->render();
                 }
             });
         });
+        
     });
 </script>
-<p>Reports <strong><?php echo $total ?></strong></p>
+
+<br/>
 
 <table width="100%" class="jtable">
     <tr>
@@ -134,6 +136,7 @@ $filter->render();
     </tr>
 <?php endfor ?>
 </table>
+
 <?php
 Layout::footer();
 
diff --git a/htdocs/lib/Layout.php b/htdocs/lib/Layout.php
index 098c978..9cf523f 100644
--- a/htdocs/lib/Layout.php
+++ b/htdocs/lib/Layout.php
@@ -78,7 +78,7 @@ class Layout
     return $print;
   }
 
-  function header()
+  function header($toolbar = "")
   {
 	global $S;
 	
@@ -132,28 +132,44 @@ class Layout
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
     <link rel="stylesheet" type="text/css" href="<?php print URL_ROOT ?>/css/singularity/jquery-ui-1.10.3.custom.css"/>
     <link rel="stylesheet" type="text/css" href="<?php print URL_ROOT ?>/css/singularity/singularity.css"/>
-    <link rel="shortcut icon" href="<?php print IMG_ROOT ?>/favicon.ico" type="image/x-icon" />
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
     <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
+    <link rel="shortcut icon" href="<?php print IMG_ROOT ?>/favicon.ico" type="image/x-icon" />
     <title>Singularity Viewer - Automated Crash Report Processing System</title>
-
-<script type="text/javascript">
-//<![CDATA[
-$(function() {
-    $( ".toolbarbutton" ).button();
-
-/*    
-    $( ".rowhighlight" ).on("mousedown", function(e) {
-      $(this).addClass("ui-state-disabled");
-    });
-*/
-
-});
-//]]>
-</script>
-
+	<style type="text/css">
+	  #menubar {
+		text-align: justify;
+		margin: 10px 0px 10px 0px;
+		padding: .5em;
+	  }
+	  
+	  #menubar div {
+		display: inline-block;
+	  }
+	  
+	  #menubar:after {
+		content: '';
+		display: inline-block;
+		width: 100%;
+	  }
+	</style>
   </head>
   <body>
+	<script type="text/javascript">
+	//<![CDATA[
+	  $(function() {
+		  $( ".toolbarbutton" ).button();
+	  
+	  /*    
+		  $( ".rowhighlight" ).on("mousedown", function(e) {
+			$(this).addClass("ui-state-disabled");
+		  });
+	  */
+	  
+	  });
+	//]]>
+	</script>
+
     <div style="padding-top:20px;">
       <div style="display: inline-block;">
 	<a href="<?php echo URL_ROOT ?>"><img src="images/singularity_icon.png" width="150px" height="150px"/></a>
@@ -164,10 +180,15 @@ $(function() {
 	<span style="font-size: 1.6em;">Automated Crash Report Processing</span>
       </div>
     </div>
-    <div id="menubar" style="text-align: right; margin-top:10px; margin-bottom:10px; padding: 5px;" class="ui-widget-header ui-corner-all">
-      <?php for ($i=0; $i<count($menu); $i++): ?>
-	<a class="toolbarbutton" href="<?php echo $menu[$i]->link; ?>"><?php echo htmlspecialchars($menu[$i]->label) ?></a>
-      <?php endfor ?>
+	
+	
+    <div id="menubar" class="ui-widget-header ui-corner-all">
+	  <div><?php echo $toolbar ?></div>
+	  <div>
+        <?php for ($i=0; $i<count($menu); $i++): ?>
+	    <a class="toolbarbutton" href="<?php echo $menu[$i]->link; ?>"><?php echo htmlspecialchars($menu[$i]->label) ?></a>
+        <?php endfor ?>
+	  </div>
     </div>
 
 <?php
diff --git a/htdocs/lib/SearchFilter.php b/htdocs/lib/SearchFilter.php
index be12200..5e8f050 100644
--- a/htdocs/lib/SearchFilter.php
+++ b/htdocs/lib/SearchFilter.php
@@ -19,7 +19,7 @@ class SearchFilter
     public $offset = 0;
     public $page = 0;
     
-    var $fields = array("os", "chan", "version", "grid", "region", "gpu", "stacktrace", "signature_id");
+    var $fields = array("os", "chan", "version", "grid", "region", "gpu", "stacktrace", "signature_id", "limit", "offset");
     
     function __construct()
     {
@@ -156,7 +156,7 @@ class SearchFilter
 
 </script>
 
-<form method="get">
+<form id="filter_form" method="get">
 <div class="ui-widget ui-corner-all ui-widget-content">
     <div class="ui-widget-header" style="padding: 5px">Filter</div>
 
@@ -226,9 +226,89 @@ for($i = 0; $i < count($grids); $i++)
 <input type="hidden" name="signature_id" value="<?php echo htmlentities($this->signature_id) ?>" />
 <?php endif ?>
 
+<input type="hidden" id="limit" name="limit" value="<?php echo (int)($this->limit) ?>" />
+<input type="hidden" id="offset" name="offset" value="<?php echo (int)($this->offset) ?>" />
+
 </form>
         
 <?php
     }
     
+    function renderPaginator($total)
+    {
+        ob_start();
+?>
+<script>
+    $(function() {
+        
+        var $filter = $("#filter_form");
+        var $offset = Number($("#offset").val());
+        var $limit = Number($("#limit").val());
+        var $total = Number(<?php echo $total ?>);
+        var $max_offset = (Math.floor($total / $limit)) * $limit;
+        //console.log("Offset: " + $offset + "; Max offset: " + $max_offset);
+        
+        $("#first").button({
+            disabled: $offset == 0,
+            text: false,
+            icons: { primary: "ui-icon-seek-start" },
+        })
+        .on("click", function() {
+            $("#offset").val(0);
+            $filter.submit();
+        });
+
+        $("#previous").button({
+            disabled: $offset == 0,
+            text: false,
+            icons: { primary: "ui-icon-seek-prev" },
+        })
+        .on("click", function() {
+            $offset -= $limit;
+            if ($offset < 0 ) $offset = 0;
+            $("#offset").val($offset);
+            $filter.submit();
+        });
+
+        $("#next").button({
+            disabled: $offset >= $max_offset,
+            text: false,
+            icons: { primary: "ui-icon-seek-next" },
+        })
+        .on("click", function() {
+            $offset += $limit;
+            if ($offset > $total ) $offset = $total;
+            $("#offset").val($offset);
+            $filter.submit();
+        });
+
+        $("#last").button({
+            disabled: $offset >= $max_offset,
+            text: false,
+            icons: { primary: "ui-icon-seek-end" },
+        })
+        .on("click", function() {
+            $("#offset").val($max_offset);
+            $filter.submit();
+        });
+        
+    });
+</script>
+
+<!--div id="paginator" class="ui-widget-header ui-corner-all" style="display: inline-block; padding: 4px"-->
+    <button id="first">First</button>
+    <button id="previous">Previous</button>
+    <div style="display: inline-block; text-align: center; width: 175px;">
+        <?php echo $this->offset + 1 ?> - 
+        <?php echo $this->offset + $this->limit > $total ? $total : $this->offset + $this->limit  ?> out of
+        <?php echo $total ?>
+    </div>
+    <button id="next">Next</button>
+    <button id="last">Last</button>
+<!--/div-->
+
+<?php
+        return ob_get_clean();
+    }
+    
 }
\ No newline at end of file
