Changed top navbar behaviour, added account menus (not linked yet), added add account button (not linked yet).

This commit is contained in:
Alexis Lahouze 2013-01-13 00:30:40 +01:00
parent 2cada51f02
commit 3c47c838a9

View File

@ -15,16 +15,25 @@
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<a class="brand" href="#">&nbsp;Comptes</a> <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/> <div class="nav" data-bind="foreach: accounts, value: account">
courant&nbsp;:&nbsp;<span data-bind="text: current, css: {'text-error': $data.current < 0 }"></span><br/> <div class="btn-group">
point&eacute;&nbsp;:&nbsp;<span data-bind="text: pointed, css: {'text-error': $data.pointed < 0 }"></span><br/> <button class="btn btn-nav" data-bind="css: { active: $data === $root.account() }, click: $parent.selectAccount"><span data-bind="text: name"></span>&nbsp;(<span data-bind="text: current, css: {'text-error': $data.current < 0 }"></span>)</button>
futur&nbsp;:&nbsp;<span data-bind="text: future, css: {'text-error': $data.future < 0 }"></span></a> <button class="btn btn-nav dropdown-toggle" data-toggle="dropdown"><b class="caret"></b></button>
</li>
<ul class="dropdown-menu">
<li><a href="#">Modifier</a></li>
<li><a href="#">Supprimer</a></li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="btn btn-nav">
<a data-bind="click: $root.addAccount" href="#"><i class="icon-plus"></i></a>
</div>
</div>
</div>
<div class="navbar navbar-fixed-bottom"> <div class="navbar navbar-fixed-bottom">
<div class="navbar-inner"> <div class="navbar-inner">
<ul data-bind="foreach: months()" class="nav"> <ul data-bind="foreach: months()" class="nav">
@ -33,7 +42,7 @@
</div> </div>
</div> </div>
<div class="row" style="margin-top: 116px"></div> <div class="row" style="margin-top: 46px"></div>
<div class="row"> <div class="row">
<div class="span8"> <div class="span8">