You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
142 lines
3.2 KiB
JavaScript
142 lines
3.2 KiB
JavaScript
const electron = require("electron");
|
|
/**
|
|
*
|
|
* @param {string} id
|
|
* @returns {any}
|
|
*/
|
|
function getId(id) {
|
|
return document.getElementById(id);
|
|
}
|
|
|
|
let menuIsOpen = false;
|
|
|
|
getId("menuIcon").addEventListener("click", () => {
|
|
if (menuIsOpen) {
|
|
getId("menuIcon").style.transform = "rotate(0deg)";
|
|
menuIsOpen = false;
|
|
let count = 0;
|
|
let opacity = 1;
|
|
const fade = setInterval(() => {
|
|
if (count >= 10) {
|
|
getId("menu").style.display = "none";
|
|
clearInterval(fade);
|
|
} else {
|
|
opacity -= 0.1;
|
|
getId("menu").style.opacity = opacity.toFixed(3).toString();
|
|
count++;
|
|
}
|
|
}, 50);
|
|
} else {
|
|
getId("menuIcon").style.transform = "rotate(90deg)";
|
|
menuIsOpen = true;
|
|
|
|
setTimeout(() => {
|
|
getId("menu").style.display = "flex";
|
|
getId("menu").style.opacity = "1";
|
|
}, 150);
|
|
}
|
|
});
|
|
|
|
getId("themeToggle").addEventListener("change", () => {
|
|
localStorage.setItem("theme", getId("themeToggle").value);
|
|
|
|
const x = window.innerWidth;
|
|
const y = 0;
|
|
const maxRadius = Math.hypot(window.innerWidth, window.innerHeight);
|
|
|
|
const transition = document.startViewTransition(() => {
|
|
document.documentElement.setAttribute("theme", getId("themeToggle").value);
|
|
});
|
|
|
|
transition.ready.then(() => {
|
|
document.documentElement.animate(
|
|
{
|
|
clipPath: [
|
|
`circle(0px at ${x}px ${y}px)`,
|
|
`circle(${maxRadius}px at ${x}px ${y}px)`
|
|
]
|
|
},
|
|
{
|
|
duration: 1100,
|
|
easing: 'cubic-bezier(0.4, 0, 0.2, 1)',
|
|
pseudoElement: '::view-transition-new(root)'
|
|
}
|
|
);
|
|
});
|
|
});
|
|
|
|
const storageTheme = localStorage.getItem("theme");
|
|
if (storageTheme) {
|
|
document.documentElement.setAttribute("theme", storageTheme);
|
|
getId("themeToggle").value = storageTheme;
|
|
}
|
|
|
|
////
|
|
let advancedHidden = true;
|
|
|
|
function advancedToggle() {
|
|
if (advancedHidden) {
|
|
getId("advanced").style.display = "block";
|
|
advancedHidden = false;
|
|
} else {
|
|
getId("advanced").style.display = "none";
|
|
advancedHidden = true;
|
|
}
|
|
}
|
|
|
|
// Check scroll go to top
|
|
|
|
window.onscroll = function () {
|
|
scrollFunction();
|
|
};
|
|
|
|
function scrollFunction() {
|
|
if (
|
|
document.body.scrollTop > 50 ||
|
|
document.documentElement.scrollTop > 50
|
|
) {
|
|
getId("goToTop").style.display = "block";
|
|
} else {
|
|
getId("goToTop").style.display = "none";
|
|
}
|
|
}
|
|
|
|
// Function to scroll go to top
|
|
|
|
getId("goToTop").addEventListener("click", () => {
|
|
window.scrollTo({top: 0, behavior: "smooth"});
|
|
});
|
|
|
|
// Showing and hiding error details
|
|
function toggleErrorDetails() {
|
|
const status = getId("errorDetails").style.display;
|
|
if (status === "none") {
|
|
getId("errorDetails").style.display = "block";
|
|
// @ts-ignore
|
|
getId("errorBtn").textContent = i18n.__("Error Details") + " ▲";
|
|
} else {
|
|
getId("errorDetails").style.display = "none";
|
|
// @ts-ignore
|
|
getId("errorBtn").textContent = i18n.__("Error Details") + " ▼";
|
|
}
|
|
}
|
|
|
|
// Copying error txt
|
|
|
|
function copyErrorToClipboard() {
|
|
const error = getId("errorDetails").textContent;
|
|
electron.clipboard.writeText(error);
|
|
// @ts-ignore
|
|
showPopup(i18n.__("Copied text"));
|
|
}
|
|
|
|
// Popup message
|
|
function showPopup(text) {
|
|
console.log("Triggered showpopup");
|
|
getId("popupText").textContent = text;
|
|
getId("popupText").style.display = "inline-block";
|
|
setTimeout(() => {
|
|
getId("popupText").style.display = "none";
|
|
}, 2200);
|
|
}
|