Improved UI, improved API, improved other things...

This commit is contained in:
Alexis Lahouze
2013-01-09 23:39:26 +01:00
parent 264ce12658
commit d361e827d4
3 changed files with 47 additions and 54 deletions

View File

@ -11,23 +11,32 @@
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<!--Body content-->
<h1>Entries</h1>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<a class="brand" href="#">&nbsp;Comptes</a>
<ul class="nav" data-bind="foreach: accounts, value: account">
<li data-bind="css: { active: $data === $root.account() }"><a href="#" data-bind="click: $parent.selectAccount"><span data-bind="text: name"></span><br/>
current: <span data-bind="text: current, css: {'text-error': $data.current < 0 }"></span><br/>
pointed: <span data-bind="text: pointed, css: {'text-error': $data.pointed < 0 }"></span><br/>
future: <span data-bind="text: future, css: {'text-error': $data.future < 0 }"></span></a>
</li>
</ul>
</div>
</div>
<div id="message-placeholder"></div>
<div class="navbar navbar-fixed-bottom">
<div class="navbar-inner">
<ul data-bind="foreach: months()" class="nav">
<li data-bind="css: {'active': $data == $root.month()}"><a href="#" data-bind="click: $parent.selectMonth"><span data-bind="text: $data.year"></span>-<span data-bind="text: $data.month"></span></a></li>
</ul>
</div>
</div>
<p><select data-bind="options: accounts, optionsText: 'name', value: account"></select></p>
<div class="content" style="margin-top: 120px; margin-bottom: 40px">
<p>Current sold: <span data-bind="text: currentSold, css: {'text-error': currentSold() < 0 }"></span><br />
Future sold: <span data-bind="text: futureSold, css: {'text-error': futureSold() < 0 }"></span></br />
Pointed sold: <span data-bind="text: pointedSold, css: {'text-error': pointedSold() < 0 }"></span></p>
<div id="message-placeholder"></div>
<p><a class="btn btn-primary" data-bind="click: $root.add" href="#" title="Add entry"><i class="icon-plus"></i> Add entry</a></p>
<div class="tabbable">
<ul data-bind="foreach: months()" class="nav nav-tabs">
<li data-bind="css: {'active': $data == $root.month()}"><a href="#" data-bind="click: $parent.changeMonth"><span data-bind="text: $data.year"></span>-<span data-bind="text: $data.month"></span></a></li>
</ul>
<a class="btn btn-primary" data-bind="click: $root.add" href="#" title="Add entry"><i class="icon-plus"></i>&nbsp;Add entry</a>
<table class="table table-striped table-condensed table-hover">
<thead>