wehub-resource-sync
96 lines
3.1 KiB
JavaScript
96 lines
3.1 KiB
JavaScript
let new_termynals = [];
|
|
|
|
function createTermynals() {
|
|
const containers = document.getElementsByClassName("termynal");
|
|
Array.from(containers).forEach(addTermynal);
|
|
}
|
|
|
|
function addTermynal(container) {
|
|
const t = new Termynal(container, {
|
|
noInit: true,
|
|
});
|
|
new_termynals.push(t);
|
|
}
|
|
|
|
// Initialize Termynals that are visible on the page. Once initialized, remove
|
|
// the Termynal from terminals that remain to be loaded.
|
|
function loadVisibleTermynals() {
|
|
new_termynals = new_termynals.filter(termynal => {
|
|
if (termynal.container.getBoundingClientRect().top - innerHeight <= 0) {
|
|
termynal.init();
|
|
return false;
|
|
}
|
|
return true;
|
|
});
|
|
}
|
|
|
|
// Store the state of the page in the browser's local storage.
|
|
// For now this includes just the sidebar scroll position.
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
const sidebar = document.getElementById("main-sidebar")
|
|
|
|
window.addEventListener("beforeunload", () => {
|
|
if (sidebar) {
|
|
localStorage.setItem("scroll", sidebar.scrollTop)
|
|
}
|
|
})
|
|
|
|
const storedScrollPosition = localStorage.getItem("scroll")
|
|
if (storedScrollPosition) {
|
|
if (sidebar) {
|
|
sidebar.scrollTop = storedScrollPosition;
|
|
}
|
|
localStorage.removeItem("scroll");
|
|
}
|
|
|
|
})
|
|
|
|
// Send GA events any time a code block is copied
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
let codeButtons = document.querySelectorAll(".copybtn");
|
|
for (let i = 0; i < codeButtons.length; i++) {
|
|
const button = codeButtons[i];
|
|
button.addEventListener("click", function() {
|
|
if (typeof window.dataLayer === 'undefined' || !Array.isArray(window.dataLayer)) {
|
|
console.warn('Google Tag Manager dataLayer not available - code copy not tracked');
|
|
return;
|
|
}
|
|
|
|
window.dataLayer.push({
|
|
event: "code_copy_click",
|
|
category: "ray_docs_copy_code",
|
|
page_location: window.location.href,
|
|
page_title: document.title,
|
|
button_target: button.getAttribute("data-clipboard-target") || "unknown",
|
|
value: 1,
|
|
});
|
|
});
|
|
}
|
|
});
|
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
let anyscaleButton = document.getElementById("try-anyscale")
|
|
if (anyscaleButton) {
|
|
anyscaleButton.onclick = () => {
|
|
if (typeof window.dataLayer === 'undefined' || !Array.isArray(window.dataLayer)) {
|
|
console.warn('Google Tag Manager dataLayer not available - try anyscale click not tracked');
|
|
return;
|
|
}
|
|
|
|
window.dataLayer.push({
|
|
event: "try_anyscale_click",
|
|
category: "TryAnyscale",
|
|
page_location: window.location.href,
|
|
page_title: document.title,
|
|
link_url: "https://www.anyscale.com",
|
|
value: 1,
|
|
});
|
|
window.open('https://www.anyscale.com', '_blank');
|
|
}
|
|
}
|
|
});
|
|
|
|
window.addEventListener("scroll", loadVisibleTermynals);
|
|
createTermynals();
|
|
loadVisibleTermynals();
|