|
|
|
function toggleSiteSideMenu() {
|
|
|
|
let displayStyle = document.getElementById("be-site-side-menu").style.display;
|
|
|
|
if (displayStyle === "flex") {
|
|
|
|
document.getElementById("be-site-side-menu").style.display = "none";
|
|
|
|
} else {
|
|
|
|
document.getElementById("be-site-side-menu").style.display = "flex";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function closeAlert() {
|
|
|
|
document.getElementById("be-alert-container").style.display = "none";
|
|
|
|
}
|
|
|
|
|
|
|
|
window.addEventListener("load", () => {
|
|
|
|
// (A) GET HTML ELEMENTS
|
|
|
|
var filter = document.getElementById("fe-search-filter"), // search box
|
|
|
|
list = document.querySelectorAll("#fe-search-filter-list li"); // all list items
|
|
|
|
|
|
|
|
// (B) ATTACH KEY UP LISTENER TO SEARCH BOX
|
|
|
|
filter.onkeyup = () => {
|
|
|
|
// (B1) GET CURRENT SEARCH TERM
|
|
|
|
let search = filter.value.toLowerCase();
|
|
|
|
|
|
|
|
// (B2) LOOP THROUGH LIST ITEMS - ONLY SHOW THOSE THAT MATCH SEARCH
|
|
|
|
for (let i of list) {
|
|
|
|
let item = i.innerHTML.toLowerCase();
|
|
|
|
if (item.indexOf(search) == -1) { i.classList.add("hide"); }
|
|
|
|
else { i.classList.remove("hide"); }
|
|
|
|
}
|
|
|
|
};
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
function copyToClipBoard (slug) {
|
|
|
|
let URL = location.protocol + "//" + location.host + "/storage/view/media/" + slug;
|
|
|
|
let popup = document.getElementById(slug + "-popup");
|
|
|
|
navigator.clipboard.writeText(URL).then(() => {
|
|
|
|
/* Resolved - text copied to clipboard */
|
|
|
|
console.log("Copied: " + URL + " to clipboard.");
|
|
|
|
popup.style.visibility = "visible";
|
|
|
|
setTimeout(function () {
|
|
|
|
popup.style.visibility = "hidden";
|
|
|
|
}, 2000);
|
|
|
|
|
|
|
|
},() => {
|
|
|
|
/* Rejected - clipboard failed */
|
|
|
|
console.log("Couldn't copy " + URL + " to clipboard");
|
|
|
|
});
|
|
|
|
}
|