105 lines
4.0 KiB
HTML
105 lines
4.0 KiB
HTML
{% extends 'base.html' %}
|
|
|
|
{% block title %}Werke{% endblock title %}
|
|
|
|
{% block head %}
|
|
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='datatables.css') }}">
|
|
{% endblock head %}
|
|
|
|
{% block heading %}Werke{% endblock heading %}
|
|
|
|
{% block content %}
|
|
|
|
{% include "_icons.svg" %}
|
|
|
|
<div class="overflow-auto">
|
|
<table id="werk-table" class="striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Titel</th>
|
|
<th>Untertitel</th>
|
|
<th>Werksform</th>
|
|
<th>Reihe</th>
|
|
<th>Reihennummer</th>
|
|
<th>Verlag</th>
|
|
<th>Preis</th>
|
|
<th>Erscheinungsdatum</th>
|
|
<th>ISBN_13</th>
|
|
<th>ISBN_10</th>
|
|
<th>ISSN</th>
|
|
<th>Genre(s)</th>
|
|
<th>Herausgeber:in(nen)</th>
|
|
<th>Titelbild</th>
|
|
<th>Klappentext</th>
|
|
<th>Anmerkungen</th>
|
|
<th colspan="2">Aktionen</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for werk in werke %}
|
|
<tr id="werk-{{ werk['id'] }}">
|
|
<td title="Titel">{{ werk["Titel"] }}</td>
|
|
<td title="Untertitel">{{ werk["Untertitel"] }}</td>
|
|
<td title="Werksform">{{ werk["Werksform"] }}</td>
|
|
<td title="Reihe">{{ werk["Reihe"] }}</td>
|
|
<td title="Reihennummer">{{ werk["Reihennummer"] }}</td>
|
|
<td title="Verlag">{{ werk["Verlag"] }}</td>
|
|
<td title="Preis">{{ werk["Preis"] }}</td>
|
|
<td title="Erscheinungsdatum">{{ werk["Erscheinungsdatum"] }}</td>
|
|
<td title="ISBN_13">{{ werk["ISBN_13"] }}</td>
|
|
<td title="ISBN_10">{{ werk["ISBN_10"] }}</td>
|
|
<td title="ISSN">{{ werk["ISSN"] }}</td>
|
|
<td title="Genre(s)">{{ werk["Genre_list"] | join(", ") }}</td>
|
|
<td title="Herausgeber:in(nen)">{{ werk["Herausgeber_list"] | join(", ") }}</td>
|
|
<td title="Titelbild">
|
|
{% if werk["Titelbild"] %}
|
|
<div class="imageselect-entry" data-bild="{{ werk['Titelbild']['Bild'] }}">
|
|
<div class="imageselect-div">
|
|
<img src="{{ werk['Titelbild']['Thumbnail'] }}" width="128" height="128" alt="Titelbild (Thumbnail)" />
|
|
<span class="imageselect-label display-none">
|
|
{{ werk['Titelbild']['Dateiname'] }} ({{ werk['Titelbild']['Breite'] }} x {{ werk['Titelbild']['Hoehe'] }}, {{ werk['Titelbild']['Dateigroesse'] }} Bytes)
|
|
</span>
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
✘
|
|
{% endif %}
|
|
</td>
|
|
<td title="Klappentext"{% if werk["Klappentext"] %} data-tooltip="{{ werk['Klappentext'] | replace('\n', ' ') | safe }}" data-placement="bottom">✔{% else %}>✘{% endif %}</td>
|
|
<td title="Anmerkungen">{{ werk["Anmerkungen"] }}</td>
|
|
<td class="action action-update" data-id="{{ werk['id'] }}"><a href="{{ url_for('werk.read', id=werk['id']) }}" title="Werk ansehen/bearbeiten"><svg viewbox="0 0 24 24"><use href="#update" /></svg></a></td>
|
|
<td id="delete-{{ werk['id'] }}" class="action"><a onclick="return confirm('Eintrag wirklich löschen?');" href="{{ url_for('werk.delete', id=werk['id']) }}" title="Werk löschen"><svg viewbox="0 0 24 24"><use href="#delete" /></svg></a></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<dialog id="imagepreview-modal" closedby="any">
|
|
<article>
|
|
<header>
|
|
<button class="modal-close" aria-label="close" rel="prev"></button>
|
|
<div class="imagepreview-details"></div>
|
|
</header>
|
|
<div class="imagepreview-div">
|
|
<img src="" />
|
|
</div>
|
|
</article>
|
|
</dialog>
|
|
|
|
{% endblock content %}
|
|
|
|
{% block script %}
|
|
<script src="{{ url_for('static', filename='js/datatables.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/init_dt.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/imagepreview.js') }}"></script>
|
|
<script>
|
|
window.onload = () => {
|
|
initDataTable("werk-table");
|
|
initCreateButton("werk-table", "Werk hinzufügen", "{{ url_for('werk.read', id=0) }}");
|
|
initImagepreview("imagepreview-modal");
|
|
}
|
|
</script>
|
|
{% endblock script %}
|
|
|