{% extends "account/base_slide.html" %} {% load i18n %} {% block head_title %}{% trans "Sign In" %}{% load static from staticfiles %}{% endblock %}
{% load i18n widget_tweaks %}
{% block content %}
<h1 class='text-center title'>Iniciar Sesion</h1>
<div class="form-login">
{% if request.GET.empresa %}
<form class="validate-form" method="POST" action="{% url 'account_login' %}?empresa={{ request.GET.empresa }} ">
{% else %}
<form class="validate-form" method="POST" action="{% url 'account_login' %}">
{% endif %}
{% csrf_token %} {{ form.non_field_errors }}
<div class='form-group'>
{% if request.GET.empresa %}
<div class="input-group">
{{ form.login.errors }}
<div class='controls with-icon-over-input'>
{% render_field form.login class="form-control" placeholder="Usuario" onfocusout="removeSlug()" %}
<i class='fa fa-user text-muted'></i>
</div>
<span class="input-group-addon">@{{ request.GET.empresa }}</span>
</div>
{% else %}
{{ form.login.errors }}
<div class='controls with-icon-over-input'>
{% render_field form.login class="form-control" placeholder="Usuario o Email" %}
<i class='fa fa-user text-muted'></i>
</div>
{% endif %}
</div>
<div class='form-group'>
{{ form.password.errors }}
<div class='controls with-icon-over-input'>
{{ form.password }}
<i class='fa fa-lock text-muted'></i>
</div>
</div>
<div class="form-group" style="text-align: left;">
<input type="checkbox" id="check-mostrar-contraseña"> <label for="check-mostrar-contraseña" style="font-weight: normal">Mostrar contraseña</label>
</div>
<div class='form-group'>
{{ form.token_device }}
{{ form.token_device.errors }}
{{ form.name_device }}
{{ form.name_device.errors }}
{{ form.type_device }}
{{ form.type_device.errors }}
</div>
{% if redirect_field_value %}
<input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" /> {% endif %}
<button class="btn btn-block" type="submit">{% trans "Sign In" %}</button>
<div class='checkbox'>
<label for='id_remember'>
<input id='id_remember' name='remember' type='checkbox' value='1' checked> Recordarme
</label>
<a class="button secondaryAction" href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a>
</div>
{% if not request.GET.empresa %}
<div class="text-center" id="cambio-empresa">
<a class="button secondaryAction" href="{% url 'delete_domain_cookie' %}">Cambiar de Empresa</a>
</div>
{% endif %}
{% if request.GET.empresa %}
<input type="hidden" value="@{{ request.GET.empresa }}" name="empresa" id="empresa">
{% endif %}
</form>
<!--div class='text-center'>
<a href='{{ signup_url }}'>
<i class='fa fa-user'></i> Nuevo en WispHub?
<strong>Crear cuenta</strong>
</a>
</div-->
</div>
{% comment %}
<script type="text/javascript">
/*
https://www.w3schools.com/tags/ref_urlencode.asp
%20 = space
%22 = "
%26 = &
%3D = =(igual)
*/
</script>
{% endcomment %}
<style type="text/css">
.content_param{
position: absolute;
z-index: 10;
}
.info_param{
display: inline-block;
font-color: white;
color: white;
background: black;
}
</style>
<script src="{% static 'assets/javascripts/jquery/jquery.min.js' %}" type="text/javascript"></script>
<script type="text/javascript">
function getUrlParameter(name) {
name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
var results = regex.exec(unescape(location.search));
return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
}
var getUrlParameter2 = function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
}
}
};
var token_device_parameter = getUrlParameter('token_device');
var name_device_parameter = getUrlParameter('name_device');
var debug_parameter = getUrlParameter('debug_token');
var type_device_parameter = getUrlParameter('type_device');
var username = getUrlParameter('username');
if (username){
document.getElementById("id_login").value = username;
}
if (token_device_parameter){
var token_device = document.getElementById("id_token_device");
token_device.value = token_device_parameter;
var name_device = document.getElementById("id_name_device");
name_device.value = name_device_parameter;
var type_device = document.getElementById("id_type_device");
type_device.value = type_device_parameter;
console.log(token_device_parameter)
//console.log(unescape(location.search))
}
if (debug_parameter == "true"){
var div_p = document.createElement("DIV");
div_p.className = "content_param"
var url_p = document.createElement("P");
url_p.className = "info_param"
var t = document.createTextNode("La URL es-> "+location.search); // Create a text node
url_p.appendChild(t);
var token_p = document.createElement("P");
token_p.className = "info_param";
token_t = document.createTextNode("El token es -> "+token_device_parameter);
token_p.appendChild(token_t);
div_p.appendChild(url_p);
div_p.appendChild(token_p);
document.body.insertBefore(div_p, document.body.firstChild);
}
var usuario = document.getElementById('id_login').value;
var request_empresa = "{{ request.GET.empresa }}";
if (usuario != '' && request_empresa != ''){
var username = usuario.toString().split('@')[0];
var empresa = usuario.toString().split('@')[1];
document.getElementById('id_login').value = username;
document.getElementById('empresa').value = '@' + empresa;
}
// remover slug del input: usuario@empresa -> usuario
function removeSlug() {
var slug = document.getElementById('id_login').value.toString();
var usuario = slug.split('@')[0];
document.getElementById('id_login').value = usuario;
}
jQuery(document).ready(function (){
$("#check-mostrar-contraseña").change(function (){
if($(this).prop("checked")){
$("#id_password").prop("type", "text");
}else{
$("#id_password").prop("type", "password");
}
});
});
</script>
{% endblock %}