updated app

2026-01-28 08:02:05 +00:00 · 2012-05-30 23:00:06 -04:00
parent 6a753904b7
commit da6ad88d48
5545 changed files with 1101709 additions and 60 deletions
--- a/node_modules/derby-examples/sink/views/app/leaderboard.html
+++ b/node_modules/derby-examples/sink/views/app/leaderboard.html
@@ -0,0 +1,44 @@
+<Root:>
+  <html x-bind="click: leaderboard.deselect">
+
+<Body:>
+  {{#with leaderboard}}
+  <form x-bind="submit: leaderboard.add">
+    <input value={._newPlayer}> <input type=submit value="Add player"> 
+    <button x-bind="click: leaderboard.remove" disabled={not(._selected)}>
+      Remove 
+      {#if ._selected}
+        {.name}
+      {else}
+        selected
+      {/}
+    </button>
+  </form>
+
+  <!--
+    By binding click here, it will prevent click events within this div
+    from bubbling further and reaching the document node. All clicks
+    outside of this div will continue bubbling up to the document.
+  -->
+  <div id=leaderboard x-bind=click>
+    <div class=selectedPlayer>
+      {#if ._selected}
+        <p class=vote>
+          <button x-bind="click: leaderboard.incr">+ 5</button>
+          <button x-bind="click: leaderboard.decr">- 5</button>
+        </p>
+        <span>{.name}</span>
+      {else}
+        Click a player to select
+      {/}
+    </div>
+    <ul>
+      {#each ._list}
+        <li class="{#if equal(.id, leaderboard._selectedId)}selected{/}"
+            x-bind="click: leaderboard.select">
+          <p class=score>{.score}</p>{{name}}
+        </li>
+      {/}
+    </ul>
+  </div>
+  {{/}}