Matthew Welch
2a5f7ae67f
moved pagination code from python to javascript temporarily removed comics searched until it can be re-written for the new pagination
38 lines
1.1 KiB
HTML
38 lines
1.1 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block content %}
|
|
<div style="text-align: center">
|
|
{% include "pagination.html" %}
|
|
</div>
|
|
<div class="container col-7">
|
|
<div id="page-container" class="row justify-content-start"></div>
|
|
</div>
|
|
<div style="text-align: center">
|
|
{% include "pagination.html" %}
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block footer %}
|
|
<script>
|
|
var comics = {{ comics|tojson }};
|
|
function populate_page() {
|
|
page_container.innerHTML = "";
|
|
for (i = start;i < end; i++) {
|
|
var title = comics[i].title ? comics[i].title : "";
|
|
var list_element = `<div class="col-3" style="padding: 10px">
|
|
<a href="/comics/${encodeURI(comics[i].id)}">
|
|
<div class="card">
|
|
<img class="card-img" src="/comics/get_comic/${ comics[i]['id']}/0/thumbnail" onerror="this.src='/static/images/default.png'">
|
|
<div class="card-body">
|
|
${comics[i].series} #${comics[i].issue}: ${title}
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>`;
|
|
page_container.innerHTML += list_element;
|
|
}
|
|
}
|
|
go_to_page(page_num);
|
|
</script>
|
|
{% endblock %}
|