chiche visual para el widget

[z.facultad/75.52/sercom.git] / sercom / widgets.py

diff --git a/sercom/widgets.py b/sercom/widgets.py
index 6379964ec1817575daf6c9c5808a3424f016f8de..f333523041e193a64d0323108999159c87b87c60 100644 (file)
--- a/sercom/widgets.py
+++ b/sercom/widgets.py
@@ -19,7 +19,7 @@ class CustomTextField(widgets.TextField):
         </span>
 '''
 
-AlumnoMultiSelectAjax = '''
+MultiSelectAjax = '''
 
     function _on_alumno_get_result(lista, loading, results)
     {
@@ -30,6 +30,7 @@ AlumnoMultiSelectAjax = '''
             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)
@@ -39,31 +40,6 @@ AlumnoMultiSelectAjax = '''
         load.style.visibility = 'hidden';
     }
 
-    function agregar_a_la_lista(texto, lista, loading)
-    {
-        t = MochiKit.DOM.getElement(texto);
-
-        /* Como no se si se puede hacer de otra manera, asumo que tengo en
-         * el form un Combo que se llama curso en el codigo, y tiro error si
-         * no existe
-         */
-        curso = MochiKit.DOM.getElement('form_cursoID');
-        if (!curso) {
-            alert("No deberias ver esto, y quiere decir que tu form esta roto.\\nTe falta un combo de curso");
-            return;
-        }
-        if (curso.options[curso.selectedIndex].value <= 0) {
-            alert('Debes seleccionar un curso primero');
-            return;
-        }
-        load = MochiKit.DOM.getElement(loading);
-        load.style.visibility = 'visible';
-        url = "/grupo/get_inscripto?cursoid="+curso.options[curso.selectedIndex].value+"&padron="+t.value;
-        var d = loadJSONDoc(url);
-        d.addCallbacks(partial(_on_alumno_get_result, lista, loading), partial(_on_alumno_get_error, loading));
-        t.value = "";
-    }
-
     function sacar_de_la_lista(lista)
     {
         l = MochiKit.DOM.getElement(lista);
@@ -78,18 +54,32 @@ AlumnoMultiSelectAjax = '''
         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 AlumnoMultiSelect(widgets.MultipleSelectField):
+class AjaxMultiSelect(widgets.MultipleSelectField):
     template = '''
-    <table xmlns:py="http://purl.org/kid/ns#" style="border:none; width:0%;">  
-    <tr><td>
-    <input type="text" id="${field_id}_nuevo" />
+    <div style="width:250px" xmlns:py="http://purl.org/kid/ns#">  
+    <div>
+    <input type="text" id="${field_id}_nuevo" size="10" value="padron"
+        style="color:#aaa;"
+        onfocus="this.style.color='#000'; if (this.value =='padron') { this.value=''; }"
+        onblur="if (this.value == '') { this.style.color='#aaa'; this.value='padron'; }" />
     <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=" agregar_a_la_lista('${field_id}_nuevo', '${field_id}', '${name}_loading'); " />
-    </td></tr>
-    <tr><td>
+        onClick=" _do_add(${on_add}, '${field_id}_nuevo', '${field_id}', '${name}_loading'); " />
+    </div>
+    <div>
     <select  
         multiple="multiple"  
         size="${size}"  
@@ -110,12 +100,17 @@ class AlumnoMultiSelect(widgets.MultipleSelectField):
         />  
         </optgroup>  
     </select>
-    </td></tr>
-    <tr><td align="center">
-    <input type="button" id="_sacar" value="Borrar"
+    </div>
+    <div align="center">
+    <input type="button" id="_sacar" value="Borrar" style="width:100%;"
         onClick="sacar_de_la_lista('${field_id}'); " />
-    </td></tr>
-    </table>
+    </div>
+    </div>
     '''
-    javascript = [widgets.JSSource(AlumnoMultiSelectAjax)]
+    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)