OpenDroneMap-WebODM/app/templates/app/registration/login.html

{% extends 'registration/registration_base.html' %}
{% load i18n %}
{% load settings %}

{% block registration_header %}
<style>
    .btn-custom {
        background-color: #009f32;
        color: #fff;
    }
    .btn-custom:hover {
        color: #000;
    }
    .btn.new-account {
        background-color: #5fb367;
    }
    label {
        color: #838383;
        font-size: 16px;
    }
    p a {
        color: #58595b;
        font-size: 16px;
    }

    .login-help {
        padding-top: 10px;
    }
</style>
{% endblock %}

{% block registration_content %}

    {% if form.errors %}
        <div class="alert alert-warning">
            <p><strong>Credenciais inválidas.</strong> Observe que ambos os campos diferenciam maiúsculas de minúsculas.</p>
        </div>
    {% endif %}

    {% is_single_user_mode as autologin %}
    {% has_external_auth as ext_auth %}
    {% reset_password_link as reset_pwd_link %}

    {% if autologin %}
        <script>location.href='/';</script>
    {% else %}
    <div>
        <form id="loginForm" {% if ext_auth %} style="display: none" {% endif %} action="{% url 'login' %}" method="post" class="" role="form">{% csrf_token %}
            {% for field in form %}
                {% include 'registration/form_field.html' %}
            {% endfor %}
            <div class="form-group">
                <div>
                  <button type="submit" class="btn rounded-corners btn-block center-block btn-custom">Entrar</button>
                </div>
                <div>
                    {% if reset_pwd_link != '' %}
                        <p class="text-center login-help redirect-link"><a href="{{ reset_pwd_link }}">Esqueceu a senha?</a></p>
                    {% else %}
                        <p class="text-center login-help redirect-link"><a class="redirect-link" href="javascript:toggleForgotPasswordHint();">Esqueceu a senha?</a></p>
                        <script>function toggleForgotPasswordHint(){ $("#forgotPasswordHint").toggle(); }</script>
                        <div id="forgotPasswordHint" style="display: none; font-size: 90%; padding: 4px;" class="theme-secondary">
                            You can reset the administrator password by running the following command:
                            <span class="theme-background-highlight" style="padding: 4px; margin: 8px 0; display: inline-block;">./webodm.sh resetadminpassword yournewpass</span><br/>
                            If you used WebODM Manager to launch WebODM, find the "Reset Password" button within the maintenance panel or within one of WebODM Manager menus.
                        </div>
                    {% endif %}
                </div>
            </div>
        </form>
        <div>
            <a type="submit" href="{% url 'new_account_registration' %}" class="btn rounded-corners btn-block center-block new-account btn-custom" >Criar nova conta</a>
        </div>
        <div>
            <p class="text-center login-help redirect-link"><a>Suporte</a></p>
        </div>
    </div>

    {% if ext_auth %}
    <div class="text-center" id="authLoading">
        <i class="fa fa-spin fa-circle-notch fa-spin fa-fw fa-2x"></i>
    </div>
    <script>
    function getAutoLoginCookie() {
        var value = "; " + document.cookie;
        var parts = value.split("; autologin=");
        if (parts.length === 2) return parts.pop().split(';').shift();
    }
    function delAutoLoginCookie() {
        var domain = getAutoLoginCookie();
        document.cookie = 'autologin=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT; Domain=' + domain + ';';
    }
    function showLoginForm(){
        $("#authLoading").hide();
        $("#loginForm").show();
    }
    $(function(){
        if (getAutoLoginCookie() !== undefined){
            $.ajax({
                url: "/api/external-token-auth/",
                type: "POST",
                xhrFields: {
                    withCredentials: true
                },
            }).done(function(res){
                delAutoLoginCookie();
                if (res.redirect){
                    location.href = res.redirect;
                }else{
                    if (res.error) console.error(res.error);
                    showLoginForm();
                }
            }).fail(function(){
                delAutoLoginCookie();
                showLoginForm();
                console.error("Auto login failed");
            });
        }else{
            showLoginForm();
        }
    });
    </script>
    {% endif %}

    {% endif %}
{% endblock %}