template #34

ismism.ts/ui/bind/template.ts

@@ -0,0 +1,71 @@
+const t: typeof document.createElement = (s: string) => document.createElement(s)
+
+const template = {
+	pasact: {
+		nbr: t("input"), send: t("button"),
+		adm: t("section"), adm1: t("select"), adm2: t("select"),
+		pre: t("section"), actid: t("input"), act: t("button"),
+		pas: t("section"), code: t("input"), issue: t("button"),
+		hint: t("section"),
+	},
+
+	usr: {
+		idnam: t("a"), id: t("code"), nam: t("span"),
+		adm: t("span"), utc: t("span"),
+		rej: t("span"), ref: t("span"),
+		rejc: t("span"), refc: t("span"), proc: t("span"),
+		intro: t("p"),
+		soc: t("p"),
+		rec: t("section"),
+		pos: t("section"), put: t("button"), pas: t("button"),
+		pre: t("section"), preusr: t("button"), presoc: t("button"), preagd: t("button"),
+		pro: t("section"), prorej: t("button"), proref: t("button"),
+	},
+
+	soc: {
+		idnam: t("a"), id: t("code"), nam: t("span"),
+		adm: t("span"), utc: t("span"),
+		rej: t("span"), ref: t("span"),
+		rejc: t("span"), refc: t("span"), proc: t("span"),
+		sec: t("section"), uid: t("p"), res: t("p"), intro: t("p"), rec: t("p"),
+		put: t("section"), putpre: t("button"), putsec: t("button"), putuid: t("button"), putres: t("button"),
+		pro: t("section"), prorej: t("button"), proref: t("button"),
+	},
+
+	pre: {
+		idnam: t("a"), id: t("code"), nam: t("span"),
+		meta: t("section"), pnam: t("input"), nbr: t("input"),
+		adm: t("section"), adm1: t("select"), adm2: t("select"),
+		intro: t("textarea"),
+		pre: t("button"), cancel: t("button"),
+	},
+
+	putusr: {
+		idnam: t("a"), id: t("code"),
+		nam: t("input"),
+		adm1: t("select"), adm2: t("select"),
+		intro: t("textarea"),
+		put: t("button"), cancel: t("button"),
+	},
+
+	idnull: {
+		id: t("cod"),
+		meta: t("section")
+	}
+}
+type Template = typeof template
+
+export function bind<
+	T extends keyof Template
+>(
+	tid: T
+): Template[T] & { bind: DocumentFragment } {
+	const temp = document.getElementById(tid) as HTMLTemplateElement
+	const t = temp.content.cloneNode(true) as DocumentFragment
+	const b = Object.fromEntries([
+		["bind", t], ...Object.keys(template[tid]).map(c => [
+			c, t.querySelector(`.${c}`) as HTMLElement
+		])
+	]) as Template[T] & { bind: DocumentFragment }
+	return b
+}

ismism.ts/ui/index/template.html

@@ -33,7 +33,7 @@
 </template>
 
 <template id="usr">
-	<article class="scale">
+	<article>
 		<section>
 			<a class="idnam"><code class="id active"></code> <span class="nam"></span></a>
 		</section>