Changes in / [3397a08:0138d11] in firmaeventos
- Files:
-
- 1 added
- 4 edited
Legend:
- Unmodified
- Added
- Removed
-
base/templates/index.html
r3996539 r2f56f4e 1 1 {% extends 'base.template.html' %} 2 {% block content %} 3 <div class="center"> 4 <h3>Bienvenido al Sistema de Firma de Documentos</h3><hr/> 5 <p>Si deseas ingresar como admin haz click </p> 6 <a href="{% url 'users:login' %}" class="btn waves-effect btn red darken-1">Aquí</a> 7 <p>Para ver el historial de eventos, haz click</p> 8 <a class="btn waves-effect btn red darken-1">Aquí</a> 9 </div> 10 {% endblock %} -
static/css/style.css
r3996539 r2f56f4e 10 10 /* Input colors */ 11 11 .input-field .prefix.active{ 12 color: # ff5722;12 color: #4caf50; 13 13 } 14 14 … … 16 16 .input-field input[type=password]:focus + label 17 17 { 18 color: # ff5722;18 color: #4caf50; 19 19 } 20 20 .input-field input[type=text]:focus, 21 21 .input-field input[type=password]:focus 22 22 { 23 border-bottom: 1px solid # ff5722;24 box-shadow: 0 1px 0 0 # ff5722;23 border-bottom: 1px solid #4caf50; 24 box-shadow: 0 1px 0 0 #4caf50; 25 25 } 26 26 … … 48 48 49 49 a{ 50 color: # ff7043;50 color: #E53935; 51 51 } -
static/js/funciones.js
r3996539 r2f56f4e 1 function refresh_captcha(element) { 2 $form = $(element).parents('form'); 3 var url = location.protocol + "//" + window.location.hostname + ":" + location.port + "/captcha/refresh/"; 4 5 $.getJSON(url, {}, function(json) { 6 $form.find('input[name="captcha_0"]').val(json.key); 7 $form.find('img.captcha').attr('src', json.image_url); 8 }); 9 10 return false; 11 } -
users/templates/users_login.html
rbf47591 r2f56f4e 1 {% extends 'base. html' %}1 {% extends 'base.template.html' %} 2 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 }} 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' %} 50 43 </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 44 </div> 65 <button type="submit" class="login-button"><i class="fa fa-chevron-right"></i></button>66 45 </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> 70 49 </div> 71 50 </form> 72 51 </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.