made it shorter again

This commit is contained in:
Andreas Rumpf 2017-04-27 18:23:29 +02:00
commit 91679f8ae6

View file

@ -35,9 +35,7 @@ proc createTableCell(id: cstring): VNode =
text id text id
proc createTableRow(item: TableItemState): VNode = proc createTableRow(item: TableItemState): VNode =
var className = cstring"TableRow" let className = if item.active: cstring"TableRow active" else: cstring"TableRow"
if item.active:
className = cstring"TableRow active"
result = buildHtml(tr(class=className, `data-id` = &item.id)): result = buildHtml(tr(class=className, `data-id` = &item.id)):
createTableCell("#" & &item.id) createTableCell("#" & &item.id)
for i in 0..<len(item.props): for i in 0..<len(item.props):
@ -51,33 +49,30 @@ proc tableCreateVNode(data: TableState): VNode =
proc createAnimBox(item: AnimBoxState): VNode = proc createAnimBox(item: AnimBoxState): VNode =
let time = item.time let time = item.time
let dataId: cstring = &item.id let t10 = time mod 10
let color: float = float(time mod 10) / 10 let color = float(t10) / 10
let divStyles: cstring = "border-radius: " & &(time mod 10) & "px; background: rgba(0,0,0," & cstring($color) & ")" let divStyles = cstring"border-radius: " & &t10 &
result = flatHtml(tdiv(class="AnimBox", `data-id`=dataId, style=divStyles)) "px; background: rgba(0,0,0," & cstring($color) & ")"
result = flatHtml(tdiv(class="AnimBox", `data-id` = &item.id, style=divStyles))
proc animCreateVNode(data: AnimState): VNode = proc animCreateVNode(data: AnimState): VNode =
result = buildHtml(tdiv(class="Anim")): result = buildHtml(tdiv(class="Anim")):
for child in data.items: for child in data.items:
createAnimBox(child) createAnimBox(child)
proc createTreeLeaf(data: TreeNodeState): VNode =
result = buildHtml(li(class="TreeLeaf")):
text &data.id
proc createTreeNode(data: TreeNodeState): VNode = proc createTreeNode(data: TreeNodeState): VNode =
result = buildHtml(ul(class="TreeNode")): result = buildHtml(ul(class="TreeNode")):
for n in data.children: for n in data.children:
if n.container: if n.container:
createTreeNode(n) createTreeNode(n)
else: else:
createTreeLeaf(n) li(class="TreeLeaf"):
text &n.id
proc treeCreateVNode(data: TreeState): VNode = proc treeCreateVNode(data: TreeState): VNode =
result = buildHtml(tdiv(class="Tree")): result = buildHtml(tdiv(class="Tree")):
createTreeNode(data.root) createTreeNode(data.root)
proc update(): VNode = proc update(): VNode =
assert appState != nil assert appState != nil
let location = appState.location let location = appState.location