0.0.7 init #40
This commit is contained in:
728
@@ -1,177 +0,0 @@
|
||||
import type { Id } from "../../src/eid/typ.ts"
|
||||
import type { Pas } from "../../src/pra/pas.ts"
|
||||
import { utc_medium } from "../../src/ont/utc.ts"
|
||||
import { adm } from "../../src/ont/adm.ts"
|
||||
import { bind, pos, Template, utc_refresh } from "./template.ts"
|
||||
import { is_aut } from "../../src/pra/con.ts"
|
||||
import type { Usr, Soc, Agd } from "./article.ts"
|
||||
import type { DocU } from "../../src/db.ts"
|
||||
import { hash } from "./nav.ts"
|
||||
|
||||
export function label(
|
||||
el: HTMLElement,
|
||||
s: string,
|
||||
) {
|
||||
const l = el.previousElementSibling as HTMLLabelElement
|
||||
l.innerText = s
|
||||
}
|
||||
|
||||
export function btn<
|
||||
T
|
||||
>(
|
||||
b: HTMLButtonElement,
|
||||
s: string,
|
||||
c?: {
|
||||
prompt1?: string,
|
||||
prompt2?: string,
|
||||
confirm?: string,
|
||||
pos: (p1?: string, p2?: string) => T,
|
||||
alert?: string,
|
||||
refresh: (r: NonNullable<Awaited<T>>) => void,
|
||||
}
|
||||
) {
|
||||
b.innerText = s
|
||||
if (c) b.addEventListener("click", async () => {
|
||||
const p1 = c.prompt1 ? prompt(c.prompt1) : undefined
|
||||
if (p1 === null) return
|
||||
const p2 = c.prompt2 ? prompt(c.prompt2) : undefined
|
||||
if (p2 === null) return
|
||||
if (!c.confirm || confirm(c.confirm)) {
|
||||
b.disabled = true
|
||||
const r = await c.pos(p1, p2)
|
||||
if (c.alert) {
|
||||
if (r === null) { alert(c.alert); b.disabled = false; return }
|
||||
} else {
|
||||
if (!r || r <= 0) return
|
||||
}
|
||||
if (r || r === 0) setTimeout(() => c.refresh(r), utc_refresh)
|
||||
}
|
||||
}); else b.disabled = true
|
||||
}
|
||||
|
||||
function selopt(
|
||||
sel: HTMLSelectElement,
|
||||
opt: Iterable<string>,
|
||||
) {
|
||||
sel.options.length = 0
|
||||
for (const op of opt) {
|
||||
const t = document.createElement("option")
|
||||
t.text = op
|
||||
sel.add(t)
|
||||
}
|
||||
}
|
||||
|
||||
export function txt(
|
||||
t: HTMLTextAreaElement,
|
||||
n: string,
|
||||
s?: string,
|
||||
) {
|
||||
if (s) t.value = s
|
||||
t.addEventListener("input", () => {
|
||||
label(t, `${n}：（${t.value.length}/${t.maxLength} 个字符）`)
|
||||
t.style.height = "auto"
|
||||
t.style.height = `${t.scrollHeight}px`
|
||||
})
|
||||
if (s) setTimeout(() => t.dispatchEvent(new Event("input")), 50)
|
||||
}
|
||||
|
||||
export function admsel(
|
||||
t: Template["pasact" | "pre" | "put"],
|
||||
adm1 = "江苏",
|
||||
adm2 = "苏州"
|
||||
) {
|
||||
selopt(t.adm1, adm.keys())
|
||||
t.adm1.value = adm1
|
||||
selopt(t.adm2, adm.get(adm1)!)
|
||||
t.adm2.value = adm2
|
||||
t.adm1.addEventListener("change", () => selopt(t.adm2, adm.get(t.adm1.value)!))
|
||||
}
|
||||
|
||||
export function ida(
|
||||
t: HTMLElement,
|
||||
pf: "" | "s" | "a",
|
||||
nam: Map<Id["_id"], Id["nam"]>,
|
||||
id?: number[],
|
||||
) {
|
||||
if (!id) id = [...nam.keys()]
|
||||
if (id.length === 0) return
|
||||
id.forEach(id => {
|
||||
const a = t.appendChild(document.createElement("a"))
|
||||
a.href = `#${pf}${id}`
|
||||
a.innerText = nam.get(id) ?? `${pf}${id}`
|
||||
})
|
||||
}
|
||||
|
||||
export function idmeta(
|
||||
pas: Pas | null,
|
||||
t: Template["usr" | "soc" | "agd"],
|
||||
id: Usr | Soc | Agd,
|
||||
): boolean {
|
||||
const [rej, ref] = [id.rej.length >= 2, id.ref.length < 2]
|
||||
const re: "rej" | "ref" | null = rej ? "rej" : ref ? "ref" : null
|
||||
const { p }: { p?: boolean } = pas === null ? {} : {
|
||||
...t.tid === "usr" ? { p: is_aut(pas.aut, "pre_usr") || id._id === pas.id.uid } : {},
|
||||
...t.tid === "soc" ? { p: is_aut(pas.aut, "pre_soc") || pas.sid.sec.includes(id._id) } : {},
|
||||
...t.tid === "agd" ? { p: is_aut(pas.aut, "pre_agd") || pas.aid.sec.includes(id._id) } : {},
|
||||
}
|
||||
const pub: boolean = re === null || p === true
|
||||
|
||||
t.adm.innerText = `${id.adm1} ${id.adm2}`
|
||||
t.utc.innerText = `${utc_medium(id.utc)}`
|
||||
ida(t.rej, "", id.unam, id.rej)
|
||||
ida(t.ref, "", id.unam, id.ref)
|
||||
|
||||
if (rej) [t.rej, t.rejc].forEach(el => el.classList.add("red"))
|
||||
if (ref) [t.ref, t.refc].forEach(el => el.classList.add("green"))
|
||||
if (re === "rej") [t.id, t.proc].forEach(el => el.classList.add("red"))
|
||||
else if (re === "ref") [t.id, t.proc].forEach(el => el.classList.add("green"))
|
||||
|
||||
return pub
|
||||
}
|
||||
|
||||
export function idnam(
|
||||
t: Template["usr" | "soc" | "agd" | "pre" | "put"],
|
||||
id: string,
|
||||
nam?: string,
|
||||
) {
|
||||
t.idnam.href = `#${id}`
|
||||
t.id.innerText = id
|
||||
if (hash === id) t.id.classList.add("active")
|
||||
if (nam) t.nam.innerText = nam
|
||||
}
|
||||
|
||||
export function goal(
|
||||
t: Template["agd"],
|
||||
a: Agd
|
||||
) {
|
||||
for (const { nam, pct } of a.goal) {
|
||||
const g = bind("goal")
|
||||
g.nam.innerText = nam
|
||||
if (pct === 0 || pct >= 100) g.pct.classList.add("gray")
|
||||
if (pct >= 100) {
|
||||
g.pct.textContent = "完成"
|
||||
g.circle.remove()
|
||||
} else {
|
||||
g.pct.textContent = `${pct}%`
|
||||
g.circle.style.setProperty("--pct", `${pct}`)
|
||||
}
|
||||
t.goal.append(g.bind)
|
||||
}
|
||||
}
|
||||
|
||||
export function pro(
|
||||
pas: Pas,
|
||||
t: Template["usr" | "soc" | "agd"],
|
||||
id: Usr | Soc | Agd,
|
||||
refresh?: () => void,
|
||||
) {
|
||||
const [rej, ref] = [!id.rej.includes(pas.id.uid), !id.ref.includes(pas.id.uid)]
|
||||
const p = (r: "rej" | "ref", p: boolean) => pos<DocU>("pro", {
|
||||
re: r, pro: p,
|
||||
...t.tid === "usr" ? { uid: id._id } : {},
|
||||
...t.tid === "soc" ? { sid: id._id } : {},
|
||||
...t.tid === "agd" ? { aid: id._id } : {},
|
||||
})
|
||||
btn(t.prorej, rej ? "反对" : "取消反对", refresh ? { pos: () => p("rej", rej), refresh } : undefined)
|
||||
btn(t.proref, ref ? "推荐" : "取消推荐", refresh ? { pos: () => p("ref", ref), refresh } : undefined)
|
||||
}
|
||||
Reference in New Issue
Block a user