X-Git-Url: https://git.llucax.com/software/sercom.git/blobdiff_plain/db587d0d4ce6518b3c4f8cf18989fc1f65b40c5e..2c7c4047a473e81e583cb65143d7d7bc95a3d4d0:/sercom/widgets.py?ds=sidebyside

diff --git a/sercom/widgets.py b/sercom/widgets.py
index 08adea7..ba75c51 100644
--- a/sercom/widgets.py
+++ b/sercom/widgets.py
@@ -17,4 +17,98 @@ class CustomTextField(widgets.TextField):
          />
          <span id="${field_id}_info" />
         </span>
+'''
+
+MultiSelectAjax = '''
+
+    function _on_alumno_get_result(lista, loading, results)
+    {
+        load = MochiKit.DOM.getElement(loading);
+        load.style.visibility = 'hidden';
+        if (results.error) {
+            alert(results.msg);
+            return;
+        }
+        MochiKit.DOM.appendChildNodes(lista, OPTION({'value':results.msg.id}, results.msg.value));
+        l = MochiKit.DOM.getElement(lista);
+    }
+
+    function _on_alumno_get_error(loading, results)
+    {
+        alert(results)
+        load = MochiKit.DOM.getElement(loading);
+        load.style.visibility = 'hidden';
+    }
+
+    function sacar_de_la_lista(lista)
+    {
+        l = MochiKit.DOM.getElement(lista);
+        if (l.selectedIndex < 0) return;
+        
+        /* caso especial, 1 solo item */
+        if (l.options.length == 1) {
+            l.options.length = 0
+            return;
+        }
+
+        for (i=l.selectedIndex; i<l.options.length-1;i++)
+            l.options[i] = l.options[i+1];
+    }
+
+    function _do_add(callback, texto, lista, loading)
+    {
+        url = callback(texto, lista);
+        t = MochiKit.DOM.getElement(texto);
+
+        load = MochiKit.DOM.getElement(loading);
+        load.style.visibility = 'visible';
+        var d = loadJSONDoc(url);
+        d.addCallbacks(partial(_on_alumno_get_result, lista, loading), partial(_on_alumno_get_error, loading));
+    }
+
+'''
+
+class AjaxMultiSelect(widgets.MultipleSelectField):
+    template = '''
+    <div style="width:250px" xmlns:py="http://purl.org/kid/ns#">  
+    <div>
+    <input type="text" id="${field_id}_nuevo" size="10" />
+    <img src="/static/images/loading.gif" align="baseline" style="visibility:hidden;" id="${name}_loading" width="16px" height="16px" />
+    <input type="button" id="_agregar" value="Agregar"
+        onClick=" _do_add(${on_add}, '${field_id}_nuevo', '${field_id}', '${name}_loading'); " />
+    </div>
+    <div>
+    <select  
+        multiple="multiple"  
+        size="${size}"  
+        name="${name}"  
+        class="${field_class}"  
+        id="${field_id}"  
+        py:attrs="attrs"  
+        style="width:250px;"
+    >
+        <optgroup py:for="group, options in grouped_options"  
+            label="${group}"  
+            py:strip="not group"  
+        >  
+        <option py:for="value, desc, attrs in options"  
+            value="${value}"  
+            py:attrs="attrs"  
+            py:content="desc"  
+        />  
+        </optgroup>  
+    </select>
+    </div>
+    <div align="center">
+    <input type="button" id="_sacar" value="Borrar" style="width:100%;"
+        onClick="sacar_de_la_lista('${field_id}'); " />
+    </div>
+    </div>
     '''
+    javascript = [widgets.JSSource(MultiSelectAjax)]
+    on_add = "alert('Not defined action');"
+
+    def __init__(self, **kw):
+        self.params.append('on_add')
+        self.on_add = "alert('Not defined action');"
+        widgets.MultipleSelectField.__init__(self, **kw)