42 lines
1.6 KiB
HTML
42 lines
1.6 KiB
HTML
<table id="book_table" class="table table-striped table-sm small" data-toolbar="#toolbar" data-search="true">
|
|
<thead>
|
|
<tr class="thead-light"><th>Title</th><th>Book Number</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for book in books %}
|
|
<tr>
|
|
<td>
|
|
{% if SeriesBookNum( series.id, book.id ) == 1 %}
|
|
{% set ds="disabled" %}
|
|
{% endif %}
|
|
<a class="btn btn-outline-primary btn-small {{ds}}" href="#"><i class="fas fa-angle-double-up"></i></a>
|
|
{% if SeriesBookNum( series.id, book.id ) == series.num_books %}
|
|
{% set de="disabled" %}
|
|
{% endif %}
|
|
<a class="btn btn-outline-primary btn-small {{de}}" href="#"><i class="fas fa-angle-double-down"></i></a>
|
|
{% if book.sub_book_num is defined %}
|
|
<a href="/book/{{book.id}}"> {{book.title}}</a>
|
|
{% else %}
|
|
<a href="/book/{{book.id}}">{{book.title}}</a>
|
|
{% endif %}
|
|
</td>
|
|
<td data-sort="{{series.id}}.{{"{:02d}".format( SeriesBookNum( series.id, book.id ))}}">
|
|
{% for s in book.series %}
|
|
{{ SeriesBookNum( s.id, book.id ) }} of <a href="/series/{{s.id}}">{{s.title}}</a><br>
|
|
{% endfor %}
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
<script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
|
|
<script src="https://cdn.datatables.net/1.10.22/js/dataTables.bootstrap4.min.js"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#book_table').DataTable( {
|
|
"paging": false, "searching": false, "info": false,
|
|
"order": [[1, 'asc']],
|
|
"columnDefs": [ { "type": "num", "targets": 1 } ] } );
|
|
} );
|
|
</script>
|