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