From c1787b71b7ba0b03dcca20c8d9136bc45cb8fed4 Mon Sep 17 00:00:00 2001
From: Stephen McQuay <smcquay@apple.com>
Date: Tue, 5 Mar 2013 23:15:25 -0800
Subject: [PATCH] added and hiding buttons

---
 templates/_base.html |  1 +
 templates/index.html | 65 ++++++++++++++++++++++++++++++--------------
 2 files changed, 46 insertions(+), 20 deletions(-)

diff --git a/templates/_base.html b/templates/_base.html
index e716356..3e38d76 100644
--- a/templates/_base.html
+++ b/templates/_base.html
@@ -17,5 +17,6 @@
         </section>
         <script src="/s/jquery-latest.js"></script>
         <script src="/s/bootstrap/js/bootstrap.min.js"></script>
+        {{ template "script" . }}
     </body>
 </html>
diff --git a/templates/index.html b/templates/index.html
index 44fa8c2..e2b2aee 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,27 +1,52 @@
 {{ define "title" }}Welcome{{ end }}
 
 {{ define "content" }}
-    <div class="container pw">
+    <div class="container">
         <table class="table table-striped table-bordered table-hover">
-            <tr>
-                <td>
-                    Name
-                </td>
-                <td>
-                    Amount
-                </td>
-            </tr>
-            {{ range .children }}
-            <tr>
-                <td>
-                    {{ .Name }}
-                </td>
-                <td>
-                    {{ dollarize .Money }}
-                </td>
-            </tr>
-            {{ end }}
-        </ul>
+            <caption>Allowance totals for our children</caption>
+            </thead>
+                <tr class="info">
+                    <td>
+                        Name
+                    </td>
+                    <td>
+                        Amount
+                    </td>
+                </tr>
+            </thead>
+            <tbody>
+                {{ range .children }}
+                <tr>
+                    <td class="name">
+                        {{ .Name }}
+                    </td>
+                    <td>
+                        {{ dollarize .Money }}
+                    </td>
+                </tr>
+                <tr class="controls">
+                    <td colspan=2>
+                        <div class="btn-group">
+                            <button class="btn" value=100>$1.00</button>
+                            <button class="btn" value=25>25&cent;</button>
+                            <button class="btn" value=10>10&cent;</button>
+                            <button class="btn" value=5>5&cent;</button>
+                        </div>
+                    </td>
+                </tr>
+                {{ end }}
+            </tbody>
         </table>
     </div>
 {{ end }}
+
+{{ define "script" }}
+    <script>
+        $(function() {
+            $(".controls").hide();
+            $(".name").click(function(e) {
+                console.log(e)
+            });
+        });
+    </script>
+{{ end }}