109 lines
6.5 KiB
HTML
109 lines
6.5 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}">
|
|
<link rel="shortcut icon" th:href="@{/favicon.ico}" />
|
|
</head>
|
|
<body>
|
|
<h1 th:text="#{financer.heading.account-overview}" />
|
|
<span class="errorMessage" th:if="${errorMessage != null}" th:text="#{'financer.error-message.' + ${errorMessage}}"/>
|
|
<div id="header-container">
|
|
<div id="status-container">
|
|
<span th:text="#{financer.account-overview.status}"/>
|
|
<div th:title="#{financer.account-overview.tooltip.status.current-assets}">
|
|
<span th:text="#{financer.account-overview.status.current-assets}"/>
|
|
<span th:text="${#numbers.formatDecimal(currentAssets/100D, 1, 'DEFAULT', 2, 'DEFAULT') + currencySymbol}"/>
|
|
</div>
|
|
<div th:title="#{'financer.account-overview.tooltip.status.current-expenses'(${#temporals.format(periodStart)})}">
|
|
<span th:text="#{financer.account-overview.status.current-expenses}"/>
|
|
<a th:href="@{/getAccountGroupExpensesCurrentPeriod}">
|
|
<span th:text="${#numbers.formatDecimal(currentExpenses/100D, 1, 'DEFAULT', 2, 'DEFAULT') + currencySymbol}" />
|
|
</a>
|
|
</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>
|
|
<div id="expense-history-container">
|
|
<div id="expense-history-description" th:text="#{financer.account-overview.expense-history.description}" />
|
|
<img class="picture" th:src="@{'/getExpensesAllPeriodsInline'}" />
|
|
</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}"/>
|
|
<a th:href="@{/searchTransactions}" th:text="#{financer.account-overview.available-actions.search-transactions}"/>
|
|
</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 id="action-container-sub-period">
|
|
<a th:href="@{/closePeriod}"
|
|
th:text="#{financer.account-overview.available-actions.close-current-period}"/>
|
|
</div>
|
|
<div id="action-container-sub-reports">
|
|
<a th:href="@{/selectChart}"
|
|
th:text="#{financer.account-overview.available-actions.select-chart}"/>
|
|
</div>
|
|
</div>
|
|
<table id="account-overview-table">
|
|
<tr>
|
|
<th id="type-row" />
|
|
<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.spending-current-period}"/>
|
|
<th class="hideable-column" th:text="#{financer.account-overview.table-header.average-spending-period}"/>
|
|
<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}">
|
|
<th class="bank-row" th:if="${acc.type == T(de.financer.model.AccountType).BANK}" />
|
|
<th class="cash-row" th:if="${acc.type == T(de.financer.model.AccountType).CASH}" />
|
|
<th class="income-row" th:if="${acc.type == T(de.financer.model.AccountType).INCOME}" />
|
|
<th class="liability-row" th:if="${acc.type == T(de.financer.model.AccountType).LIABILITY}" />
|
|
<th class="expense-row" th:if="${acc.type == T(de.financer.model.AccountType).EXPENSE}" />
|
|
<th class="start-row" th:if="${acc.type == T(de.financer.model.AccountType).START}" />
|
|
<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') + currencySymbol}"/>
|
|
<td class="hideable-column"
|
|
th:if="${acc.spendingCurrentExpensePeriod != null}"
|
|
th:text="${#numbers.formatDecimal(acc.spendingCurrentExpensePeriod/100D, 1, 'DEFAULT', 2, 'DEFAULT') + currencySymbol}"
|
|
th:classappend="${acc.spendingCurrentExpensePeriod > acc.averageSpendingExpensePeriod} ? overspend"/>
|
|
<td class="hideable-column"
|
|
th:if="${acc.averageSpendingExpensePeriod != null}"
|
|
th:text="${#numbers.formatDecimal(acc.averageSpendingExpensePeriod/100D, 1, 'DEFAULT', 2, 'DEFAULT') + currencySymbol}"/>
|
|
<td class="hideable-column" th:if="${acc.spendingCurrentExpensePeriod == null}">-</td>
|
|
<td class="hideable-column" th:if="${acc.averageSpendingExpensePeriod == null}">-</td>
|
|
<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> |