coffeescript virtual-hyperscript

virtual hyperscript.coffee

# Example of virtual hyperscript in coffeescript
# See: https://github.com/Matt-Esch/virtual-dom/blob/master/virtual-hyperscript/README.md

render_shard = (shard, index) =>
  h "li.shard", [
    h "div.shard-heading", [
      h "span.shard-title", ["Shard #{index + 1}"]
      h "span.numkeys", ["~#{approximate(shard.num_keys)} documents"]
    ]
    h "ul.replicas", shard.replicas.map(render_replica)
  ]

render_replica = (replica) =>
  h "li.replica", [
    h "span.server-name.#{state_color(replica.state)}", [
      h "a", href: "#servers/#{replica.id}", [replica.server]
    ]
    h "span.replica-role.#{replica_role(replica)}", [
      replica_rolename(replica)
    ]
    h "span.state.#{state_color(replica.state)}", [replica.state]
  ]