make it possible to list all repositories in the web UI

1 files changed, 23 insertions, 48 deletions

diff --git a/src/hydrilla/proxy/web_ui/templates/packages.html.jinja b/src/hydrilla/proxy/web_ui/templates/packages.html.jinja
index d0ba5cb..48ef80b 100644
--- a/src/hydrilla/proxy/web_ui/templates/packages.html.jinja
+++ b/src/hydrilla/proxy/web_ui/templates/packages.html.jinja
@@ -20,59 +20,34 @@ file's licenses. Although I request that you do not make use this code
 in a proprietary work, I am not going to enforce this in court.
 #}
 {% extends "base.html.jinja" %}
-{% block title %}Available packages{% endblock %}
+{% block title %} {{ _('web_ui.packages.title') }} {% endblock %}
 {% block style %}
-{{ super() }}
-
-ul#packages_list {
-    padding: 0;
-}
-
-ul#packages_list > li {
-    list-style-type: none;
-    max-width: 100%;
-    overflow-x: scroll;
-    white-space: nowrap;
-    padding: 5px;
-    margin: 5px;
-    border: 2px solid #999;
-    border-radius: 5px;
-}
-
-ul#packages_list > li > a {
-    display: block;
-    text-decoration: inherit;
-    color: inherit;
-}
-
-.package-identifier {
-  font-size: 80%;
-  color: #555;
-}
+  {{ super() }}
 
+  {% include 'include/item_list_style.css.jinja' %}
 {% endblock %}
 {% block main %}
-  <h3>{{ _('web_ui.h3.packages') }}</h3>
-  <ul id="packages_list">
+  <h3>{{ _('web_ui.packages.heading') }}</h3>
+  <ul id="item_list">
     {% for info in display_infos %}
-    <li
-      {% if info.info.repo == '<local>' %}
-      class="package-entry-local"
-      {% endif %}
-      >
-      <a href="{{ url_for('.show_package', mapping_id=info.ref.id) }}">
-	<div>
-	  {{ info.info.long_name }}
-	</div>
-	<div class="package-identifier">
-	  {{ info.info.versioned_identifier }}
-	  {% if info.info.repo != '<local>' %}
-	    @
-	    {{ info.info.repo }}
-	  {% endif %}
-	</div>
-      </a>
-    </li>
+      <li
+	{% if info.info.repo == '<local>' %}
+	  class="package-entry-local"
+	{% endif %}
+	>
+	<a href="{{ url_for('.show_package', mapping_id=info.ref.id) }}">
+	  <div>
+	    {{ info.info.long_name }}
+	  </div>
+	  <div class="small-print">
+	    {{ info.info.versioned_identifier }}
+	    {% if info.info.repo != '<local>' %}
+	      @
+	      {{ info.info.repo }}
+	    {% endif %}
+	  </div>
+	</a>
+      </li>
     {% endfor %}
   </ul>
 {% endblock %}