Add search language availability badges

This commit is contained in:
Codex
2026-08-09 12:08:10 +02:00
parent bc7270d7c1
commit f79cbd9b7d
5 changed files with 63 additions and 11 deletions
+13 -8
View File
@@ -423,7 +423,7 @@ INDEX_HTML = r"""<!doctype html>
<label for="search-query">Anime Title / Keyword</label>
<input type="text" id="search-query" placeholder="e.g., Attack on Titan">
<label for="search-mode">Mode</label>
<label for="search-mode">Episode mode</label>
<select id="search-mode">
<option value="sub">Subtitled (Sub)</option>
<option value="dub">Dubbed (Dub)</option>
@@ -569,10 +569,7 @@ INDEX_HTML = r"""<!doctype html>
</div>
<div class="result-title"></div>
<div class="result-subtitle"></div>
<div class="result-meta">
<span class="result-pill"></span>
<span class="result-pill"></span>
</div>
<div class="result-meta"></div>
`;
btn.querySelector(".result-title").textContent = item.title;
const subtitle = btn.querySelector(".result-subtitle");
@@ -582,9 +579,17 @@ INDEX_HTML = r"""<!doctype html>
subtitle.textContent = alternativeTitle ? `Also known as: ${alternativeTitle}` : "";
subtitle.hidden = !alternativeTitle;
btn.querySelector(".cover-fallback").textContent = coverInitials(item.title);
const pills = btn.querySelectorAll(".result-pill");
pills[0].textContent = `Source: ${providerLabel(item.provider)}`;
pills[1].textContent = item.episodes ? `${item.episodes} episodes` : `Result ${item.index}`;
const meta = btn.querySelector(".result-meta");
const addPill = (text) => {
const pill = document.createElement("span");
pill.className = "result-pill";
pill.textContent = text;
meta.appendChild(pill);
};
addPill(`Source: ${providerLabel(item.provider)}`);
if (item.has_sub) addPill("SUB");
if (item.has_dub) addPill("DUB");
addPill(item.episodes ? `${item.episodes} episodes` : `Result ${item.index}`);
const img = btn.querySelector("img");
const tile = btn.querySelector(".cover-tile");
img.alt = item.title;