More placeholders for empty lists

templates/picture.html

@@ -216,50 +216,71 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            216  
                                                                </x-vbox>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            217  
                                                            </x-hbox>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            218  
                                                            <h2>Copies</h2>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        219 -
                                                        <ul class="thumbnail-list">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        220 -
                                                            {% for copy in resource.copies %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        221 -
                                                                <li>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        222 -
                                                                    <a href="/picture/{{ copy.id }}">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        223 -
                                                                        <div class="annotation-zone">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        224 -
                                                                            <img src="/raw/picture/{{ copy.id }}" alt="{{ copy.title }}">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        219 +
                                                        {% if resource.copies %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        220 +
                                                            <ul class="thumbnail-list">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        221 +
                                                                {% for copy in resource.copies %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        222 +
                                                                    <li>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        223 +
                                                                        <a href="/picture/{{ copy.id }}">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        224 +
                                                                            <div class="annotation-zone">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        225 +
                                                                                <img src="/raw/picture/{{ copy.id }}" alt="{{ copy.title }}">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            226  
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        226 -
                                                                            {% for region in copy.regions %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        227 -
                                                                                {% if region.json.type == "bbox" %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        228 -
                                                                                    <svg class="shape-container" viewBox="0 0 {{ copy.width }} {{ copy.height }}">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        229 -
                                                                                        <rect x="{{ region.json.shape.x * copy.width }}"
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        230 -
                                                                                              y="{{ region.json.shape.y * copy.height }}"
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        231 -
                                                                                              width="{{ region.json.shape.w * copy.width }}"
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        232 -
                                                                                              height="{{ region.json.shape.h * copy.height }}"
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        233 -
                                                                                              fill="none" class="shape-bbox shape"
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        234 -
                                                                                        ></rect>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        235 -
                                                                                    </svg>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        236 -
                                                                                {% elif region.json.type == "polygon" %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        237 -
                                                                                    <svg class="shape-container" viewBox="0 0 {{ copy.width }} {{ copy.height }}">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        238 -
                                                                                        <polygon points="{% for point in region.json.shape %}{{ point.x * copy.width }},{{ point.y * copy.height }} {% endfor %}" fill="none" class="shape-polygon shape"></polygon>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        239 -
                                                                                    </svg>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        240 -
                                                                                {% elif region.json.type == "polyline" %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        241 -
                                                                                    <svg class="shape-container" viewBox="0 0 {{ copy.width }} {{ copy.height }}">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        242 -
                                                                                        <polyline points="{% for point in region.json.shape %}{{ point.x * copy.width }},{{ point.y * copy.height }} {% endfor %}" fill="none" class="shape-polyline shape"></polyline>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        243 -
                                                                                    </svg>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        244 -
                                                                                {% elif region.json.type == "point" %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        245 -
                                                                                    <svg class="shape-container" viewBox="0 0 {{ copy.width }} {{ copy.height }}">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        246 -
                                                                                        <circle cx="{{ region.json.shape.x * copy.width }}" cy="{{ region.json.shape.y * copy.height }}" r="0" fill="none" class="shape-point shape"></circle>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        247 -
                                                                                    </svg>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        248 -
                                                                                {% endif %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        249 -
                                                                            {% endfor %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        250 -
                                                                        </div>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        251 -
                                                                        <div class="list-detail">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        252 -
                                                                            {{ copy.title }}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        227 +
                                                                                {% for region in copy.regions %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        228 +
                                                                                    {% if region.json.type == "bbox" %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        229 +
                                                                                        <svg class="shape-container" viewBox="0 0 {{ copy.width }} {{ copy.height }}">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        230 +
                                                                                            <rect x="{{ region.json.shape.x * copy.width }}"
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        231 +
                                                                                                  y="{{ region.json.shape.y * copy.height }}"
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        232 +
                                                                                                  width="{{ region.json.shape.w * copy.width }}"
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        233 +
                                                                                                  height="{{ region.json.shape.h * copy.height }}"
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        234 +
                                                                                                  fill="none" class="shape-bbox shape"
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        235 +
                                                                                            ></rect>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        236 +
                                                                                        </svg>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        237 +
                                                                                    {% elif region.json.type == "polygon" %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        238 +
                                                                                        <svg class="shape-container" viewBox="0 0 {{ copy.width }} {{ copy.height }}">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        239 +
                                                                                            <polygon points="{% for point in region.json.shape %}{{ point.x * copy.width }},{{ point.y * copy.height }} {% endfor %}" fill="none" class="shape-polygon shape"></polygon>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        240 +
                                                                                        </svg>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        241 +
                                                                                    {% elif region.json.type == "polyline" %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        242 +
                                                                                        <svg class="shape-container" viewBox="0 0 {{ copy.width }} {{ copy.height }}">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        243 +
                                                                                            <polyline points="{% for point in region.json.shape %}{{ point.x * copy.width }},{{ point.y * copy.height }} {% endfor %}" fill="none" class="shape-polyline shape"></polyline>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        244 +
                                                                                        </svg>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        245 +
                                                                                    {% elif region.json.type == "point" %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        246 +
                                                                                        <svg class="shape-container" viewBox="0 0 {{ copy.width }} {{ copy.height }}">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        247 +
                                                                                            <circle cx="{{ region.json.shape.x * copy.width }}" cy="{{ region.json.shape.y * copy.height }}" r="0" fill="none" class="shape-point shape"></circle>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        248 +
                                                                                        </svg>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        249 +
                                                                                    {% endif %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        250 +
                                                                                {% endfor %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        251 +
                                                                            </div>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        252 +
                                                                            <div class="list-detail">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        253 +
                                                                                {{ copy.title }}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        254 +
                                                                            </div>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        255 +
                                                                        </a>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        256 +
                                                                        <div class="list-more">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        257 +
                                                                            <form method="POST" action="/picture/{{ copy.id }}/mark-replacement">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        258 +
                                                                                <button type="submit">Designate replacement</button>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        259 +
                                                                            </form>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            260  
                                                                            </div>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        254 -
                                                                    </a>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        255 -
                                                                    <div class="list-more">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        256 -
                                                                        <form method="POST" action="/picture/{{ copy.id }}/mark-replacement">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        257 -
                                                                            <button type="submit">Designate replacement</button>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        258 -
                                                                        </form>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        259 -
                                                                    </div>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        260 -
                                                                </li>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        261 -
                                                            {% endfor %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        262 -
                                                        </ul>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        261 +
                                                                    </li>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        262 +
                                                                {% endfor %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        263 +
                                                            </ul>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        264 +
                                                        {% else %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        265 +
                                                            <p>This picture hasn't got any copies.</p>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        266 +
                                                        {% endif %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        267 +
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        268 +
                                                        <h2>Galleries</h2>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        269 +
                                                        {% if resource.galleries %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        270 +
                                                            <ul class="thumbnail-list">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        271 +
                                                                {% for gallery in resource.galleries %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        272 +
                                                                    <li>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        273 +
                                                                        <a href="/gallery/{{ gallery.gallery.id }}">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        274 +
                                                                            <div class="list-detail">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        275 +
                                                                                {{ gallery.gallery.title }}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        276 +
                                                                            </div>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        277 +
                                                                        </a>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        278 +
                                                                    </li>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        279 +
                                                                {% endfor %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        280 +
                                                            </ul>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        281 +
                                                        {% else %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        282 +
                                                            <p>This picture isn't in any galleries.</p>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        283 +
                                                        {% endif %}
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            284  
                                                        </x-vbox>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            285  
                                                    </x-frame>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            286  
                                                </div>