Newer
Older
<@header.header "BudgetMaster"/>
</head>
<body class="budgetmaster-blue-light">
<@navbar.navbar "accounts" settings/>
Robert Goldmann
committed
<div class="card main-card background-color">
<div class="container">
<div class="section center-align">
Robert Goldmann
committed
<div class="headline">${locale.getString("menu.accounts")}</div>
</div>
</div>
<br>
<div class="center-align"><a href="<@s.url '/accounts/newAccount'/>" id="button-new-account" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">add</i>${locale.getString("title.account.new")}</a></div>
<div class="container account-container">
<table class="bordered">
<#list accounts as account>
<#if (account.getType().name() == "CUSTOM")>
<tr>
<#if account.isReadOnly()>
<#assign toolTipText = locale.getString("account.tooltip.readonly.activate")/>
<#assign lockIcon = '<i class="fas fa-lock"></i>'/>
Robert Goldmann
committed
<div class="placeholder-icon"></div>
<#else>
<#assign toolTipText = locale.getString("account.tooltip.readonly.deactivate")/>
<#assign lockIcon = '<i class="fas fa-lock-open"></i>'/>
Robert Goldmann
committed
<a href="<@s.url '/accounts/${account.getID()?c}/setAsDefault'/>" class="btn-flat no-padding text-color tooltipped" data-position="left" data-tooltip="${locale.getString("account.tooltip.default")}"><i class="material-icons left"><#if account.isDefault()>star<#else>star_border</#if></i></a>
Robert Goldmann
committed
<#if !account.isDefault()>
<a href="<@s.url '/accounts/${account.getID()?c}/toggleReadOnly'/>" class="btn-flat no-padding text-color tooltipped" data-position="right" data-tooltip="${toolTipText}">${lockIcon}</a>
</#if>
<td>${account.getName()}</td>
<td>
<a href="<@s.url '/accounts/${account.getID()?c}/edit'/>" class="btn-flat no-padding text-color"><i class="material-icons left">edit</i></a>
Robert Goldmann
committed
<a href="<@s.url '/accounts/${account.getID()?c}/requestDelete'/>" class="btn-flat no-padding text-color"><i class="material-icons left no-margin">delete</i></a>
</td>
</tr>
</#if>
</#list>
</table>
<#if accounts?size == 0>
<div class="headline center-align">${locale.getString("placeholder")}</div>
</#if>
</div>
</div>
</main>
<#if currentAccount??>
<!-- confirm delete modal -->
Robert Goldmann
committed
<div id="modalConfirmDelete" class="modal background-color">
<div class="modal-content">
<h4>${locale.getString("info.title.account.delete")}</h4>
Robert Goldmann
committed
<p>${locale.getString("info.text.account.delete", currentAccount.getName(), currentAccount.getReferringTransactions()?size)}</p>
Robert Goldmann
committed
<div class="modal-footer background-color">
<a href="<@s.url '/accounts'/>" class="modal-action modal-close waves-effect waves-light red btn-flat white-text">${locale.getString("cancel")}</a>
<a href="<@s.url '/accounts/${currentAccount.getID()?c}/delete'/>" class="modal-action modal-close waves-effect waves-light green btn-flat white-text">${locale.getString("info.button.account.delete")}</a>
</div>
</div>
</#if>
<#if accountNotDeletable??>
<!-- warning account not deletable -->
Robert Goldmann
committed
<div id="modalAccountNotDeletable" class="modal background-color">
<div class="modal-content">
<h4>${locale.getString("info.title.account.delete")}</h4>
<p>${locale.getString("warning.text.account.delete", currentAccount.getName())}</p>
</div>
Robert Goldmann
committed
<div class="modal-footer background-color">
<a href="<@s.url '/accounts'/>" class="modal-action modal-close waves-effect waves-light green btn-flat white-text">${locale.getString("ok")}</a>
</div>
</div>
</#if>
<!-- Scripts-->
<@scripts.scripts/>
<script src="<@s.url '/js/accounts.js'/>"></script>
</body>
</html>