ekkli-maps / templates / registration / login.html

{% extends "admin/base_site.html" %}
{% load i18n %}

{% block extrastyle %}{% load adminmedia %}{{ block.super }}<link rel="stylesheet" type="text/css" href="/static/css/login.css" />{% endblock %}

{% block bodyclass %}login{% endblock %}

{% block nav-global %}{% endblock %}

{% block content_title %}{% endblock %}

{% block breadcrumbs %}{% endblock %}

{% block content %}

    {% if form.errors and not form.non_field_errors and not form.this_is_the_login_form.errors %}
        <p class="errornote">
            {% blocktrans count form.errors.items|length as counter %}Please correct the error below.{% plural %}Please correct the errors below.{% endblocktrans %}
        </p>
    {% endif %}

    {% if form.non_field_errors or form.this_is_the_login_form.errors %}
        {% for error in form.non_field_errors|add:form.this_is_the_login_form.errors %}
            <p class="errornote">
                {{ error }}
            </p>
        {% endfor %}
    {% endif %}

    <div id="context_map" style="z-index:-1;">
        <br/>
        <br/>
        <br/>
        <br/>
        <img src="/static/img/front-page-map.png"/>
    </div>

    <div id="goal" style="position:absolute;top:45px;left:465px;">
        <span style="color: green">Agile &amp; effortless</span><br/>
        Technical Design<br/>
        preparation &amp; review
    </div>

    <div id="you_are_here_image" style="position:absolute;top:215px;left:83px;z-index:5;">
        <img src="/static/img/redarrow.png" style="width: 70px; ">
    </div>
    
    
    <div id="screenshot" style="position:absolute;top:140px;left:485px;">
        <a href="/static/img/ekkli-screenshot.png"><img src="/static/img/ekkli-screenshot.png" style="width: 70px; "></a>
    </div>
    
    <div id="current_situation" style="position:absolute;top:335px;left:65px;">
        <span style="color: red">Time-consuming &amp; tedious</span><br/>
        Technical Design<br/>
        preparation &amp; review
    </div>

    <div id="request_invite_link_block" style="position:absolute;top:155px;left:155px;">
        <a href="#" id="request_invite_link">{% trans 'Request an' %}<br/>{% trans 'Invite' %}</a>
    </div>

    <div id="login_link_block" style="position:absolute;top:65px;left:310px;">
        <a href="#" id="login_link">{% trans 'Login' %}</a>
    </div>

    <div id="login_block" style="position: absolute; top: 190px; left: 190px ">
        <form action="{{ app_path }}" method="post" id="login-form">{% csrf_token %}
            {% if form.errors %}<p style="background-color:red;color: white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Please enter correct username and password!</p>{% endif %}
            <div class="form-row">
                <label for="id_username" class="required">{% trans 'Email:' %}</label> {{ form.username }}
            </div>
            <div class="form-row">
                {{ form.password.errors }}
                <label for="id_password" class="required">{% trans 'Password:' %}</label> {{ form.password }}
                <input type="hidden" name="this_is_the_login_form" value="1" />
                <input type="hidden" name="next" value="{{ next }}" />
            </div>
            <div class="submit-row">
                <label>&nbsp;</label><input type="submit" value="{% trans 'Log in' %}" />
            </div>
        </form>

        <script type="text/javascript">
            document.getElementById('id_username').focus()
        </script>
    </div>

    <div id="invite_block" style="display: none; position: absolute; top: 55px; left: 5px ">
        <form action="{% url privatebeta_invite %}" method="post">
            <div class="form-row">
                {{ form.email.errors }}
                <label for="id_email" class="required">Your email:</label>
                <input id="id_email" type="text" name="email" maxlength="75" placeholder="Your Email address">
            </div>
            <div class="submit-row">
                <label>&nbsp;</label><input type="submit" value="{% trans 'Submit' %}" />
            </div>
            {% csrf_token %}
        </form>
    </div>

    <script src="/static/js/libs/jquery.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $("#login_link").click(show_login);
            $("#request_invite_link").click(show_invite);

            setTimeout(function() {
                try {
                    $("#you_are_here_image").fadeOut(1000);
                } catch (e) {}
            }, 2000);
        });

        function show_login() {
            $('#invite_block').hide();
            $('#login_block').show();
        }

        function show_invite() {
            $('#login_block').hide();
            $('#invite_block').show();
        }


    </script>
{% endblock %}
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.