roundabout,
created on Saturday, 14 September 2024, 10:51:11 (1726311071),
received on Saturday, 14 September 2024, 10:51:14 (1726311074)
Author identity: vlad <vlad.muntoiu@gmail.com>
30c8398090c0a54973fcff03a4d110497ec50e2a
static/style.css
@@ -578,4 +578,16 @@ dd {
.action-list > li > a {
text-decoration: none;
color: var(--color-card-text) !important;
display: flex;
align-items: center;
gap: 0.5rch;
font-weight: 400;
}
.action-list > li > details > summary {
color: var(--color-card-text) !important;
display: flex;
align-items: center;
gap: 0.5rch;
font-weight: 400;
}
templates/picture.html
@@ -11,14 +11,42 @@
<div id="picture-view">
<x-frame id="picture-actions">
<ul class="action-list">
<li><a href="{{ resource.origin_url }}">Original source</a></li>
<li><a href="/raw/picture/{{ resource.id }}" target="_blank">View</a></li>
<li><a href="/picture/{{ resource.id }}/get-annotations">Download annotations</a></li>
<li><a href="/raw/picture/{{ resource.id }}" download="GigadataPicture_{{ resource.id }}{{ file_extension }}">Download</a> {% if have_permission %}</li>
<li><a href="/picture/{{ resource.id }}/annotate">Annotate</a></li>
<li><a href="/picture/{{ resource.id }}/put-annotations-form">Submit JSON annotations</a></li>
<li><a href="/picture/{{ resource.id }}/edit-metadata">Edit title or description</a>{% endif %} {% if current_user %}</li>
<li><a href="/picture/{{ resource.id }}/copy">Copy</a>{% endif %}</li>
<li><a href="{{ resource.origin_url }}">
<iconify-icon icon="mdi:web"></iconify-icon>Original source
</a></li>
<li><a href="/raw/picture/{{ resource.id }}" target="_blank">
<iconify-icon icon="mdi:image"></iconify-icon>View separately
</a></li>
<li><a href="/raw/picture/{{ resource.id }}" download="GigadataPicture_{{ resource.id }}{{ file_extension }}">
<iconify-icon icon="mdi:download"></iconify-icon>Download
</a></li>
<li><a href="/picture/{{ resource.id }}/get-annotations">
<iconify-icon icon="ic:baseline-account-tree"></iconify-icon>JSON annotations
</a></li>
{% if have_permission %}
<li><a href="/picture/{{ resource.id }}/annotate">
<iconify-icon icon="mdi:vector-point-select"></iconify-icon>Annotate
</a></li>
<li><a href="/picture/{{ resource.id }}/put-annotations-form">
<iconify-icon icon="mdi:file-edit"></iconify-icon>Submit JSON annotations
</a></li>
<li><a href="/picture/{{ resource.id }}/edit-metadata">
<iconify-icon icon="mdi:edit"></iconify-icon>Edit metadata
</a></li>
{% endif %}
{% if current_user %}
<li><a href="/picture/{{ resource.id }}/copy">
<iconify-icon icon="mdi:content-copy"></iconify-icon>Copy
</a></li>
{% endif %}
{% if have_permission %}
<li><details>
<summary>
<iconify-icon icon="mdi:delete"></iconify-icon>Delete
</summary>
<a href="/picture/{{ resource.id }}/delete">Confirm deletion</a>
</details></li>
{% endif %}
</ul>
</x-frame>
<x-frame style="--width: 768px">
@@ -36,12 +64,6 @@
</form>
{% endif %}
{% endif %}
{% if have_permission %}
<details>
<summary>Delete</summary>
<a href="/picture/{{ resource.id }}/delete">Delete</a>
</details>
{% endif %}
<x-vbox>
<div id="annotation-zone">
<img id="annotation-image" src="/raw/picture/{{ resource.id }}" alt="{{ resource.title }}">