Newer
Older
<html>
<head>
<#import "../header.ftl" as header>
<@header.header "BudgetMaster"/>
<link type="text/css" rel="stylesheet" href="/css/categories.css"/>
<#assign locale = static["tools.Localization"]>
</head>
<body class="budgetmaster-blue-light">
<#import "../navbar.ftl" as navbar>
<@navbar.navbar "payments"/>
<main>
<div class="card main-card">
Robert Goldmann
committed
<#import "../datePicker.ftl" as datePicker>
<@datePicker.datePicker currentDate "/payments"/>
Robert Goldmann
committed
<div class="hide-on-small-only"><br></div>
Robert Goldmann
committed
<div class="row valign-wrapper hide-on-small-only">
<div class="col s4 left-align"><h5>${locale.getString("title.incomes")}: ${helpers.getCurrencyString(incomeSum)}</h5></div>
<div class="col s4 center-align"><a href="/payments/newPayment" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">add</i>${locale.getString("title.payment.new")}</a></div>
<div class="col s4 right-align"><h5>${locale.getString("title.payments")}: ${helpers.getCurrencyString(paymentSum)}</h5></div>
</div>
Robert Goldmann
committed
<div class="hide-on-med-and-up">
<div class="row valign-wrapper">
<div class="col s6 left-align"><h5>${locale.getString("title.incomes")}: ${helpers.getCurrencyString(incomeSum)}</h5></div>
<div class="col s6 right-align"><h5>${locale.getString("title.payments")}: ${helpers.getCurrencyString(paymentSum)}</h5></div>
</div>
<div class="row valign-wrapper">
<div class="col s12 center-align"><a href="/payments/newPayment" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">add</i>${locale.getString("title.payment.new")}</a></div>
</div>
</div>
<table class="bordered">
<#list payments as payment>
<tr>
<td>${helpers.getDateString(payment.date)}</td>
<td><i class="material-icons">repeat</i></td>
<td>
<div class="category-circle" style="background-color: ${payment.category.color}">
<span style="color: ${payment.category.getAppropriateTextColor()}">
${payment.category.name?capitalize[0]}
</span>
</div>
</td>
<#if payment.description??>
<div class="italic">${payment.description}</div>
</#if>
<td class="bold text-red">${helpers.getCurrencyString(payment.amount)}</td>
<#else>
<td class="bold text-dark-green">${helpers.getCurrencyString(payment.amount)}</td>
</#if>
<td>
<#if (payment.category.type.name() != "REST")>
Robert Goldmann
committed
<a href="/payments/${payment.ID}/edit" class="btn-flat no-padding"><i class="material-icons left">edit</i></a>
<a href="/payments/${payment.ID}/requestDelete" class="btn-flat no-padding"><i class="material-icons left">delete</i></a>
</#if>
</td>
</tr>
</#list>
</table>
</div>
</div>
<#if currentPayment??>
<!-- confirm delete modal -->
<div id="modalConfirmDelete" class="modal">
<div class="modal-content">
<h4>${locale.getString("info.title.payment.delete")}</h4>
<p>${locale.getString("info.text.payment.delete", currentPayment.name)}</p>
</div>
<div class="modal-footer">
<a href="/payments" class="modal-action modal-close waves-effect waves-red btn-flat ">${locale.getString("cancel")}</a>
<a href="/payments/${currentPayment.ID}/delete" class="modal-action modal-close waves-effect waves-green btn-flat ">${locale.getString("delete")}</a>
<#import "../scripts.ftl" as scripts>
<@scripts.scripts/>
<script src="/js/payments.js"></script>
Robert Goldmann
committed
<script src="/js/datePicker.js"></script>
Robert Goldmann
committed
<script>document.cookie = "currentDate=${helpers.getDateString(currentDate)}";</script>