Conjunto 9674858 en consulta_publica

Fecha y hora:

23/05/2017 15:17:12 (hace 7 años)

Autor:

rudmanmrrod <rudman22@…>

Branches:

master, constituyente, estudiantes, general, plan_patria, sala

Children:

8e6197e, 5a86f8c

Parents:

2d9334e

Mensaje:

Agregado recarga de captcha por ajax

Ficheros:

• static/js/funciones.js (modificado) (1 diferencia)
• users/templates/user.login.html (modificado) (1 diferencia)
• users/templates/user.register.html (modificado) (1 diferencia)

static/js/funciones.js

@@ -808 +808 @@
 
 /**
- * Función que recarga la imágen del captcha, ***falta depurar***
+ * @brief Función para recargar el captcha vía json
+ * @param element Recibe el botón
  */
-$(document).ready(function() {
-  $('.js-captcha-refresh').click(function(){
-    //alert("xxxxx");
-    /*$form = $(this).parents('form');
-    $.getJSON($(this).data('url'), {}, function(json) {
-      // This should update your captcha image src and captcha hidden input
-    });
-    return false;*/
-    location.reload();
-  });
-});
+function refresh_captcha(element) {
+    $form = $(element).parents('form');
+    var url = location.protocol + "//" + window.location.hostname + ":" + location.port + "/captcha/refresh/";
+
+    $.getJSON(url, {}, function(json) {
+        $form.find('input[name="captcha_0"]').val(json.key);
+        $form.find('img.captcha').attr('src', json.image_url);
+    });
+
+    return false;
+}

users/templates/user.login.html

@@ -38 +38 @@
             <div class="col-xs-12">
               <label class="text-primary">{{form.captcha.label}}</label>
-              <div class="form-group has-feedback {% if form.usuario.errors %}has-error{% endif %}">
+              <div class="form-group has-feedback {% if form.captcha.errors %}has-error{% endif %}">
                 {{form.captcha}}
-                <button class="js-captcha-refresh">
+                {% include 'base.forms.errors.html' with form_errors=form.captcha.errors col_title_error='col-sm-2' col_msg_error='col-sm-10' %}
+                <a onclick="refresh_captcha(this);" style="cursor: pointer">
                   <span class="glyphicon glyphicon-refresh" data-toggle="tooltip" title="Presione para recargar la imagen del captcha"></span>
-                </button>
+                </a>
               </div>
             </div>

users/templates/user.register.html

@@ -140 +140 @@
       <br />
 
-      <div class="col-md-6">
-        <div class="col-sm-10">
+      <div class="row">
+        <div class="form-group {% if form.captcha.errors %}has-error{% endif %}">
           <label class="col-md-3 col-xs-3 col-sm-3 control-label">
-            <label>{{form.captcha.label}}</label>
+            {{form.captcha.label}}
           </label>
-          {{form.captcha}}
-          <button class="js-captcha-refresh">
-            <span class="glyphicon glyphicon-refresh" data-toggle="tooltip" title="Presione para recargar la imagen del captcha"></span>
-          </button>
+          <div class="col-md-6 col-xs-6 col-sm-6">
+            {{form.captcha}}
+            {% include 'base.forms.errors.html' with form_errors=form.captcha.errors col_title_error='col-sm-2' col_msg_error='col-sm-10' %}
+            <a onclick="refresh_captcha(this);" style="cursor: pointer">
+              <span class="glyphicon glyphicon-refresh" data-toggle="tooltip" title="Presione para recargar la imagen del captcha"></span>
+            </a>
+          </div>
         </div>
       </div>