68 lines
1.8 KiB
JavaScript
68 lines
1.8 KiB
JavaScript
"use strict"; /* global document, Jets */
|
|
|
|
|
|
|
|
// Initiate search functionality
|
|
let jets = new Jets({
|
|
contentTag: "#toc",
|
|
searchTag: "#input-search"
|
|
});
|
|
|
|
// Reset search on page load
|
|
document.getElementById("input-search").value = "";
|
|
|
|
// Activate search
|
|
document.getElementById("input-search").addEventListener("keyup", () => {
|
|
if (document.getElementById("input-search").value)
|
|
document.querySelector(".api-toc__search-clear").classList.add("active");
|
|
|
|
else
|
|
document.querySelector(".api-toc__search-clear").classList.remove("active");
|
|
});
|
|
|
|
// Cancel search
|
|
document.querySelector(".api-toc__search-clear").addEventListener("click", () => {
|
|
document.getElementById("input-search").value = "";
|
|
document.querySelector(".api-toc__search-clear").classList.remove("active");
|
|
jets.destroy();
|
|
reinitJets();
|
|
});
|
|
|
|
|
|
|
|
// Code toggles
|
|
handleApiLanguageToggles("curl");
|
|
handleApiLanguageToggles("lbrynet");
|
|
handleApiLanguageToggles("python");
|
|
|
|
|
|
|
|
// H E L P E R S
|
|
|
|
function handleApiLanguageToggles(language) {
|
|
document.getElementById(`toggle-${language}`).addEventListener("click", () => {
|
|
const codeExamples = document.querySelectorAll(`[data-api-example-type="${language}"]`);
|
|
const examples = document.querySelectorAll("[data-api-example-type]");
|
|
const toggles = document.querySelectorAll("*[id^='toggle-']");
|
|
|
|
for (const example of examples)
|
|
example.classList.remove("active");
|
|
|
|
for (const example of codeExamples)
|
|
example.classList.add("active");
|
|
|
|
for (const toggle of toggles)
|
|
toggle.classList.remove("active");
|
|
|
|
document.getElementById(`toggle-${language}`).classList.add("active");
|
|
});
|
|
}
|
|
|
|
function reinitJets() {
|
|
jets = new Jets({
|
|
contentTag: "#toc",
|
|
searchTag: "#input-search"
|
|
});
|
|
|
|
document.getElementById("input-search").focus();
|
|
}
|