jyapayne/karax
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Uibench fix td

Browse source
This commit is contained in:
Roman Vishnevskii 2017-04-27 20:49:54 +07:00
commit a304322286
1 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

18
uibench/nim_uibench.nim
View file

@ -30,34 +30,43 @@ var container = document.getElementById("#App")
var appState: AppState var appState: AppState
proc createTableCell(id: cstring): VNode = proc createTableCell(id: cstring): VNode =
kout cstring"createTableCell"
proc tableCellClick(ev: karax.Event; n: VNode) = proc tableCellClick(ev: karax.Event; n: VNode) =
kout cstring"tableCellClick"
kout "Clicked" & id kout "Clicked" & id
# ev.stopPropogation() # ev.stopPropogation()
result = buildHtml(td(className="TableCell", onclick=tableCellClick)): result = buildHtml(td(className="TableCell", onclick=tableCellClick)):
text id text id
proc createTableRow(item: TableItemState): VNode = proc createTableRow(item: TableItemState): VNode =
var children = createTableCell("#" & &item.id) kout cstring"createTableRow"
var children: seq[VNode] = @[]
children.add createTableCell("#" & &item.id)
for i in 0..<len(item.props): for i in 0..<len(item.props):
children.add(createTableCell(item.props[i])) children.add(createTableCell(item.props[i]))
var dataId = &item.id var dataId = &item.id
proc createRow(): VNode = proc createRow(): VNode =
kout cstring"createRow"
var className = cstring"TableRow" var className = cstring"TableRow"
if item.active: if item.active:
className = cstring"TableRow active" className = cstring"TableRow active"
result = buildHtml(tr(class=className, `data-id`=dataId)): result = buildHtml(tr(class=className, `data-id`=dataId)):
children for child in children:
child
result = createRow() result = createRow()
proc tableCreateVNode(data: TableState): VNode = proc tableCreateVNode(data: TableState): VNode =
kout cstring"tableCreateVNode"
result = buildHtml(table(class="Table")): result = buildHtml(table(class="Table")):
tbody: tbody:
for child in data.items: for child in data.items:
createTableRow(child) createTableRow(child)
proc createAnimBox(item: AnimBoxState): VNode = proc createAnimBox(item: AnimBoxState): VNode =
kout cstring"createAnimBox"
var time = item.time var time = item.time
var dataId: cstring = &item.id var dataId: cstring = &item.id
var color: float = float(time mod 10) / 10 var color: float = float(time mod 10) / 10
@ -65,6 +74,7 @@ proc createAnimBox(item: AnimBoxState): VNode =
result = flatHtml(tdiv(className="AnimBox", `data-id`=dataId, style=divStyles)) result = flatHtml(tdiv(className="AnimBox", `data-id`=dataId, style=divStyles))
proc animCreateVNode(data: AnimState): VNode = proc animCreateVNode(data: AnimState): VNode =
kout cstring"animCreateVNode"
var items = data.items var items = data.items
var children: seq[VNode] = @[] var children: seq[VNode] = @[]
for i in 0..<len(children): for i in 0..<len(children):
@ -75,10 +85,12 @@ proc animCreateVNode(data: AnimState): VNode =
child child
proc createTreeLeaf(data: TreeNodeState): VNode = proc createTreeLeaf(data: TreeNodeState): VNode =
kout cstring"createTreeLeaf"
result = buildHtml(li(className="TreeLeaf")): result = buildHtml(li(className="TreeLeaf")):
text &data.id text &data.id
proc createTreeNode(data: TreeNodeState): VNode = proc createTreeNode(data: TreeNodeState): VNode =
kout cstring"createTreeNode"
var children: seq[VNode] = @[] var children: seq[VNode] = @[]
for i in 0..<len(data.children): for i in 0..<len(data.children):
var n = data.children[i] var n = data.children[i]
@ -88,11 +100,13 @@ proc createTreeNode(data: TreeNodeState): VNode =
children.add(createTreeLeaf(n)) children.add(createTreeLeaf(n))
proc treeCreateVNode(data: TreeState): VNode = proc treeCreateVNode(data: TreeState): VNode =
kout cstring"treeCreateVNode"
result = buildHtml(tdiv(className="Tree")): result = buildHtml(tdiv(className="Tree")):
createTreeNode(data.root) createTreeNode(data.root)
proc update(): VNode = proc update(): VNode =
kout cstring"update"
if appState == nil: if appState == nil:
kout cstring"stupid fuck" kout cstring"stupid fuck"
return newVNode(VNodeKind.tdiv) return newVNode(VNodeKind.tdiv)