HTML document, ASCII text
1
{% extends "default.html" %}
2
{% block title %}Picture query results | gigadata{% endblock %}
4
{% block content %}
6
<x-frame style="--width: 768px">
7
<h1>Picture query results</h1>
8
<ul class="thumbnail-list">
9
{% for resource in resources %}
10
<li>
11
<a href="/picture/{{ resource.id }}">
12
<div class="annotation-zone">
13
<img src="/raw/picture/{{ resource.id }}" alt="{{ resource.title }}">
14
{% for region in resource.regions %}
15
{% if region.json.type == "bbox" %}
16
<svg class="shape-container" viewBox="0 0 {{ resource.width }} {{ resource.height }}">
17
<rect x="{{ region.json.shape.x * resource.width }}"
18
y="{{ region.json.shape.y * resource.height }}"
19
width="{{ region.json.shape.w * resource.width }}"
20
height="{{ region.json.shape.h * resource.height }}"
21
fill="none" class="shape-bbox shape"
22
></rect>
23
</svg>
24
{% elif region.json.type == "polygon" %}
25
<svg class="shape-container" viewBox="0 0 {{ resource.width }} {{ resource.height }}">
26
<polygon points="{% for point in region.json.shape %}{{ point.x * resource.width }},{{ point.y * resource.height }} {% endfor %}" fill="none" class="shape-polygon shape"></polygon>
27
</svg>
28
{% elif region.json.type == "polyline" %}
29
<svg class="shape-container" viewBox="0 0 {{ resource.width }} {{ resource.height }}">
30
<polyline points="{% for point in region.json.shape %}{{ point.x * resource.width }},{{ point.y * resource.height }} {% endfor %}" fill="none" class="shape-polyline shape"></polyline>
31
</svg>
32
{% elif region.json.type == "point" %}
33
<svg class="shape-container" viewBox="0 0 {{ resource.width }} {{ resource.height }}">
34
<circle cx="{{ region.json.shape.x * resource.width }}" cy="{{ region.json.shape.y * resource.height }}" r="0" fill="none" class="shape-point shape"></circle>
35
</svg>
36
{% endif %}
37
{% endfor %}
38
</div>
39
<div class="list-detail">
40
{{ resource.title }}
41
</div>
42
</a>
43
</li>
44
{% endfor %}
45
</ul>
46
{% include "pagination.html" %}
47
</x-frame>
48
{% endblock %}
49