From 2d959c5a5eac73e00fcf8cf251239b77bf6628a3 Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@peacefrogs.net>
Date: Wed, 28 Aug 2013 16:38:19 +0200
Subject: Widgets: use a template for JQueryJqGrid. It is now far clearer...
 (refs #1219)

---
 ishtar_common/templates/blocks/JQueryJqGrid.html | 123 +++++++++++++++++++++++
 1 file changed, 123 insertions(+)
 create mode 100644 ishtar_common/templates/blocks/JQueryJqGrid.html

(limited to 'ishtar_common/templates')

diff --git a/ishtar_common/templates/blocks/JQueryJqGrid.html b/ishtar_common/templates/blocks/JQueryJqGrid.html
new file mode 100644
index 000000000..26855f4ea
--- /dev/null
+++ b/ishtar_common/templates/blocks/JQueryJqGrid.html
@@ -0,0 +1,123 @@
+{% load i18n %}
+</table>
+
+<button id='search_{{name}}' class='submit'>{% trans "Search" %}</button>
+
+{% if url_new %}
+<p><a href="#" onclick="open_window('{{url_new}}');">{{new_message}}</a></p>
+{% endif %}
+
+<h4>{% trans "Search and select an item" %}</h4>
+
+<table id='grid_{{name}}' class='jqgrid'></table>
+<div id='pager_{{name}}'></div>
+
+<div id='foot_{{name}}' class='gridfooter'>
+{% if source_full %}
+{% trans "Export as CSV" %} ({{encoding}})
+<a href='{{source}}csv' target='_blank'>{{simple}}</a> - 
+<a href='{{source_full}}csv' target='_blank'>{{full}}</a>
+{% else %}
+<a href="{{source}}csv" target="_blank">{% trans "Export as CSV" %} ({{encoding}})</a>
+{% endif %}
+</div>
+
+{% if multiple %}
+<input type="button" id="add_button_{{name}}" value="{% trans "Add" %}"/>
+<ul id="selectmulti_{{name}}" class="selectmulti"></ul>
+{% endif %}
+
+<input type="hidden" id="hidden_{{name}}" name="{{name}}"/>
+
+<script type="text/javascript">
+var query_vars = new Array({{col_idx|safe}});
+var selItems_{{sname}} = new Array();
+jQuery(document).ready(function(){
+  jQuery("#search_{{name}}").click(function (){
+    if ($("#progress").length > 0){
+        $("#progress").show();
+    }
+    var data = "";
+    for (idx in query_vars)
+    {
+        var key = query_vars[idx];
+        var val = jQuery("#id_"+key).val();
+        if (val){
+            if (data) data += "&";
+            data += key + "=" + val;
+        }
+    }
+    var mygrid = jQuery("#grid_{{name}}");
+    var url = "{{source}}?submited=1&" + data;
+    mygrid.setGridParam({url:url});
+    mygrid.trigger("reloadGrid");
+    if ($("#progress").length > 0){
+        $("#progress").hide();
+    }
+    return false;
+  });
+
+  jQuery("#grid_{{name}}").jqGrid({
+    url:'{{source}}',
+    datatype: "json",
+    mtype: 'GET',
+    colNames:['id', '', {{col_names|safe}}],
+    colModel:[
+      {name:'id', index:'id', hidden:true},
+      {name:'link', index:'link', width:80},
+      {{extra_cols|safe}}
+    ],
+    sortname: 'value',
+    viewrecords: true,
+    sortorder: "asc",
+    emptyrecords: "{{no_result}}",
+    loadtext: "{{loading}}",
+    pager: '#pager_{{name}}',
+    width:740,
+    rowNum:20,
+    jsonReader : {repeatitems: false},
+  });
+{% if multiple %}
+  jQuery("#add_button_{{name}}").click(function (){
+    var mygrid = jQuery("#grid_{{name}}");
+    var idx = mygrid.getGridParam('selrow');
+    var lbl_cols = new Array({{multi_cols|safe}});
+    var label = "";
+    for (var id in lbl_cols){
+        if(id == 1){
+            label += " (";
+        }else if (id > 1){
+            label += " ; ";
+        }
+        label += mygrid.getCell(idx, lbl_cols[id]);
+    }
+    if (id > 0){
+        label += ")";
+    }
+    for (id in selItems_{{sname}}){
+        if(selItems_{{sname}}[id] == idx){
+            return false;
+        }
+    }
+    selItems_{{sname}}.push(idx);
+    jQuery("#selectmulti_{{name}}").append(
+               "<li id='selected_{{name}}_"+idx+"'>\
+<a href='#' class='remove' \
+  onclick=\"multiRemoveItem(selItems_{{sname}}, '{{name}}', "+ idx +");\
+  return false;\" title=\"{{remove}}\">X</a>" + label + "</li>");
+    return true;
+  });
+  jQuery("#submit_form").click(function (){
+    jQuery("#hidden_{{name}}").val(selItems_{{sname}});
+    return true;
+  });
+{% else %}
+  jQuery("#submit_form").click(function (){
+    var mygrid = jQuery("#grid_{{name}}");
+    jQuery("#hidden_{{name}}").val(mygrid.getGridParam('selrow'));
+    return true;
+  });
+{% endif %}
+});
+</script>
+
-- 
cgit v1.2.3