bootstrap 4: rework packages detail list page

[pbs.git] / src / templates / modules / changelog / entry.html

diff --git a/src/templates/modules/changelog/entry.html b/src/templates/modules/changelog/entry.html
index 1e4ba8280fbc26a414bde2a09fd563d97f212720..511a0a90c791757107d211fbb2c61d8acdc2c529 100644 (file)
--- a/src/templates/modules/changelog/entry.html
+++ b/src/templates/modules/changelog/entry.html
@@ -1,27 +1,45 @@
-<li class="media">
-       <div class="media-body">
-               <div class="well {% if build.type == "release" and build.repo %}well-build-state-{{ build.repo.type }}{% elif build.type == "scratch" %}well-build-type-scratch{% end %}">
-                       <h4>
-                               <a class="{% if build.is_broken() %}line-through{% end %}" href="/build/{{ build.uuid }}">{{ build.name }}</a>
-
-                               {% if build.type == "release" and build.repo %}
-                                       <small class="pull-right">
-                                               <a href="/distro/{{ build.repo.distro.identifier }}/repo/{{ build.repo.name }}">
-                                                       {{ build.repo.distro.name }} &dash;
-                                                       {% if build.repo.type == "stable" %}
-                                                               <span class="text-success">{{ build.repo.name }}</span>
-                                                       {% elif build.repo.type == "unstable" %}
-                                                               <span class="text-warning">{{ build.repo.name }}</span>
-                                                       {% elif build.repo.type == "testing" %}
-                                                               <span class="text-error">{{ build.repo.name }}</span>
-                                                       {% end %}
-                                               </a>
-                                       </small>
-                               {% elif build.type == "scratch" %}
-                                       <span class="label label-important pull-right">
-                                               {{ _("Scratch build") }}
-                                       </span>
-                               {% end %}
+<div class="card mb-3
+               {% if build.type == "release" and build.repo.type == "stable" %}
+                       border-success
+               {% elif build.type == "release" and build.repo.type == "unstable" %}
+                       border-warning
+               {% elif build.type == "release" and build.repo.type == "testing" %}
+                       border-danger
+               {% elif build.type == "scratch" %}
+                       border-danger
+               {% end %}" style="width:100%;">
+               <div class="card-header
+               {% if build.type == "release" and build.repo %}
+                       {% if build.repo.type == "stable" %}
+                               text-success">
+                               <a href="/distro/{{ build.repo.distro.identifier }}/repo/{{ build.repo.name }}">
+                                       {{ build.repo.distro.name }} &dash; {{ build.repo.name }}
+                               </a>
+                       {% elif build.repo.type == "unstable" %}
+                               text-warning">
+                               <a href="/distro/{{ build.repo.distro.identifier }}/repo/{{ build.repo.name }}">
+                                       {{ build.repo.distro.name }} &dash; {{ build.repo.name }}
+                               </a>
+                       {% elif build.repo.type == "testing" %}
+                               text-danger">
+                               <a href="/distro/{{ build.repo.distro.identifier }}/repo/{{ build.repo.name }}">
+                                       {{ build.repo.distro.name }} &dash; {{ build.repo.name }}
+                               </a>
+                       {% end %}
+               {% elif build.type == "scratch" %}
+                       text-secondary">
+                       {{ _("Scratch build") }}
+               {% end %}
+               </div>
+               <div class="card-body">
+                       <h4 class="card-title">
+                               <a href="/build/{{ build.uuid }}">
+                                       {% if build.is_broken() %}
+                                               <s>{{ build.name }}</s>
+                                       {% else %}
+                                               {{ build.name }}
+                                       {% end %}
+                               </a>
                        </h4>
 
                        <hr>
@@ -34,22 +52,21 @@
 
                                        <p class="muted">
                                                {{ _("Author") }} {% module LinkToUser(build.commit.author) %}
-                                               <span class="pull-right">{{ locale.format_date(build.created, shorter=True) }}</span>
                                        </p>
                                {% else %}
                                        <p class="muted">
                                                {{ _("No commit message.") }}
-                                               <span class="pull-right">{{ locale.format_date(build.created, shorter=True) }}</span>
                                        </p>
                                {% end %}
 
                        {% elif build.type == "scratch" %}
                                <p class="muted">
                                        {{ _("Owner") }} {% module LinkToUser(build.owner) %}
-
-                                       <span class="pull-right">{{ locale.format_date(build.created, shorter=True) }}</span>
                                </p>
                        {% end %}
-               </div>
-       </div>
-</li>
+                       </div>
+                       <div class="card-footer text-muted text-right">
+                               {{ locale.format_date(build.created, shorter=True) }}
+                       </div>
+
+</div>