[bf47591] | 1 | {% extends 'base.html' %} |
---|
| 2 | {% load staticfiles %} |
---|
| 3 | {% block title %}'=Django-Login='{% endblock title %} |
---|
| 4 | {% block extras_constantes %} |
---|
| 5 | {% endblock extras_constantes %} |
---|
| 6 | {% block extras_css %} |
---|
| 7 | <link rel="stylesheet" href="{% static 'css/custom_login.css' %}"> |
---|
| 8 | <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}"> |
---|
| 9 | <link href="{% static 'css/font_varelaround.css' %}" rel='stylesheet' type='text/css'> |
---|
| 10 | {% endblock extras_css %} |
---|
| 11 | {% block extras_js %} |
---|
| 12 | <script src="{% static 'js/jquery.validate.min.js' %}"></script> |
---|
| 13 | <script type="text/javascript"> |
---|
| 14 | /** |
---|
| 15 | * @brief Función para recargar el captcha vía json |
---|
| 16 | * @param element Recibe el botón |
---|
| 17 | */ |
---|
| 18 | function refresh_captcha(element) { |
---|
| 19 | $form = $(element).parents('form'); |
---|
| 20 | var url = location.protocol + "//" + window.location.hostname + ":" + location.port + "/captcha/refresh/"; |
---|
| 21 | |
---|
| 22 | $.getJSON(url, {}, function(json) { |
---|
| 23 | $form.find('input[name="captcha_0"]').val(json.key); |
---|
| 24 | $form.find('img.captcha').attr('src', json.image_url); |
---|
| 25 | }); |
---|
| 26 | |
---|
| 27 | return false; |
---|
| 28 | } |
---|
| 29 | $(document).ready(function() { |
---|
| 30 | |
---|
| 31 | $('#id_captcha_1').attr('class','form-control'); |
---|
| 32 | $('#id_captcha_1').attr('placeholder','Ingresa los 4 caracteres'); |
---|
| 33 | }); |
---|
| 34 | </script> |
---|
| 35 | {% endblock extras_js %} |
---|
| 36 | {% block contenido %} |
---|
| 37 | <!-- Where all the magic happens --> |
---|
| 38 | <!-- LOGIN FORM --> |
---|
| 39 | <div class="text-center" style="padding:50px 0"> |
---|
| 40 | <div class="logo">Login Base Django</div> |
---|
| 41 | <!-- Main Form --> |
---|
| 42 | <div class="login-form-1"> |
---|
| 43 | <form id="login-form" class="text-left" method="post"> |
---|
| 44 | {% csrf_token %} |
---|
| 45 | <div class="login-form-main-message"></div> |
---|
| 46 | <div class="main-login-form"> |
---|
| 47 | <div class="login-group"> |
---|
| 48 | <div class="form-group"> |
---|
| 49 | {{ form.usuario }} |
---|
| 50 | </div> |
---|
| 51 | <div class="form-group"> |
---|
| 52 | {{ form.contrasena }} |
---|
| 53 | </div> |
---|
| 54 | <div class="form-group login-group-checkbox"> |
---|
| 55 | {{form.remember_me}} |
---|
| 56 | <label for="id_remember_me">Recordarme</label> |
---|
| 57 | </div> |
---|
| 58 | <div class="form-group has-feedback {% if form.captcha.errors %}has-error{% endif %}"> |
---|
| 59 | <a onclick="refresh_captcha(this);" style="cursor: pointer"> |
---|
| 60 | <span class="glyphicon glyphicon-refresh" data-toggle="tooltip" title="Presione para recargar la imagen del captcha"></span> |
---|
| 61 | </a> |
---|
| 62 | {{form.captcha}} |
---|
| 63 | </div> |
---|
| 64 | </div> |
---|
| 65 | <button type="submit" class="login-button"><i class="fa fa-chevron-right"></i></button> |
---|
| 66 | </div> |
---|
| 67 | <div class="etc-login-form"> |
---|
| 68 | <p>forgot your password? <a href="{% url 'users:forgot' %}">click here</a></p> |
---|
| 69 | <p>new user? <a href="#">create new account</a></p> |
---|
| 70 | </div> |
---|
| 71 | </form> |
---|
| 72 | </div> |
---|
| 73 | <!-- end:Main Form --> |
---|
| 74 | </div> |
---|
| 75 | {% endblock contenido %} |
---|
| 76 | {% block custom_js%} |
---|
| 77 | <script src="{% static 'js/custom_login.js' %}"></script> |
---|
| 78 | {% endblock custom_js%} |
---|