summaryrefslogtreecommitdiff
path: root/ishtar_common/templates/blocks/JQueryJqGrid.html
diff options
context:
space:
mode:
Diffstat (limited to 'ishtar_common/templates/blocks/JQueryJqGrid.html')
-rw-r--r--ishtar_common/templates/blocks/JQueryJqGrid.html123
1 files changed, 123 insertions, 0 deletions
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>
+