smyalygames/quartz
Template
1
0
Fork 0
mirror of https://github.com/jackyzha0/quartz.git synced 2025-05-18 22:44:14 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Clean up redundant code

Browse Source
This commit is contained in:
saberzero1 2024-10-03 19:34:22 +02:00
parent ad1a7d7c91
commit 4e8e251f32
No known key found for this signature in database
GPG Key ID: 41AEE99107640F10
1 changed files with 10 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
quartz/components/scripts/explorer.inline.ts
View File

@ -4,10 +4,6 @@ import { FolderState } from "../ExplorerNode"
type MaybeHTMLElement = HTMLElement | undefined
let currentExplorerState: FolderState[]
function escapeCharacters(str: string) {
return str.replace(/'/g, "\\'").replace(/"/g, '\\"')
}
const observer = new IntersectionObserver((entries) => {
// If last element is observed, remove gradient of "overflow" class so element is visible
const explorerUl = document.getElementById("explorer-ul")
@ -65,20 +61,13 @@ function toggleExplorer(this: HTMLElement) {
) as MaybeHTMLElement
if (!content) return
content.classList.toggle("collapsed")
//content.style.maxHeight = content.style.maxHeight === "0px" ? content.scrollHeight + "px" : "0px"
content.classList.toggle("explorer-viewmode")
//prevent scroll under
// Prevent scroll under
if (document.querySelector("#mobile-explorer")) {
const article = document.querySelectorAll(
".popover-hint, footer, .backlinks, .graph, .toc, #progress",
)
const header = document.querySelector("#quartz-body")
if (article)
article.forEach((element) => {
element.classList.toggle("no-scroll")
})
if (header) header.classList.toggle("lock-scroll")
// Disable scrolling one the page when the explorer is opened on mobile
const bodySelector = document.querySelector("#quartz-body")
if (bodySelector) bodySelector.classList.toggle("lock-scroll")
}
}
@ -92,6 +81,7 @@ function setupExplorer() {
// Convert to bool
const useSavedFolderState = explorer?.dataset.savestate === "true"
const usePagePathState = explorer?.dataset.pagepathstate === "true"
if (explorer) {
// Get config
@ -124,15 +114,13 @@ function setupExplorer() {
const oldExplorerState: FolderState[] =
storageTree && useSavedFolderState ? JSON.parse(storageTree) : []
const oldIndex = new Map(oldExplorerState.map((entry) => [entry.path, entry.collapsed]))
//console.log(explorer.dataset.tree)
//console.log(explorer.dataset.tree ? JSON.parse(explorer.dataset.tree) : [])
const newExplorerState: FolderState[] = explorer.dataset.tree
? JSON.parse(explorer.dataset.tree)
: []
currentExplorerState = []
for (const { path, collapsed } of newExplorerState) {
currentExplorerState.push({ path, collapsed: /*oldIndex.get(path) ?? */ collapsed })
currentExplorerState.push({ path, collapsed: usePagePathState ? oldIndex.get(path) ?? collapsed : collapsed })
}
currentExplorerState.map((folderState) => {
@ -167,24 +155,15 @@ function toggleExplorerFolders() {
window.addEventListener("resize", setupExplorer)
document.addEventListener("DOMContentLoaded", () => {
const explorer = document.querySelector("#mobile-explorer")
if (explorer) {
explorer.classList.add("collapsed")
const content = explorer.nextElementSibling?.nextElementSibling as HTMLElement
content.classList.add("collapsed")
content.classList.toggle("explorer-viewmode")
}
toggleExplorerFolders()
})
document.addEventListener("nav", () => {
const explorer = document.querySelector("#mobile-explorer")
if (explorer) {
explorer.classList.add("collapsed")
const content = explorer.nextElementSibling?.nextElementSibling as HTMLElement
content.classList.add("collapsed")
content.classList.toggle("explorer-viewmode")
if (content) {
content.classList.add("collapsed")
content.classList.toggle("explorer-viewmode")
}
}
setupExplorer()
//add collapsed class to all folders