Skip to content

Commit

Permalink
Putting field labels above fields
Browse files Browse the repository at this point in the history
  • Loading branch information
@altf4arnold
altf4arnold committed May 8, 2024
1 parent 9969fa7 commit 1a604be
Showing 1 changed file with 72 additions and 74 deletions.
146 changes: 72 additions & 74 deletions netbox/templates/login.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,92 +6,90 @@

{% block layout %}

<div class="page page-center">
<div class="container container-tight py-4">
<div class="page page-center">
<div class="container container-tight py-4">

{# NetBox logo #}
<div class="text-center mb-4">
<img src="{% static 'netbox_logo.svg' %}" height="80" alt="{% trans "NetBox logo" %}" />
</div>

{# Login banner #}
{% if config.BANNER_LOGIN %}
<div class="mb-5 text-center">
{{ config.BANNER_LOGIN|safe }}
</div>
{% endif %}

{# Login form errors #}
{% if form.non_field_errors %}
<div class="alert alert-danger" role="alert">
<h4 class="alert-heading">{% trans "Errors" %}</h4>
<p>
{{ form.non_field_errors }}
</p>
</div>
{% endif %}

{# NetBox logo #}
<div class="text-center mb-4">
<img src="{% static 'netbox_logo.svg' %}" height="80" alt="{% trans "NetBox logo" %}"/>
</div>
<div class="card card-md">
<div class="card-body">
<h2 class="text-center mb-4">{% trans "Log In" %}</h2>

{# Login banner #}
{% if config.BANNER_LOGIN %}
<div class="mb-5 text-center">
{{ config.BANNER_LOGIN|safe }}
</div>
{% endif %}
{# Login form #}
<form action="{% url 'login' %}" method="post">
{% csrf_token %}

{# Login form errors #}
{% if form.non_field_errors %}
<div class="alert alert-danger" role="alert">
<h4 class="alert-heading">{% trans "Errors" %}</h4>
<p>
{{ form.non_field_errors }}
</p>
</div>
{# Set post-login URL #}
{% if 'next' in request.GET %}
<input type="hidden" name="next" value="{{ request.GET.next }}" />
{% elif 'next' in request.POST %}
<input type="hidden" name="next" value="{{ request.POST.next }}" />
{% endif %}

<div class="card card-md">
<div class="card-body">
<h2 class="text-center mb-4">{% trans "Log In" %}</h2>

{# Login form #}
<form action="{% url 'login' %}" method="post">
{% csrf_token %}

{# Set post-login URL #}
{% if 'next' in request.GET %}
<input type="hidden" name="next" value="{{ request.GET.next }}"/>
{% elif 'next' in request.POST %}
<input type="hidden" name="next" value="{{ request.POST.next }}"/>
{% endif %}

<div class="form-group">
<label for="id_username" style="font-weight: bold;">{{ form.username.label }}</label>
{{ form.username }}
{% for error in form.username.errors %}
<div class="alert alert-danger">{{ error }}</div>
{% endfor %}
</div>

<div class="form-group">
<label for="id_password" style="font-weight: bold;">{{ form.password.label }}</label>
{{ form.password }}
{% for error in form.password.errors %}
<div class="alert alert-danger">{{ error }}</div>
{% endfor %}
</div>
<div class="form-group">
<label for="id_username" style="font-weight: bold; margin-bottom: 5px;">{{ form.username.label }}</label>
{{ form.username }}
{% for error in form.username.errors %}
<div class="alert alert-danger">{{ error }}</div>
{% endfor %}
</div>

<div class="form-footer">
<button type="submit" class="btn btn-primary w-100">
{% trans "Sign In" %}
</button>
</div>
</form>
</div>
<div class="form-group">
<label for="id_password" style="font-weight: bold; margin-bottom: 5px;">{{ form.password.label }}</label>
{{ form.password }}
{% for error in form.password.errors %}
<div class="alert alert-danger">{{ error }}</div>
{% endfor %}
</div>

<div class="form-footer">
<button type="submit" class="btn btn-primary w-100">
{% trans "Sign In" %}
</button>
</div>
</form>
</div>

{# SSO login #}
{% if auth_backends %}
<div class="hr-text">{% trans "Or" context "Denotes an alternative option" %}</div>
<div class="card-body">
<div class="row">
{% for backend in auth_backends %}
<div class="col">
<a href="{{ backend.url }}" class="btn w-100">
{% if backend.icon_name %}<i class="mdi mdi-{{ backend.icon_name }}"></i>{% endif %}
{{ backend.display_name }}
</a>
</div>
{% endfor %}
</div>
{# SSO login #}
{% if auth_backends %}
<div class="hr-text">{% trans "Or" context "Denotes an alternative option" %}</div>
<div class="card-body">
<div class="row">
{% for backend in auth_backends %}
<div class="col">
<a href="{{ backend.url }}" class="btn w-100">
{% if backend.icon_name %}<i class="mdi mdi-{{ backend.icon_name }}"></i>{% endif %}
{{ backend.display_name }}
</a>
</div>
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}

</div>
</div>

</div>
</div>
</div>

{% endblock layout %}

0 comments on commit 1a604be

Please sign in to comment.