Mejorar listado de alumnos.

[software/sercom.git] / sercom / widgets.py

diff --git a/sercom/widgets.py b/sercom/widgets.py
index ba75c51bdefb01ff995eb8b59136fa58897ae32c..3f2da586ffcaf2c07dd5a20a3a17daaa8e129ed8 100644 (file)
--- a/sercom/widgets.py
+++ b/sercom/widgets.py
@@ -7,13 +7,13 @@ class CustomTextField(widgets.TextField):
     """Un input con un div al lado para ponerle info"""
     template = '''
         <span xmlns:py="http://purl.org/kid/ns#">
     """Un input con un div al lado para ponerle info"""
     template = '''
         <span xmlns:py="http://purl.org/kid/ns#">

-        <input  
-            type="text"  
-            name="${name}"  
-            class="${field_class}"  
-            id="${field_id}"  
-            value="${value}"  
-            py:attrs="attrs"  
+        <input
+            type="text"
+            name="${name}"
+            class="${field_class}"
+            id="${field_id}"
+            value="${value}"
+            py:attrs="attrs"

          />
          <span id="${field_id}_info" />
         </span>
          />
          <span id="${field_id}_info" />
         </span>


@@ -29,8 +29,17 @@ MultiSelectAjax = '''
             alert(results.msg);
             return;
         }
             alert(results.msg);
             return;
         }

-        MochiKit.DOM.appendChildNodes(lista, OPTION({'value':results.msg.id}, results.msg.value));
+        /* Verifico si esta y no lo agrego si esta repetido */

         l = MochiKit.DOM.getElement(lista);
         l = MochiKit.DOM.getElement(lista);

+        esta = false;
+        for(i=0; i<l.options.length; i++) {
+            if (results.msg.id == l.options[i].value) {
+                esta = true;
+                break;
+            }
+        }
+        if (!esta)
+            MochiKit.DOM.appendChildNodes(lista, OPTION({'value':results.msg.id}, results.msg.value));

     }
 
     function _on_alumno_get_error(loading, results)
     }
 
     function _on_alumno_get_error(loading, results)


@@ -42,17 +51,9 @@ MultiSelectAjax = '''
 
     function sacar_de_la_lista(lista)
     {
 
     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];
+        replaceChildNodes(lista,
+            list(ifilterfalse(itemgetter('selected'), $(lista).options))
+        );

     }
 
     function _do_add(callback, texto, lista, loading)
     }
 
     function _do_add(callback, texto, lista, loading)


@@ -64,39 +65,43 @@ MultiSelectAjax = '''
         load.style.visibility = 'visible';
         var d = loadJSONDoc(url);
         d.addCallbacks(partial(_on_alumno_get_result, lista, loading), partial(_on_alumno_get_error, loading));
         load.style.visibility = 'visible';
         var d = loadJSONDoc(url);
         d.addCallbacks(partial(_on_alumno_get_result, lista, loading), partial(_on_alumno_get_error, loading));

+        t.value = 'padron';
+        t.style.color = "#aaa";

     }
     }

-

 '''
 
 class AjaxMultiSelect(widgets.MultipleSelectField):
     template = '''
 '''
 
 class AjaxMultiSelect(widgets.MultipleSelectField):
     template = '''

-    <div style="width:250px" xmlns:py="http://purl.org/kid/ns#">  
+    <div style="width:250px" xmlns:py="http://purl.org/kid/ns#">

     <div>
     <div>

-    <input type="text" id="${field_id}_nuevo" size="10" />
+    <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=" _do_add(${on_add}, '${field_id}_nuevo', '${field_id}', '${name}_loading'); " />
     </div>
     <div>
     <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"  
+    <select
+        multiple="multiple"
+        size="${size}"
+        name="${name}"
+        class="${field_class}"
+        id="${field_id}"
+        py:attrs="attrs"

         style="width:250px;"
     >
         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>  
+        <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">
     </select>
     </div>
     <div align="center">


@@ -112,3 +117,79 @@ class AjaxMultiSelect(widgets.MultipleSelectField):
         self.params.append('on_add')
         self.on_add = "alert('Not defined action');"
         widgets.MultipleSelectField.__init__(self, **kw)
         self.params.append('on_add')
         self.on_add = "alert('Not defined action');"
         widgets.MultipleSelectField.__init__(self, **kw)

+
+DosListasAjax = '''
+    function makeOption(option) {
+        return OPTION({"value": option.value}, option.text);
+    }
+
+    function moveOption( fromSelect, toSelect) {
+        // add 'selected' nodes toSelect
+        appendChildNodes(toSelect,
+            map( makeOption,ifilter(itemgetter('selected'), $(fromSelect).options)));
+        // remove the 'selected' fromSelect
+        replaceChildNodes(fromSelect,
+            list(ifilterfalse(itemgetter('selected'), $(fromSelect).options))
+        );
+    }
+'''
+
+class AjaxDosListasSelect(widgets.MultipleSelectField):
+    template = '''
+    <div xmlns:py="http://purl.org/kid/ns#">
+    <table style="border:0; margin:0px; border-spacing:0px 0px">
+    <tr class="nada">
+        <td style="padding:0 0 0 0;" align="center">${title_from}</td>
+        <td>&nbsp;</td>
+        <td style="padding:0 0 0 0;" align="center">${title_to}</td>
+    </tr>
+    <tr class="nada">
+    <td style="padding:0 0 0 0;">
+    <select
+        multiple="multiple"
+        size="${size}"
+        class="${field_class}"
+        name="${name}_from"
+        id="${field_id}_from"
+        py:attrs="attrs"
+        style="width:200px;">
+        <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>
+    </td>
+    <td style="padding:0 10px 0 10px;" valign="center" align="center">
+        <input type="button" value="&gt;&gt;&gt;" style="font-size:90%;" onClick="moveOption('${field_id}_from', '${field_id}_to'); ${move_signal}; " />
+        <br />
+        <br />
+        <input type="button" value="&lt;&lt;&lt;" style="font-size:90%;" onClick="moveOption('${field_id}_to', '${field_id}_from'); ${move_signal}; " />
+    </td>
+    <td style="padding:0 0 0 0;">
+    <select
+        multiple="multiple"
+        size="${size}"
+        name="${name}_to"
+        class="${field_class}"
+        id="${field_id}_to"
+        py:attrs="attrs"
+        style="width:200px;">
+    </select>
+    </td>
+    </tr>
+    </table>
+    </div>
+    '''
+    javascript = [widgets.JSSource(DosListasAjax)]
+    title_from = ""
+    title_to = ""
+    move_signal = ""
+
+    def __init__(self, **kw):
+        self.params.append('title_from')
+        self.params.append('title_to')
+        self.params.append('move_signal')
+        self.title_from = "&nbsp;"
+        self.title_to = "&nbsp;"
+        self.move_signal = ""
+        widgets.MultipleSelectField.__init__(self, **kw)
+