75 lines
2.7 KiB
JavaScript
75 lines
2.7 KiB
JavaScript
|
document.addEventListener("DOMContentLoaded", function () {
|
||
|
|
const TabItems = document.querySelectorAll(".joe_config__aside .item");
|
||
|
|
const Notice = document.querySelector(".joe_config__notice");
|
||
|
|
const Form = document.querySelector(".joe_config > form");
|
||
|
|
const Content = document.querySelectorAll(".joe_content");
|
||
|
|
TabItems.forEach(function (item) {
|
||
|
|
item.addEventListener("click", function () {
|
||
|
|
TabItems.forEach(function (_item) {
|
||
|
|
_item.classList.remove("active");
|
||
|
|
});
|
||
|
|
item.classList.add("active");
|
||
|
|
let current = item.getAttribute("data-current");
|
||
|
|
sessionStorage.setItem("joe_config_current", current);
|
||
|
|
if (current === "joe_notice") {
|
||
|
|
Notice.style.display = "block";
|
||
|
|
Form.style.display = "none";
|
||
|
|
} else {
|
||
|
|
Notice.style.display = "none";
|
||
|
|
Form.style.display = "block";
|
||
|
|
}
|
||
|
|
Content.forEach(function (_item) {
|
||
|
|
_item.style.display = "none";
|
||
|
|
let flag = _item.classList.contains(current);
|
||
|
|
if (flag) {
|
||
|
|
_item.style.display = "block";
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
if (sessionStorage.getItem("joe_config_current")) {
|
||
|
|
let current = sessionStorage.getItem("joe_config_current");
|
||
|
|
if (current === "joe_notice") {
|
||
|
|
Notice.style.display = "block";
|
||
|
|
Form.style.display = "none";
|
||
|
|
} else {
|
||
|
|
Form.style.display = "block";
|
||
|
|
Notice.style.display = "none";
|
||
|
|
}
|
||
|
|
TabItems.forEach(function (item) {
|
||
|
|
let _current = item.getAttribute("data-current");
|
||
|
|
if (_current === current) item.classList.add("active");
|
||
|
|
});
|
||
|
|
Content.forEach(function (_item) {
|
||
|
|
if (_item.classList.contains(current)) {
|
||
|
|
_item.style.display = "block";
|
||
|
|
}
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
TabItems[0].classList.add("active");
|
||
|
|
Notice.style.display = "block";
|
||
|
|
Form.style.display = "none";
|
||
|
|
}
|
||
|
|
const xhr = new XMLHttpRequest();
|
||
|
|
xhr.onreadystatechange = () => {
|
||
|
|
if (xhr.readyState === 4) {
|
||
|
|
if ((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304) {
|
||
|
|
let res = JSON.parse(xhr.responseText);
|
||
|
|
if (res.success) {
|
||
|
|
Notice.innerHTML = res.content;
|
||
|
|
} else {
|
||
|
|
Notice.innerHTML = "请求失败！";
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
Notice.innerHTML = "请求失败！";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
xhr.open(
|
||
|
|
"get",
|
||
|
|
"https://ae.js.cn/qqshoucang.php?key=18e958d8c7fa5d435844f95c9f254fca",
|
||
|
|
true
|
||
|
|
);
|
||
|
|
xhr.send(null);
|
||
|
|
});
|