sercom/widgets.py

   1 # Custom useful widget
   2 #
   3
   4 from turbogears import widgets
   5
   6 class CustomTextField(widgets.TextField):
   7     """Un input con un div al lado para ponerle info"""
   8     template = '''
   9         <span xmlns:py="http://purl.org/kid/ns#">
  10         <input
  11             type="text"
  12             name="${name}"
  13             class="${field_class}"
  14             id="${field_id}"
  15             value="${value}"
  16             py:attrs="attrs"
  17          />
  18          <span id="${field_id}_info" />
  19         </span>
  20 '''
  21
  22 AlumnoMultiSelectAjax = '''
  23
  24     function _on_alumno_get_result(lista, results)
  25     {
  26         load.style.visibility = 'hidden';
  27         if (results.error) {
  28             alert(results.msg);
  29             return;
  30         }
  31         MochiKit.DOM.appendChildNodes(lista, OPTION({'value':results.msg.id}, results.msg.value));
  32     }
  33
  34     function _on_alumno_get_error(results)
  35     {
  36         alert(results)
  37         load.style.visibility = 'hidden';
  38     }
  39
  40     function agregar_a_la_lista(texto, lista)
  41     {
  42         t = MochiKit.DOM.getElement(texto);
  43
  44         /* Como no se si se puede hacer de otra manera, asumo que tengo en
  45          * el form un Combo que se llama curso en el codigo, y tiro error si
  46          * no existe
  47          */
  48         curso = MochiKit.DOM.getElement('form_cursoID');
  49         if (!curso) {
  50             alert("No deberias ver esto, y quiere decir que tu form esta roto.\\nTe falta un combo de curso");
  51             return;
  52         }
  53         if (curso.options[curso.selectedIndex].value <= 0) {
  54             alert('Debes seleccionar un curso primero');
  55             return;
  56         }
  57         load = MochiKit.DOM.getElement('loading');
  58         load.style.visibility = 'visible';
  59         url = "/grupo/get_inscripto?cursoid="+curso.options[curso.selectedIndex].value+"&padron="+t.value;
  60         var d = loadJSONDoc(url);
  61         d.addCallbacks(partial(_on_alumno_get_result, lista), _on_alumno_get_error);
  62         t.value = "";
  63     }
  64
  65     function sacar_de_la_lista(lista)
  66     {
  67         l = MochiKit.DOM.getElement(lista);
  68         if (l.selectedIndex < 0) return;
  69
  70         /* caso especial, 1 solo item */
  71         if (l.options.length == 1) {
  72             l.options.length = 0
  73             return;
  74         }
  75
  76         for (i=l.selectedIndex; i<l.options.length-1;i++)
  77             l.options[i] = l.options[i+1];
  78     }
  79 '''
  80
  81 class AlumnoMultiSelect(widgets.MultipleSelectField):
  82     template = '''
  83     <table xmlns:py="http://purl.org/kid/ns#" style="border:none; width:0%;">
  84     <tr><td>
  85     <input type="text" id="${field_id}_nuevo" />
  86     <img src="/static/images/loading.gif" align="baseline" style="visibility:hidden;" id="loading" width="16px" height="16px" />
  87     <input type="button" id="_agregar" value="Agregar"
  88         onClick=" agregar_a_la_lista('${field_id}_nuevo', '${field_id}'); " />
  89     </td></tr>
  90     <tr><td>
  91     <select
  92         multiple="multiple"
  93         size="${size}"
  94         name="${name}"
  95         class="${field_class}"
  96         id="${field_id}"
  97         py:attrs="attrs"
  98         style="width:250px;"
  99     >
 100         <optgroup py:for="group, options in grouped_options"
 101             label="${group}"
 102             py:strip="not group"
 103         >
 104         <option py:for="value, desc, attrs in options"
 105             value="${value}"
 106             py:attrs="attrs"
 107             py:content="desc"
 108         />
 109         </optgroup>
 110     </select>
 111     </td></tr>
 112     <tr><td align="center">
 113     <input type="button" id="_sacar" value="Borrar"
 114         onClick="sacar_de_la_lista('${field_id}'); " />
 115     </td></tr>
 116     </table>
 117     '''
 118     javascript = [widgets.JSSource(AlumnoMultiSelectAjax)]
 119