diff --git a/static/js/main.js b/static/js/main.js index 0500c685..15e008c1 100644 --- a/static/js/main.js +++ b/static/js/main.js @@ -601,6 +601,7 @@ var _utils = require("./modules/utils"); var _multiTab = require("./modules/multiTab"); var _feedback = require("./modules/feedback"); const { mount } = redom; + document.querySelectorAll('.modal-button').forEach(function(el) { el.addEventListener('click', function() { var target = document.querySelector(el.getAttribute('data-target')); @@ -627,7 +628,6 @@ document.addEventListener("DOMContentLoaded", function() { (0, _utils.header).init(); hljs.highlightAll(); if (navigator && navigator.clipboard) (0, _utils.addCopyButtons)(navigator.clipboard); - (0, _utils.removeExpiredEvents)(); (0, _utils.addAnchorLinks)(); (0, _utils.scrollSideMenu)(); // changelogFilter() @@ -638,30 +638,30 @@ document.addEventListener("DOMContentLoaded", function() { }, 150); (0, _utils.header).unpin(); } - (async function() { - try { - await (0, _search.setupSearch)(); - mount(document.getElementById("search-button-container"), (0, _search.searchButton)); - mount(document.getElementById("search-modal-container"), (0, _search.searchModal)); - document.onkeydown = function(e) { - if (e.key == "Escape") (0, _search.searchModal).close(); - if ((e.key == "k" || e.key == "K") && (e.metaKey || e.ctrlKey)) { - e.preventDefault(); - e.stopPropagation(); - (0, _search.searchModal).open(); - } - if (e.key == "s" || e.key == "S") { - let searchBar = document.getElementById("hub-search-input"); - if (searchBar && document.activeElement != searchBar) { - e.preventDefault(); - searchBar.focus(); - } - } - }; - } catch (err) { - console.error("Could not setup search"); - } - })(); + // (async function() { + // try { + // await (0, _search.setupSearch)(); + // mount(document.getElementById("search-button-container"), (0, _search.searchButton)); + // mount(document.getElementById("search-modal-container"), (0, _search.searchModal)); + // document.onkeydown = function(e) { + // if (e.key == "Escape") (0, _search.searchModal).close(); + // if ((e.key == "k" || e.key == "K") && (e.metaKey || e.ctrlKey)) { + // e.preventDefault(); + // e.stopPropagation(); + // (0, _search.searchModal).open(); + // } + // if (e.key == "s" || e.key == "S") { + // let searchBar = document.getElementById("hub-search-input"); + // if (searchBar && document.activeElement != searchBar) { + // e.preventDefault(); + // searchBar.focus(); + // } + // } + // }; + // } catch (err) { + // console.error("Could not setup search"); + // } + // })(); // Init feedback on docs pages let feedback = document.getElementById("feedback-wrapper"); if (feedback) (0, _feedback.createFeedbackElement)(feedback); @@ -1069,18 +1069,15 @@ parcelHelpers.defineInteropFlag(exports); parcelHelpers.export(exports, "scrollSideMenu", ()=>scrollSideMenu); parcelHelpers.export(exports, "addCopyButtons", ()=>addCopyButtons); parcelHelpers.export(exports, "addAnchorLinks", ()=>addAnchorLinks); -parcelHelpers.export(exports, "changelogFilter", ()=>changelogFilter); -parcelHelpers.export(exports, "removeExpiredEvents", ()=>removeExpiredEvents); parcelHelpers.export(exports, "header", ()=>header); -parcelHelpers.export(exports, "blogAd", ()=>blogAd); + +// init headroom for sticky menu on upscroll var header = new Headroom(document.querySelector("#topbar"), { tolerance: 5, offset: 80 }); -var blogAd = new Headroom(document.querySelector("#blogSlogan"), { - tolerance: 5, - offset: 300 -}); + +// init side menu accordions function scrollSideMenu() { let sidemenu = document.querySelector("aside.menu"); if (sidemenu) { @@ -1098,6 +1095,8 @@ function scrollSideMenu() { } } } + +// copy to clipboard const svgCopy = ''; const svgCheck = ''; const addCopyButtons = (clipboard)=>{ @@ -1140,6 +1139,8 @@ const addCopyButtons = (clipboard)=>{ pre.appendChild(button); }); }; + +// add clickable #anchors to markdown titles const addAnchorLinks = ()=>{ const elementsToProcess = document.querySelectorAll(".content h1, .content h2, .content h3, .content h4, .content tr"); elementsToProcess.forEach((element)=>{ @@ -1172,77 +1173,9 @@ const addAnchorLinks = ()=>{ }); }); }; -function removeExpiredEvents() { - let events = document.querySelectorAll(".community-highlight .carousel-cell"); - let eventsNumber = events.length; - if (eventsNumber) events.forEach((k)=>{ - if (k.dataset.expirydate) { - let eventExpiryDate = new Date(k.dataset.expirydate); - if (eventExpiryDate < Date.now()) { - k.remove(); - eventsNumber--; - } - } - }); - else return; - if (eventsNumber) { - var elem = document.querySelector('.main-carousel'); - var flkty = new Flickity(elem, { - // options - cellAlign: 'left', - contain: true - }); - // element argument can be a selector string - // for an individual element - var flkty = new Flickity('.main-carousel', { - }); - } else { - let eventsCarousel = document.querySelector(".community-highlight"); - eventsCarousel.innerHTML = ` - - `; - } -} -function changelogFilter() { - let changelogItems = Array.from(document.querySelectorAll(".changelog-item-title")); - if (changelogItems.length) { - let changelogTags = new Set([ - "all_features" - ]); - changelogItems.map((k)=>{ - JSON.parse(k.dataset.tags).forEach((item)=>changelogTags.add(item)); - }); - changelogTags = Array.from(changelogTags); - let changelogSelect = document.getElementById("changelog-select"); - changelogTags.map((k)=>{ - let opt = document.createElement('option'); - opt.value = k; - opt.innerHTML = k; - changelogSelect.appendChild(opt); - }); - changelogSelect.addEventListener("change", ()=>{ - let selected = changelogSelect.value; - changelogItems.map((k)=>{ - if (selected != "all_features" && !k.dataset.tags.includes(selected)) { - console.log(k.parentElement); - k.parentElement.style.display = "none"; - } else k.parentElement.style.display = "flex"; - }); - }); - } -} + +// tabs for multiple languages },{"@parcel/transformer-js/src/esmodule-helpers.js":"j7FRh"}],"1bdXi":[function(require,module,exports,__globalThis) { var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js"); parcelHelpers.defineInteropFlag(exports); @@ -1385,6 +1318,8 @@ function filterMultitabQuery() { return multitabQuery; } + +// user feedback thumbsup/down vote },{"@parcel/transformer-js/src/esmodule-helpers.js":"j7FRh"}],"c5ZDr":[function(require,module,exports,__globalThis) { var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js"); parcelHelpers.defineInteropFlag(exports); diff --git a/templates/content_top.hbs b/templates/content_top.hbs index c71175c4..5b531a9e 100644 --- a/templates/content_top.hbs +++ b/templates/content_top.hbs @@ -115,6 +115,17 @@ document.documentElement.classList.toggle('dark-theme', mode === "dark"); } + + + +