65 lines
3.4 KiB
HTML
65 lines
3.4 KiB
HTML
<!DOCTYPE HTML>
|
|
<html xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<title th:text="#{financer.account-details.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-details(${account.key})}" />
|
|
<span class="errorMessage" th:if="${errorMessage != null}" th:text="#{'financer.error-message.' + ${errorMessage}}"/>
|
|
<div id="details-container">
|
|
<div id="type-container">
|
|
<span th:text="#{financer.account-details.details.type}"/>
|
|
<span th:text="#{'financer.account-type.' + ${account.type}}"/>
|
|
</div>
|
|
<div id="balance-container">
|
|
<span th:text="#{financer.account-details.details.balance}"/>
|
|
<span th:text="${#numbers.formatDecimal(account.currentBalance/100D, 1, 'DEFAULT', 2, 'DEFAULT') + currencySymbol}"/>
|
|
</div>
|
|
<div id="group-container">
|
|
<span th:text="#{financer.account-details.details.group}"/>
|
|
<span th:text="${account.accountGroup?.name}"/>
|
|
</div>
|
|
</div>
|
|
<div id="account-details-action-container">
|
|
<span th:text="#{financer.account-details.available-actions}"/>
|
|
<a th:if="${!isClosed}" th:href="@{/closeAccount(key=${account.key})}"
|
|
th:text="#{financer.account-details.available-actions.close-account}"/>
|
|
<a th:if="${isClosed}" th:href="@{/openAccount(key=${account.key})}"
|
|
th:text="#{financer.account-details.available-actions.open-account}"/>
|
|
<a th:href="@{/accountOverview}"
|
|
th:text="#{financer.account-details.available-actions.back-to-overview}"/>
|
|
</div>
|
|
<table id="account-transaction-table">
|
|
<tr>
|
|
<th class="hideable-column" th:text="#{financer.account-details.table-header.id}"/>
|
|
<th th:text="#{financer.account-details.table-header.fromAccount}"/>
|
|
<th th:text="#{financer.account-details.table-header.toAccount}"/>
|
|
<th th:text="#{financer.account-details.table-header.date}"/>
|
|
<th th:text="#{financer.account-details.table-header.amount}"/>
|
|
<th th:text="#{financer.account-details.table-header.description}"/>
|
|
<th th:text="#{financer.account-details.table-header.byRecurring}"/>
|
|
<th th:text="#{financer.account-details.table-header.actions}"/>
|
|
</tr>
|
|
<tr th:each="transaction : ${transactions}">
|
|
<td class="hideable-column" th:text="${transaction.id}"/>
|
|
<td th:text="${transaction.fromAccount.key}" />
|
|
<td th:text="${transaction.toAccount.key}" />
|
|
<td th:text="${#temporals.format(transaction.date)}" />
|
|
<td th:text="${#numbers.formatDecimal(transaction.amount/100D, 1, 'DEFAULT', 2, 'DEFAULT') + currencySymbol}"/>
|
|
<td th:text="${transaction.description}" />
|
|
<td th:if="${transaction.recurringTransaction != null}" th:text="#{financer.account-details.table.recurring.yes}" />
|
|
<td th:if="${transaction.recurringTransaction == null}" th:text="#{financer.account-details.table.recurring.no}" />
|
|
<td>
|
|
<div id="account-transaction-table-actions-container">
|
|
<a th:href="@{/deleteTransaction(transactionId=${transaction.id}, accountKey=${account.key})}"
|
|
th:text="#{financer.account-details.table.actions.deleteTransaction}"/>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<div th:replace="includes/footer :: footer"/>
|
|
</body>
|
|
</html> |