72 lines
3.8 KiB
HTML
72 lines
3.8 KiB
HTML
<!DOCTYPE HTML>
|
|
<html xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<title th:text="#{financer.account-overview.title}"/>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" th:href="@{/css/main.css}">
|
|
</head>
|
|
<body>
|
|
<h1 th:text="#{financer.heading.account-overview}" />
|
|
<div id="status-container">
|
|
<span th:text="#{financer.account-overview.status}"/>
|
|
<div>
|
|
<span th:text="#{financer.account-overview.status.current-assets}"/>
|
|
<span th:text="${#numbers.formatDecimal(currentAssets/100D, 1, 'DEFAULT', 2, 'DEFAULT')}"/>
|
|
</div>
|
|
<div th:title="#{'financer.account-overview.tooltip.status.current-expenses'(${periodStart}, ${periodEnd})}">
|
|
<span th:text="#{financer.account-overview.status.current-expenses}"/>
|
|
<span th:text="${#numbers.formatDecimal(currentExpenses/100D, 1, 'DEFAULT', 2, 'DEFAULT')}"/>
|
|
</div>
|
|
<div>
|
|
<span th:text="#{financer.account-overview.status.recurring-transaction-due-today}"/>
|
|
<a th:href="@{/recurringTransactionDueToday}" th:text="${rtDueTodayCount}"/>
|
|
</div>
|
|
<div>
|
|
<span th:text="#{financer.account-overview.status.recurring-transaction-active}"/>
|
|
<a th:href="@{/recurringTransactionActive}" th:text="${rtAllActiveCount}"/>
|
|
</div>
|
|
</div>
|
|
<span th:text="#{financer.account-overview.available-actions}"/>
|
|
<div id="action-container">
|
|
<div id="action-container-sub-accounts">
|
|
<a th:if="${!showClosed}" th:href="@{'/accountOverview?showClosed=true'}"
|
|
th:text="#{financer.account-overview.available-actions.show-closed}"/>
|
|
<a th:if="${showClosed}" th:href="@{'/accountOverview'}"
|
|
th:text="#{financer.account-overview.available-actions.hide-closed}"/>
|
|
<a th:href="@{/newAccount}" th:text="#{financer.account-overview.available-actions.create-account}"/>
|
|
<a th:href="@{/newAccountGroup}" th:text="#{financer.account-overview.available-actions.create-account-group}"/>
|
|
</div>
|
|
<div id="action-container-sub-transactions">
|
|
<a th:href="@{/newTransaction}" th:text="#{financer.account-overview.available-actions.create-transaction}"/>
|
|
</div>
|
|
<div id="action-container-sub-recurring-transactions">
|
|
<a th:href="@{/newRecurringTransaction}"
|
|
th:text="#{financer.account-overview.available-actions.create-recurring-transaction}"/>
|
|
<a th:href="@{/recurringTransactionAll}"
|
|
th:text="#{financer.account-overview.available-actions.recurring-transaction-all}"/>
|
|
</div>
|
|
</div>
|
|
<table id="account-overview-table">
|
|
<tr>
|
|
<th class="hideable-column" th:text="#{financer.account-overview.table-header.id}"/>
|
|
<th th:text="#{financer.account-overview.table-header.key}"/>
|
|
<th th:text="#{financer.account-overview.table-header.balance}"/>
|
|
<th class="hideable-column" th:text="#{financer.account-overview.table-header.group}"/>
|
|
<th class="hideable-column" th:text="#{financer.account-overview.table-header.type}"/>
|
|
<th class="hideable-column" th:text="#{financer.account-overview.table-header.status}"/>
|
|
</tr>
|
|
<tr th:each="acc : ${accounts}">
|
|
<td class="hideable-column" th:text="${acc.id}"/>
|
|
<td>
|
|
<a th:href="@{/accountDetails(key=${acc.key})}" th:text="${acc.key}"/>
|
|
</td>
|
|
<td th:text="${#numbers.formatDecimal(acc.currentBalance/100D, 1, 'DEFAULT', 2, 'DEFAULT')}"/>
|
|
<td class="hideable-column" th:text="${acc.accountGroup?.name}"/>
|
|
<td class="hideable-column" th:text="#{'financer.account-type.' + ${acc.type}}"/>
|
|
<td class="hideable-column" th:text="#{'financer.account-status.' + ${acc.status}}"/>
|
|
</tr>
|
|
</table>
|
|
<div th:replace="includes/footer :: footer"/>
|
|
</body>
|
|
</html> |