Add search language availability badges
This commit is contained in:
+13
-8
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user