Changeset 2f56f4e in firmaeventos for users/templates/users_login.html


Ignore:
Timestamp:
Nov 20, 2017, 10:05:37 AM (7 years ago)
Author:
rudmanmrrod <rudman22@…>
Branches:
master
Children:
7cad786, 9add819
Parents:
3996539
Message:

Agregados estilos de formularios, agregado form de errores, acomodado login

File:
1 edited

Legend:

Unmodified
Added
Removed

  • users/templates/users_login.html

    rbf47591 r2f56f4e  
    1 {% extends 'base.html' %}
     1{% extends 'base.template.html' %}
    22{% 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 }}
     3{% block title %}Ingresa{% endblock title %}
     4{% block content %}
     5    <div class="content center">
     6        <form id="form" action="{% url 'users:login' %}" method="post">
     7            {% csrf_token %}
     8            <div class="input-field {% if form.usuario.errors %}invalid{% endif %}">
     9                <i class="tiny material-icons prefix">account_circle</i>
     10                {{ form.usuario }}
     11                <label for="icon_prefix {{ form.usuario.auto_id }}">Usuario</label>
     12                {% include 'base.forms.errors.html' with form_errors=form.usuario.errors col_title_error='col s2' col_msg_error='col s10' %}
     13            </div>
     14           
     15            <div class="input-field {% if form.usuario.errors %}invalid{% endif %}">
     16                <i class="tiny material-icons prefix">lock</i>
     17                {{ form.contrasena }}
     18                <label for="icon_prefix {{ form.contrasena.auto_id }}">Contraseña</label>
     19                {% include 'base.forms.errors.html' with form_errors=form.usuario.errors col_title_error='col s2' col_msg_error='col s10' %}
     20            </div>
     21           
     22            <div class="row">
     23                <a href="{% url 'users:forgot' %}" style="cursor: pointer">¿Olvido su contraseña?</a>
     24            </div>
     25           
     26            <div class="row">
     27                <p class="center">
     28                    {{form.remember_me}}
     29                    <label for="id_remember_me">{{form.remember_me.label}}</label>
     30                </p>
     31            </div>
     32            <div class="row">
     33                <div class="col s4 offset-s5">
     34                    <div class="input-field {% if form.captcha.errors %}invalid{% endif %}">
     35                        <label>{{form.captcha.label}}</label>
     36                        <div class="col s7">
     37                            {{form.captcha}}
     38                        </div>
     39                        <a class="col s2" onclick="refresh_captcha(this);" style="cursor: pointer">
     40                            <i class="small material-icons">cached</i>
     41                        </a>
     42                        {% include 'base.forms.errors.html' with form_errors=form.captcha.errors col_title_error='col s2' col_msg_error='col s10' %}
    5043                    </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>
    6444                </div>
    65                 <button type="submit" class="login-button"><i class="fa fa-chevron-right"></i></button>
    6645            </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>
     46            <div>
     47                <button type="submit" class="btn waves-effect red darken-1">Entrar</button>
     48            </div>
    7049            </div>
    7150        </form>
    7251    </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%}
     52{% endblock %}
Note: See TracChangeset for help on using the changeset viewer.