List accounts in a recursive tree #316

This commit is contained in:
Thomas R. Koll 2016-01-12 11:13:52 +01:00
parent 4b9f03a23e
commit 39682a0078
3 changed files with 18 additions and 7 deletions

View File

@ -1,11 +1,14 @@
<div ng-controller="AccountsController as accountsList">
<h2>Accounts</h2>
Search: <input ng-model="query"/>
<ul class="unstyled">
{{accountsList.accounts}}
<li ng-repeat="account in accounts | filter: query">
<a href="#/accounts/{{account.name}}/journal">{{account.name}}</a>
<span class="balance">{{account.balance}}</span>
</li>
Search: <input ng-model="account_name"/>
<ul class="unstyled accounts">
<li ng-repeat="account in accounts | filter: account_name" ng-include="'account.html'"></li>
</ul>
<script type="text/ng-template" id="account.html">
<a href="#/accounts/{{account.name}}/journal">{{account.name}}</a>
<span class="balance">{{account.balance}}</span>
<ul ng-if="account.children">
<li ng-repeat="account in account.children | filter: account_name" ng-include="'account.html'"></li>
</ul>
</script>
</div>

View File

@ -0,0 +1,7 @@
ul.accounts, ul.accounts ul {
list-style-type: none;
padding-left: 0;
}
ul.accounts ul {
margin-left: 15px;
}

View File

@ -11,6 +11,7 @@
<script src="libraries/jquery-2.2.0.min.js"></script>
<script src="hledger-client.js"></script>
<link type="text/css" rel="stylesheet" href="libraries/bootstrap/css/bootstrap.css">
<link type="text/css" rel="stylesheet" href="hledger-client.css">
</head>
<body class="container">
<nav class="navbar">