Source

ekkli-maps / templates / registration / login.html

Udi Bauman 5055ff5 


Udi Bauman f8ea118 
Udi Bauman 5055ff5 









Udi Bauman f8ea118 
Udi Bauman 5055ff5 













Udi Bauman f8ea118 


















Udi Bauman ab28793 
Udi Bauman f8ea118 








Udi Bauman f0cd4b5 

Udi Bauman f8ea118 

Udi Bauman f0cd4b5 

Udi Bauman f8ea118 

Udi Bauman ab28793 
Udi Bauman 5055ff5 
Udi Bauman f8ea118 
Udi Bauman 5055ff5 
Udi Bauman ab28793 
Udi Bauman 5055ff5 

Udi Bauman f8ea118 
Udi Bauman 5055ff5 












Udi Bauman f8ea118 




Udi Bauman ab28793 
Udi Bauman 9d2606b 
Udi Bauman f8ea118 











Udi Bauman f0cd4b5 


Udi Bauman f8ea118 





Udi Bauman f0cd4b5 











Udi Bauman f8ea118 
Udi Bauman 5055ff5 
{% 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 %}