Browse sheets (refs #1219)

2 files changed, 54 insertions, 4 deletions

diff --git a/ishtar_common/templates/blocks/JQueryJqGrid.html b/ishtar_common/templates/blocks/JQueryJqGrid.html
index 26855f4ea..d21fa8276 100644
--- a/ishtar_common/templates/blocks/JQueryJqGrid.html
+++ b/ishtar_common/templates/blocks/JQueryJqGrid.html
@@ -29,7 +29,8 @@
 
 <input type="hidden" id="hidden_{{name}}" name="{{name}}"/>
 
-<script type="text/javascript">
+<script type="text/javascript" language='javascript'>
+
 var query_vars = new Array({{col_idx|safe}});
 var selItems_{{sname}} = new Array();
 jQuery(document).ready(function(){
@@ -118,6 +119,31 @@ jQuery(document).ready(function(){
     return true;
   });
 {% endif %}
+
 });
+
+  function get_next_table_id(c_id){
+    var mygrid = jQuery("#grid_{{name}}");
+    var has_current_id = false;
+    ids = mygrid.getDataIDs();
+    for (idx in ids){
+        if (has_current_id) return ids[idx];
+        if (ids[idx] == c_id) has_current_id = true;
+    }
+    return false;
+  }
+  function get_previous_table_id(c_id){
+    var mygrid = jQuery("#grid_{{name}}");
+    var previous_id = 0;
+    ids = mygrid.getDataIDs();
+    for (idx in ids){
+        if (ids[idx] == c_id){
+            if (previous_id) return previous_id;
+            return false;
+        }
+        previous_id = ids[idx];
+    }
+    return false;
+  }
 </script>
 
diff --git a/ishtar_common/templates/ishtar/sheet.html b/ishtar_common/templates/ishtar/sheet.html
index 9ce038ae9..915376938 100644
--- a/ishtar_common/templates/ishtar/sheet.html
+++ b/ishtar_common/templates/ishtar/sheet.html
@@ -15,11 +15,35 @@
 <div class="sheet" id='{{window_id}}'>
 {% block head_sheet %}
 <script type="text/javascript">var last_window='{{window_id}}';</script>
+
 <div class="head">
+
+<a href='#' class='previous_page ui-icon ui-icon-circle-arrow-w'>{% trans "Previous" %}</a>
 <a href='#' onclick='$("#{{window_id}}").hide("slow")'>{% trans "Close" %}</a> -
-<a href='#' onclick='closeAllWindows();'>
-{% trans "Close all windows" %}
-</a></div>{% endblock %}
+<a href='#' onclick='closeAllWindows();'>{% trans "Close all windows" %}</a>
+<a href='#' class='next_page ui-icon ui-icon-circle-arrow-e'>{% trans "Next" %}</a>
+
+</div>
+
+<script type="text/javascript" language='javascript'>
+jQuery(document).ready(function(){
+    if (! get_next_table_id({{item.pk}})){
+        jQuery('.next_page').hide();
+    }
+    if (! get_previous_table_id({{item.pk}})){
+        jQuery('.previous_page').hide();
+    }
+    jQuery(".next_page").click(function() {
+        load_window("{{current_window_url}}" + get_next_table_id({{item.pk}}) + "/",
+                    '', function(){$("#{{window_id}}").hide();});
+    });
+    jQuery(".previous_page").click(function() {
+        load_window("{{current_window_url}}" + get_previous_table_id({{item.pk}}) + "/",
+                    '', function(){$("#{{window_id}}").hide();});
+    });
+});
+</script>
+{% endblock %}
 <div class="body">
 {% block content %}{% endblock %}
 </div>