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/widgets.py | 134 ++++-------------------------------------------
 1 file changed, 11 insertions(+), 123 deletions(-)

(limited to 'ishtar_common/widgets.py')

diff --git a/ishtar_common/widgets.py b/ishtar_common/widgets.py
index b3e366e0d..e94353ec7 100644
--- a/ishtar_common/widgets.py
+++ b/ishtar_common/widgets.py
@@ -209,15 +209,11 @@ class JQueryJqGrid(forms.RadioSelect):
         t = loader.get_template('blocks/form_snippet.html')
         form = self.form()
         rendered = t.render(Context({'form':form}))
-        rendered += u"\n</table>\n"\
-        u"<button id='search_%s' class='submit'>%s</button>" % (
-                                                name, unicode(_("Search")))
+        dct = {}
         if self.new:
             model_name = self.associated_model._meta.object_name.lower()
-            url_new = reverse('new-' + model_name, args=['0'])
-            rendered += u'<p><a href="#" onclick="open_window(\'%s\');">'\
-                        u'%s</a></p>' % (url_new, unicode(self.new_message))
-        rendered += "\n<h4>%s</h4>\n" % unicode(_("Search and select an item"))
+            dct['url_new'] = reverse('new-' + model_name, args=['0'])
+            dct['new_message'] = self.new_message
         extra_cols = []
         col_names, col_idx = [], []
         for k in form.get_input_ids():
@@ -245,27 +241,11 @@ class JQueryJqGrid(forms.RadioSelect):
         col_names = col_names and ",\n".join(col_names) or ""
         col_idx = col_idx and ",\n".join(col_idx) or ""
         extra_cols = extra_cols and ",\n".join(extra_cols) or ""
-        rendered += u"<table id='grid_%s' class='jqgrid'></table>\n"\
-                    u"<div id='pager_%s'></div>\n"% (name, name)
-        encoding = settings.ENCODING or 'utf-8'
-        rendered += u"<div id='foot_%s' class='gridfooter'>\n" % name
+        dct['encoding'] = settings.ENCODING or 'utf-8'
+        dct['source'] = unicode(self.source)
         if unicode(self.source_full) and unicode(self.source_full) != 'None':
-            rendered += u"%s (%s) <a href='%scsv' target='_blank'>%s</a> - "\
-                        u"<a href='%scsv' target='_blank'>%s</a>\n" % (
-                unicode(_("Export as CSV")), encoding, unicode(self.source),
-                unicode(_(u"simple")),  unicode(self.source_full),
-                unicode(_(u"full")),)
-        else:
-            rendered += u'<a href="%scsv" target="_blank">%s (%s)</a>\n' % (
-                  unicode(self.source), unicode(_("Export as CSV")), encoding)
-        rendered += "</div>\n"
-        if self.multiple:
-            rendered += u'<input type="button" id="add_button_%s" value="%s"/>'\
-                    u'<ul id="selectmulti_%s" class="selectmulti">\n</ul>\n' % (
-                                                  name, unicode(_("Add")), name)
-        rendered += '<input type="hidden" id="hidden_%s" name="%s"/>\n' % (name,
-                                                                           name)
-        dct = {'name':name,
+            dct['source_full'] = unicode(self.source_full)
+        dct.update({'name':name,
                'col_names':col_names,
                'extra_cols':extra_cols,
                'source':unicode(self.source),
@@ -274,102 +254,10 @@ class JQueryJqGrid(forms.RadioSelect):
                'loading':unicode(_("Loading...")),
                'remove':unicode(_(u"Remove")),
                'sname':name.replace('-', ''),
+               'multiple':self.multiple,
                'multi_cols': ",".join((u'"%d"' % col \
                                        for col in self.multiple_cols))
-              }
-        rendered += """<script type="text/javascript">
-        var query_vars = new Array(%(col_idx)s);
-        var selItems_%(sname)s = new Array();
-        jQuery(document).ready(function(){
-          jQuery("#search_%(name)s").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)s");
-            var url = "%(source)s?submited=1&" + data;
-            mygrid.setGridParam({url:url});
-            mygrid.trigger("reloadGrid");
-            if ($("#progress").length > 0){
-                $("#progress").hide();
-            }
-            return false;
-          });
-
-          jQuery("#grid_%(name)s").jqGrid({
-            url:'%(source)s',
-            datatype: "json",
-            mtype: 'GET',
-            colNames:['id', '', %(col_names)s],
-            colModel:[
-              {name:'id', index:'id', hidden:true},
-              {name:'link', index:'link', width:80},
-              %(extra_cols)s
-            ],
-            sortname: 'value',
-            viewrecords: true,
-            sortorder: "asc",
-            emptyrecords: "%(no_result)s",
-            loadtext: "%(loading)s",
-            pager: '#pager_%(name)s',
-            width:740,
-            rowNum:20,
-            jsonReader : {repeatitems: false},
-          });
-        """ % dct
-        if self.multiple:
-            rendered += """
-          jQuery("#add_button_%(name)s").click(function (){
-            var mygrid = jQuery("#grid_%(name)s");
-            var idx = mygrid.getGridParam('selrow');
-            var lbl_cols = new Array(%(multi_cols)s);
-            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)s){
-                if(selItems_%(sname)s[id] == idx){
-                    return false;
-                }
-            }
-            selItems_%(sname)s.push(idx);
-            jQuery("#selectmulti_%(name)s").append(
-                       "<li id='selected_%(name)s_"+idx+"'>\
-        <a href='#' class='remove' \
-          onclick=\\"multiRemoveItem(selItems_%(sname)s, '%(name)s', "+ idx +");\
-          return false;\\" title=\\"%(remove)s\\">X</a>" + label + "</li>");
-            return true;
-          });
-          jQuery("#submit_form").click(function (){
-            jQuery("#hidden_%(name)s").val(selItems_%(sname)s);
-            return true;
-          });
-        """ % dct
-        else:
-            rendered += """
-          jQuery("#submit_form").click(function (){
-            var mygrid = jQuery("#grid_%(name)s");
-            jQuery("#hidden_%(name)s").val(mygrid.getGridParam('selrow'));
-            return true;
-          });
-        """ % dct
-        rendered += "});\n</script>\n"
+              })
+        t = loader.get_template('blocks/JQueryJqGrid.html')
+        rendered += t.render(Context(dct))
         return mark_safe(rendered)
-
-- 
cgit v1.2.3