mirror of
https://github.com/retspen/webvirtcloud
synced 2026-11-09 03:36:48 +00:00
64057f8d05
An accessibility scan (axe-core, WCAG 2 A/AA) of every page found 87 elements without a name. Icon-only buttons and links (the navbar's administration menu on every page, the add/create buttons, the flavor delete and back buttons) get a title, which is also their tooltip; the labels of the language, architecture, chipset and filter selects point at them; the memory bar is named. The shared delete confirmation page had an empty <title> and heading, as no view passes "title": it says "Delete <object>". The power-off form's aria-label was misspelled.
60 lines
No EOL
3.7 KiB
HTML
60 lines
No EOL
3.7 KiB
HTML
{% load i18n %}
|
|
{% load bootstrap_icons %}
|
|
{% load common_tags %}
|
|
<!-- Fixed navbar -->
|
|
<nav class="navbar sticky-top navbar-expand-md navbar-dark bg-primary mb-3" aria-label="Main top navbar">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="{% url 'index' %}">WebVirtCloud</a>
|
|
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbar">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item {% class_active request '^/instances' %}">
|
|
<a class="nav-link" href="{% url 'instances:index' %}">{% bs_icon 'pc-display-horizontal' %} {% trans "Instances" %}</a>
|
|
</li>
|
|
{% if request.user.is_superuser %}
|
|
<li class="nav-item {% class_active request '^/computes' %}">
|
|
<a class="nav-link" href="{% url 'computes' %}">{% bs_icon 'pc-display' %} {% trans "Computes" %}</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item {% class_active request '^/jobs' %}">
|
|
<a class="nav-link" href="{% url 'operations:jobs' %}" aria-label="{% trans 'Jobs' %}">{% bs_icon 'list-task' %}</a>
|
|
</li>
|
|
{% if request.user.is_superuser %}
|
|
<li class="nav-item dropdown {% app_active request 'admin' %}">
|
|
<a class="nav-link" id="administration" href="#" title="{% trans "Administration" %}" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
{% bs_icon 'wrench-adjustable' %}
|
|
</a>
|
|
<div class="dropdown-menu" aria-labelledby="administration">
|
|
<a class="dropdown-item {% view_active request 'admin:user_list' %}" href="{% url 'admin:user_list' %}">{% bs_icon 'person-plus' %} {% trans "Users" %}</a>
|
|
<a class="dropdown-item {% view_active request 'admin:group_list' %}" href="{% url 'admin:group_list' %}">{% bs_icon 'people-fill' %} {% trans "Groups" %}</a>
|
|
<a class="dropdown-item {% view_active request 'admin:logs' %}" href="{% url 'admin:logs' %}">{% bs_icon 'card-list' %} {% trans "Logs" %}</a>
|
|
<a class="dropdown-item {% view_active request 'admin:tombstone_list' %}" href="{% url 'admin:tombstone_list' %}">{% bs_icon 'trash' %} {% trans "Removed VMs" %}</a>
|
|
<a class="dropdown-item {% view_active request 'appsettings' %}" href="{% url 'appsettings' %}">{% bs_icon 'gear-wide-connected' %} {% trans "Settings" %}</a>
|
|
</div>
|
|
</li>
|
|
{% endif %}
|
|
<li class="nav-item dropdown {% class_active request '^/accounts' %}">
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbarUserDropdown" data-bs-toggle="dropdown" role="button" aria-expanded="false">
|
|
{% bs_icon 'person-square' %} {{ request.user.username }}
|
|
</a>
|
|
<div class="dropdown-menu" aria-labelledby="navbarUserDropdown">
|
|
{% get_current_language as LANGUAGE_CODE %}
|
|
<a class="dropdown-item disabled" href="#">
|
|
{% trans "Language" %}: <span class="badge bg-secondary">{{ LANGUAGE_CODE }}</span>
|
|
</a>
|
|
<a class="dropdown-item {% view_active request 'accounts:profile' %}" href="{% url 'accounts:profile' %}">{% bs_icon 'person-vcard' %} {% trans "Profile" %}</a>
|
|
<div class="dropdown-divider"></div>
|
|
<form method="post" action="{% url 'accounts:logout' %}">
|
|
{% csrf_token %}
|
|
<button type="submit" class="dropdown-item">{% bs_icon 'power' %} {% trans "Log Out" %}</button>
|
|
</form>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div><!--/.nav-collapse -->
|
|
</div>
|
|
</nav> |