ismism/ismism.ts/ui/bind/nav.ts

// deno-lint-ignore-file no-window-prefix
import type { Pas } from "../../src/pra/pas.ts"
import type { NId } from "../../src/pra/que.ts"
import { adm } from "../../src/ont/adm.ts"
import { pas, aut, soc, usr, agd, ordl, md, idn, id } from "./article.ts"
import { adm1, adm2, pas_a, pos, que } from "./template.ts"

export const nav: {
	pas: Pas | null,
	hash: string,
	nid: NId | null,
	cont: (() => void) | null,
	refresh: null | number,
} = {
	pas: null,
	hash: "",
	nid: null,
	cont: null,
	refresh: null,
}

export async function navpas(
	p?: Pas | null
) {
	nav.pas = p === undefined ? await pos<Pas>("pas", {}) : p
	if (nav.pas) {
		pas_a.innerText = nav.pas.nam
		pas_a.href = `#${nav.pas.uid}`
	} else {
		pas_a.innerText = "用户登录"
		pas_a.href = "#pas"
	}
}

function tag(
	t: HTMLMenuElement,
	h?: string,
	n?: string,
) {
	const l = t.appendChild(document.createElement("li"))
	if (h) {
		const a = l.appendChild(document.createElement("a"))
		a.href = `#${h}`
		a.addEventListener("click", () => {
			for (const e of a.parentElement!.parentElement!.children) e.classList.remove("active")
			a.parentElement!.classList.add("active")
			// if (scroll) t.scrollIntoView({ behavior: "smooth" })
		})
		if (n) a.innerText = n
	}
	return l
}

function menu(
	t: HTMLMenuElement,
	[ph, pn]: [string, string],
	hn: [string, string][],
) {
	t.innerHTML = ""
	tag(t)
	tag(t, ph, pn).classList.add("active")
	for (const [h, n] of hn) tag(t, h, n)
	tag(t)
}

export async function navnid(
	p?: "soc" | "agd",
	a1?: string,
	a2?: string,
) {
	if (!p) {
		adm1.parentElement!.classList.add("none")
		adm2.parentElement!.classList.add("none")
		return
	}
	if (!a1) {
		nav.nid = await que<NId>("nid")
		const admn = p === "soc" ? nav.nid!.adm1nsid : nav.nid!.adm1naid
		const s = admn.reduce((x, y) => x + y[1], 0)
		menu(adm1, [p, `全部 (${s})`], admn.map(([a, n]) => [`${p}${a}`, `${a} (${n})`]))
		adm1.parentElement!.classList.remove("none")
		adm2.parentElement!.classList.add("none")
	} else if (!nav.nid) return
	else if (!a2) {
		const a2 = adm.get(a1)!
		const admn = (p === "soc" ? nav.nid.adm2nsid : nav.nid.adm2naid)
			.filter(an => a2.includes(an[0]))
		const s = admn.reduce((x, y) => x + y[1], 0)
		menu(adm2, [`${p}${a1}`, `全部 (${s})`], admn.map(([a, n]) => [`${p}${a1}-${a}`, `${a} (${n})`]))
		adm1.parentElement!.classList.remove("none")
		adm2.parentElement!.classList.remove("none")
	} else {
		adm1.parentElement!.classList.remove("none")
		adm2.parentElement!.classList.remove("none")
	}
}

export function navhash(
	h: string
): boolean {
	if (nav.hash === h || nav.hash === "" && h === "agd") return false
	location.href = `#${h}`
	return true
}

window.addEventListener("hashchange", () => {
	nav.hash = decodeURI(location.hash).substring(1)
	nav.cont = null
	if (nav.refresh) clearInterval(nav.refresh)
	nav.refresh = null
	if (nav.hash === "pas") pas()
	else if (nav.hash === "aut") aut()
	else if (/^\d+$/.test(nav.hash)) usr(parseInt(nav.hash))
	else if (nav.hash === "soc") id("soc")
	else if (nav.hash.startsWith("soc")) id("soc", nav.hash.substring(3))
	else if (/^s\d+$/.test(nav.hash)) soc(parseInt(nav.hash.substring(1)))
	else if (nav.hash === "" || nav.hash === "agd") id("agd")
	else if (nav.hash.startsWith("agd")) id("agd", nav.hash.substring(3))
	else if (/^a\d+$/.test(nav.hash)) agd(parseInt(nav.hash.substring(1)))
	else if (nav.hash.startsWith("ord")) ordl(nav.hash.substring(3))
	else if (nav.hash === "wsl") md("wsl", 0, "many")
	else if (nav.hash.startsWith("wsl")) md("wsl", parseInt(nav.hash.substring(3)), "one")
	else if (nav.hash === "lit") md("lit", 0, "many")
	else if (nav.hash.startsWith("lit")) md("lit", parseInt(nav.hash.substring(3)), "one")
	else idn(nav.hash, "链接")
})

window.addEventListener("scroll", () => {
	if (nav.cont && window.innerHeight + window.scrollY >= document.body.offsetHeight) nav.cont()
})

export async function load(
) {
	console.log("ismism-20230412")
	console.log(`\n主义主义开发小组！成员招募中！\n\n发送自我介绍至网站维护邮箱，或微信联系 728 万大可\n \n`)
	await navpas()
	window.dispatchEvent(new Event("hashchange"))
}