Buriburizaemon/nezha_domains
1
0
Fork 0
mirror of https://github.com/Buriburizaem0n/nezha_domains.git synced 2026-02-06 13:40:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Progressbar restructure and UI design update

Browse Source
This commit is contained in:
Jackie Sung
2021-01-29 00:49:49 +08:00
parent c55cb942b3
commit d831c00895
8 changed files with 285 additions and 305 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resource/static/theme-daynight/js/mode.js
View File

@@ -1 +1 @@
var darkCheckBox=document.querySelector("input[name=theme]"),themeStatus=document.getElementsByTagName("BODY")[0];darkCheckBox.addEventListener("change",(function(){this.checked?(trans(),themeStatus.setAttribute("data-theme","dark")):(trans(),themeStatus.setAttribute("data-theme","light"))}));let trans=()=>{themeStatus.classList.add("transition-theme"),window.setTimeout(()=>{themeStatus.classList.remove("transition-theme")},1e3)};var listCheckBox=document.querySelector("input[name=grid]");themeStatus=document.getElementsByTagName("BODY")[0];listCheckBox.addEventListener("change",(function(){this.checked?(transs(),themeStatus.setAttribute("data-gridlist","list")):(transs(),themeStatus.setAttribute("data-gridlist","grid"))}));let transs=()=>{themeStatus.classList.add("transition-theme"),window.setTimeout(()=>{themeStatus.classList.remove("transition-theme")},1e3)};
let darkCheckBox=$("input[name=theme]"),listCheckBox=$("input[name=grid]");darkCheckBox.change((function(){this.checked?(trans(),$("body").attr("data-theme","dark")):(trans(),$("body").attr("data-theme","light"))})),listCheckBox.change((function(){this.checked?(trans(),$("body").attr("data-gridlist","list")):(trans(),$("body").attr("data-gridlist","grid"))}));let servicedarkCheckBox=$("input[name=service-theme]"),servicelistCheckBox=$("input[name=service-grid]");function lightModeSwitch(){trans(),$("body").attr("data-theme","light")}function darkModeSwitch(){trans(),$("body").attr("data-theme","dark")}function gridModeSwitch(){trans(),$("body").attr("data-gridlist","grid")}function listModeSwitch(){trans(),$("body").attr("data-gridlist","list")}servicedarkCheckBox.change((function(){this.checked?(trans(),$("body").attr("data-theme","dark"),$(".service-mobile-toggle").toggleClass("smt-active")):(trans(),$("body").attr("data-theme","light"),$(".service-mobile-toggle").toggleClass("smt-active"))})),servicelistCheckBox.change((function(){this.checked?(trans(),$("body").attr("data-gridlist","list"),$(".service-mobile-toggle").toggleClass("smt-active")):(trans(),$("body").attr("data-gridlist","grid"),$(".service-mobile-toggle").toggleClass("smt-active"))})),$(document).ready((function(){$(".sidebar-container ul li:first-child").click(lightModeSwitch),$(".sidebar-container ul li:nth-child(2)").click(darkModeSwitch),$(".sidebar-container ul li:nth-child(3)").click(gridModeSwitch),$(".sidebar-container ul li:last-child").click(listModeSwitch)}));let trans=()=>{$("body").addClass("transition-theme"),window.setTimeout(()=>{$("body").removeClass("transition-theme")},1e3)},transSidebar=()=>{$("body").addClass("transition-sidebar"),window.setTimeout(()=>{$("body").removeClass("transition-sidebar")},1e3)};$(document).ready((function(){$(".sidebar-container ul li").hover((function(){transSidebar()}))}));