added and hiding buttons

This commit is contained in:
Stephen McQuay 2013-03-05 23:15:25 -08:00
parent 55ad067967
commit c1787b71b7
2 changed files with 46 additions and 20 deletions

View File

@ -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>

View File

@ -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 }}