mirror of
https://github.com/misode/misode.github.io.git
synced 2026-04-23 15:17:09 +00:00
Add boolean nodes
This commit is contained in:
22
src/nodes/BooleanNode.ts
Normal file
22
src/nodes/BooleanNode.ts
Normal file
@@ -0,0 +1,22 @@
|
||||
import { AbstractNode, NodeMods, RenderOptions } from "./AbstractNode";
|
||||
import { Path } from "../model/Path";
|
||||
import { TreeView } from "../view/TreeView";
|
||||
|
||||
export class BooleanNode extends AbstractNode<boolean> {
|
||||
constructor(mods?: NodeMods<boolean>) {
|
||||
super(mods)
|
||||
}
|
||||
|
||||
render(path: Path, value: boolean, view: TreeView, options?: RenderOptions) {
|
||||
const falseButton = view.registerClick(el => {
|
||||
view.model.set(path, value === false ? undefined : false)
|
||||
})
|
||||
const trueButton = view.registerClick(el => {
|
||||
view.model.set(path, value === true ? undefined : true)
|
||||
})
|
||||
return this.wrap(path, view, `
|
||||
${options?.hideLabel ? `` : `<label>${path.last()}</label>`}
|
||||
<button${value === false ? ' style="font-weight: bold"' : ' '} data-id="${falseButton}">False</button>
|
||||
<button${value === true ? ' style="font-weight: bold"' : ' '} data-id="${trueButton}">True</button>`)
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user