slaesvuo/hledger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

List accounts in a recursive tree #316

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
hledger-api/client/accounts/view.html
View File

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

7
hledger-api/client/hledger-client.css Normal file
View File

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

1
hledger-api/client/index.html
View File

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