FrederikBaerentsen/ComicOPDS
1
1
Fork 1
Code Issues 6 Pull Requests Packages Projects Releases 1 Wiki Activity

Updated /template files

Browse Source
This commit is contained in:
Frederik Baerentsen
2025-09-04 21:23:31 +02:00
parent ca7a8e66d8
commit 976f35b898
3 changed files with 37 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
app/templates/dashboard.html
View File

@@ -24,7 +24,6 @@
.charts { grid-template-columns: 1fr; }
}
</style>
<!-- Chart.js from CDN -->
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
</head>
<body>
@@ -53,57 +52,32 @@
async function load() {
const r = await fetch("/stats.json", { credentials: "include" });
const data = await r.json();
// Stats
document.getElementById("lastUpdated").textContent = new Date(data.last_updated * 1000).toLocaleString();
document.getElementById("covers").textContent = data.total_covers;
document.getElementById("totalComics").textContent = data.total_comics;
document.getElementById("uniqueSeries").textContent = data.unique_series;
document.getElementById("uniquePublishers").textContent = data.unique_publishers;
document.getElementById("formats").textContent = Object.entries(data.formats)
.map(([k,v]) => `${k.toUpperCase()}: ${v}`).join(" ");
// Charts
const ctx1 = document.getElementById("publishersChart");
const pubLabels = data.publishers.labels;
const pubValues = data.publishers.values;
new Chart(ctx1, {
document.getElementById("formats").textContent = Object.entries(data.formats).map(([k,v]) => `${k.toUpperCase()}: ${v}`).join(" ");
new Chart(document.getElementById("publishersChart"), {
type: "doughnut",
data: { labels: pubLabels, datasets: [{ data: pubValues }] },
data: { labels: data.publishers.labels, datasets: [{ data: data.publishers.values }] },
options: { responsive: true, plugins: { legend: { position: "bottom" } } }
});
const ctx2 = document.getElementById("timelineChart");
const years = data.timeline.labels;
const counts = data.timeline.values;
new Chart(ctx2, {
new Chart(document.getElementById("timelineChart"), {
type: "line",
data: { labels: years, datasets: [{ label: "Issues per year", data: counts, tension: 0.2 }] },
options: { responsive: true, plugins: { legend: { display: false } }, scales: { x: { ticks: { autoSkip: true, maxTicksLimit: 12 } } } }
data: { labels: data.timeline.labels, datasets: [{ label: "Issues per year", data: data.timeline.values, tension: 0.2 }] },
options: { responsive: true, plugins: { legend: { display: false } } }
});
const ctx3 = document.getElementById("formatsChart");
const fmtLabels = Object.keys(data.formats);
const fmtValues = Object.values(data.formats);
new Chart(ctx3, {
const fmtLabels = Object.keys(data.formats), fmtValues = Object.values(data.formats);
new Chart(document.getElementById("formatsChart"), {
type: "bar",
data: { labels: fmtLabels, datasets: [{ label: "Files", data: fmtValues }] },
options: { responsive: true, plugins: { legend: { display: false } } }
});
const ctx4 = document.getElementById("writersChart");
const wLabels = data.top_writers.labels;
const wValues = data.top_writers.values;
new Chart(ctx4, {
new Chart(document.getElementById("writersChart"), {
type: "bar",
data: { labels: wLabels, datasets: [{ label: "Issues", data: wValues }] },
options: {
indexAxis: "y",
responsive: true,
plugins: { legend: { display: false } },
scales: { x: { beginAtZero: true } }
}
data: { labels: data.top_writers.labels, datasets: [{ label: "Issues", data: data.top_writers.values }] },
options: { indexAxis: "y", responsive: true, plugins: { legend: { display: false } }, scales: { x: { beginAtZero: true } } }
});
}
load();

19
app/templates/feed.xml.j2 Normal file
View File

@@ -0,0 +1,19 @@
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom"
xmlns:opds="http://opds-spec.org/2010/catalog">
<id>{{ feed_id }}</id>
<updated>{{ updated }}</updated>
<title>{{ title }}</title>
<link rel="self" href="{{ self_href }}" />
<link rel="start" href="{{ start_href }}" />
<link rel="search" type="application/opensearchdescription+xml" href="{{ base }}/opds/search.xml" />
{% if next_href -%}
<link rel="next" href="{{ next_href }}" />
{% endif -%}
{% for e in entries %}
{{ e | safe }}
{% endfor %}
</feed>

7
app/templates/search-description.xml.j2 Normal file
View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>ComicOPDS Search</ShortName>
<Description>Search your comics</Description>
<Url type="application/atom+xml"
template="{{ base }}/opds/search?q={searchTerms}&amp;page={startPage?}" />
</OpenSearchDescription>