From bed65ee5480783ee979d31622effd7a7a78718cf Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@iggdrasil.net>
Date: Fri, 19 Jan 2018 16:56:15 +0100
Subject: UI : improve forms - sheet source

---
 ishtar_common/templates/ishtar/sheet_source.html | 59 +++++++++++++-----------
 1 file changed, 33 insertions(+), 26 deletions(-)

(limited to 'ishtar_common/templates/ishtar/sheet_source.html')

diff --git a/ishtar_common/templates/ishtar/sheet_source.html b/ishtar_common/templates/ishtar/sheet_source.html
index 24477ce2c..a1a8948dc 100644
--- a/ishtar_common/templates/ishtar/sheet_source.html
+++ b/ishtar_common/templates/ishtar/sheet_source.html
@@ -4,35 +4,42 @@
 {% block content %}
 {% block window_nav %}{% endblock %}
 {% block general %}
-{% block related %}
-{% trans "Related item" as related_item_label %}
-{% field related_item_label item.owner %}
-{% endblock %}
 
 {% if item.image %}
-<a href='{{item.image.url}}' rel="prettyPhoto" title="{{item.label}}" class='photo'><img src='{{item.thumbnail.url}}'/></a>
-{% endif%}
+<div class="row">
+    <div class="offset-lg-4 col-lg-4 offset-md-3 col-md-6 offset-sm-1 col-sm-10 col-12">
+        <div class="card">
+            <img class='card-img-top' src="{{item.thumbnail.url}}">
+        </div>
+    </div>
+</div>
+{% endif %}
+
+<div class="row">
+    {% block related %}
+    {% trans "Related item" as related_item_label %}
+    {% field_flex related_item_label item.owner %}
+    {% endblock %}
+    {% field_flex "Title" item.title %}
+    {% field_flex "Index" item.index %}
+    {% field_flex "Source type" item.source_type %}
+    {% field_flex "Format type" item.format_type %}
+    {% field_flex "Scale" item.scale %}
+    {% trans "Web link" as weblink_label %}
+    {% field_flex_url weblink_label item.associated_url %}
+    {% field_flex "Item number" item.item_number %}
+    {% field_flex "Ref." item.reference %}
+    {% field_flex "Internal ref." item.internal_reference %}
+    {% field_flex "Creation date" item.creation_date %}
+    {% field_flex "Receipt date" item.receipt_date %}
+    {% field_flex "Receipt date in documentation" item.receipt_date_in_documentation %}
+    {% field_flex "Has a duplicate" item.duplicate %}
+    {% field_flex "Description" item.description %}
+    {% field_flex "Comment" item.comment %}
+    {% field_flex "Additional information" item.additional_information %}
+    {% field_flex_full "Authors" item.authors|add_links:'person' %}
+</div>
 
-<ul class='form-flex'>
-{% field_li "Title" item.title %}
-{% field_li "Index" item.index %}
-{% field_li "Source type" item.source_type %}
-{% field_li "Format type" item.format_type %}
-{% field_li "Scale" item.scale %}
-{% trans "Web link" as weblink_label %}
-{% field_li_url weblink_label item.associated_url %}
-{% field_li "Item number" item.item_number %}
-{% field_li "Ref." item.reference %}
-{% field_li "Internal ref." item.internal_reference %}
-{% field_li "Creation date" item.creation_date %}
-{% field_li "Receipt date" item.receipt_date %}
-{% field_li "Receipt date in documentation" item.receipt_date_in_documentation %}
-{% field_li "Has a duplicate" item.duplicate %}
-{% field_li "Description" item.description %}
-{% field_li "Comment" item.comment %}
-{% field_li "Additional information" item.additional_information %}
-</ul>
-{% field "Authors" item.authors|add_links:'person' %}
 {% endblock %}
 {% endblock %}
 
-- 
cgit v1.2.3