templates: Redesign job queue page

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/queue.html b/src/templates/queue.html
index 5ad565fae91ec3f5f6cd1709585c26799c3230d9..1833bd0a619e9cc22950353707e08799d58e589c 100644 (file)
--- a/src/templates/queue.html
+++ b/src/templates/queue.html
@@ -1,41 +1,22 @@
 {% extends "base.html" %}
 
-{% block title %}{{ _("Job Queue") }} - {{ arch or _("All Architectures") }}{% end block %}
+{% block title %}{{ _("Job Queue") }}{% end block %}
 
-{% block body %}
-       <ul class="breadcrumb">
-               <li>
-                       <a href="/">{{ _("Home") }}</a>
-                       <span class="divider">/</span>
-               </li>
-               <li {% if not arch %}class="active"{% end %}>
-                       <a href="/queue">{{ _("Job Queue") }}</a>
-                       {% if arch %}
-                               <span class="divider">/</span>
-                       {% end %}
-               </li>
-               {% if arch %}
-                       <li class="active">
-                               <a href="/queue/{{ arch }}">{{ arch }}</a>
+{% block container %}
+       <nav aria-label="{{ _("You are here:") }}" role="navigation">
+               <ul class="breadcrumbs">
+                       <li>
+                               <a href="/">{{ _("Home") }}</a>
                        </li>
-               {% end %}
-       </ul>
-
-       <div class="page-header">
-               <h2>{{ _("Job Queue") }}</h2>
-       </div>
-
-       <ul class="nav nav-pills">
-               <li {% if not arch %}class="active"{% end %}>
-                       <a href="/queue">{{ _("All") }}</a>
-               </li>
-
-               {% for a in backend.arches %}
-                       <li {% if a == arch %}class="active"{% end %}>
-                               <a href="/queue/{{ a }}">{{ a }}</a>
+                       <li>
+                               <span class="show-for-sr">{{ _("Current") }}: </span> {{ _("Job Queue") }}
                        </li>
-               {% end %}
-       </ul>
+               </ul>
+       </nav>
+
+       <h1 class="text-center">
+               {{ _("Job Queue") }}
+       </h1>
 
        {% module JobsList(queue) %}
 {% end block %}