diff --git a/src/main/resources/static/js/navbar.js b/src/main/resources/static/js/navbar.js
index 669e264f..e0eff9fa 100644
--- a/src/main/resources/static/js/navbar.js
+++ b/src/main/resources/static/js/navbar.js
@@ -43,37 +43,36 @@ function toolsManager() {
}
window.tooltipSetup = () => {
- const tooltipElements = document.querySelectorAll("[title]");
+ const tooltipElements = document.querySelectorAll('[title]');
tooltipElements.forEach((element) => {
- const tooltipText = element.getAttribute("title");
- element.removeAttribute("title");
-
- const customTooltip = document.createElement("div");
- customTooltip.className = "btn-tooltip";
+ const tooltipText = element.getAttribute('title');
+ element.removeAttribute('title');
+ element.setAttribute('data-title, tooltipText');
+ const customTooltip = document.createElement('div');
+ customTooltip.className = 'btn-tooltip';
customTooltip.textContent = tooltipText;
document.body.appendChild(customTooltip);
- element.addEventListener("mouseenter", (event) => {
- customTooltip.style.display = "block";
+ element.addEventListener('mouseenter', (event) => {
+ customTooltip.style.display = 'block';
customTooltip.style.left = `${event.pageX + 10}px`; // Position tooltip slightly away from the cursor
customTooltip.style.top = `${event.pageY + 10}px`;
});
// Update the position of the tooltip as the user moves the mouse
- element.addEventListener("mousemove", (event) => {
+ element.addEventListener('mousemove', (event) => {
customTooltip.style.left = `${event.pageX + 10}px`;
customTooltip.style.top = `${event.pageY + 10}px`;
});
-
// Hide the tooltip when the mouse leaves
- element.addEventListener("mouseleave", () => {
- customTooltip.style.display = "none";
+ element.addEventListener('mouseleave', () => {
+ customTooltip.style.display = 'none';
});
});
-}
-document.addEventListener("DOMContentLoaded", () => {
+};
+document.addEventListener('DOMContentLoaded', () => {
tooltipSetup();
});
diff --git a/src/main/resources/static/js/tab-container.js b/src/main/resources/static/js/tab-container.js
index 2aa85b32..b85334c3 100644
--- a/src/main/resources/static/js/tab-container.js
+++ b/src/main/resources/static/js/tab-container.js
@@ -1,15 +1,14 @@
TabContainer = {
initTabGroups() {
- const groups = document.querySelectorAll(".tab-group");
+ const groups = document.querySelectorAll('.tab-group');
const unloadedGroups = [...groups].filter((g) => !g.initialised);
unloadedGroups.forEach((group) => {
- const containers = group.querySelectorAll(".tab-container");
- const tabTitles = [...containers].map((c) => c.getAttribute("title"));
-
- const tabList = document.createElement("div");
- tabList.classList.add("tab-buttons");
+ const containers = group.querySelectorAll('.tab-container');
+ const tabTitles = [...containers].map((c) => c.getAttribute('data-title'));
+ const tabList = document.createElement('div');
+ tabList.classList.add('tab-buttons');
tabTitles.forEach((title) => {
- const tabButton = document.createElement("button");
+ const tabButton = document.createElement('button');
tabButton.innerHTML = title;
tabButton.onclick = (e) => {
this.setActiveTab(e.target);
@@ -24,15 +23,15 @@ TabContainer = {
});
},
setActiveTab(tabButton) {
- const group = tabButton.closest(".tab-group");
+ const group = tabButton.closest('.tab-group');
- group.querySelectorAll(".active").forEach((el) => el.classList.remove("active"));
+ group.querySelectorAll('.active').forEach((el) => el.classList.remove('active'));
- tabButton.classList.add("active");
- group.querySelector(`[title="${tabButton.innerHTML}"]`).classList.add("active");
+ tabButton.classList.add('active');
+ group.querySelector(`[data-title="${tabButton.innerHTML}"]`).classList.add('active');
},
};
-document.addEventListener("DOMContentLoaded", () => {
+document.addEventListener('DOMContentLoaded', () => {
TabContainer.initTabGroups();
});
diff --git a/src/main/resources/templates/sign.html b/src/main/resources/templates/sign.html
index 7d8b8b66..60573745 100644
--- a/src/main/resources/templates/sign.html
+++ b/src/main/resources/templates/sign.html
@@ -43,13 +43,13 @@