Newer
Older
<#import "/spring.ftl" as s>
<#macro transactionType transaction>
<div class="col s1 l1 xl1">
<#if transaction.isRepeating()>
<i class="material-icons ">repeat</i>
<#elseif transaction.isTransfer()>
<i class="material-icons">swap_horiz</i>
<#else>
<i class="material-icons invisible">repeat</i>
</#if>
</#macro>
<#macro transactionCategory transaction alignment>
<#import "../categories/categoriesFunctions.ftl" as categoriesFunctions>
<div class="col s3 l1 xl1 ${alignment}">

Robert Goldmann
committed
<div class="hide-on-med-and-down">
<div class="category-circle" style="background-color: ${transaction.category.color}">
<span style="color: ${transaction.category.getAppropriateTextColor()}">
${categoriesFunctions.getCategoryName(transaction.category)?capitalize[0]}

Robert Goldmann
committed
</span>
</div>
</div>
<div class="hide-on-large-only">
<div class="category-circle-small" style="background-color: ${transaction.category.color}">

Robert Goldmann
committed
<span style="color: ${transaction.category.getAppropriateTextColor()}">
${categoriesFunctions.getCategoryName(transaction.category)?capitalize[0]}

Robert Goldmann
committed
</span>
</div>
</div>
</#macro>
<#macro transactionNameAndDescription transaction size>
<div class="col ${size}">
<div class="truncate transaction-text">${transaction.name}</div>
<div class="hide-on-med-and-down">

Robert Goldmann
committed
<#if transaction.description??>
<div class="italic">${transaction.description}</div>
</#if>
</div>
</#macro>
<#macro transactionAmount transaction account size>
<#assign amount = helpers.getAmount(transaction, account)/>
<#if amount <= 0>
<div class="col ${size} bold ${redTextColor} no-wrap right-align transaction-text">${currencyService.getCurrencyString(amount)}</div>
<#else>
<div class="col ${size} bold ${greenTextColor} no-wrap right-align transaction-text">${currencyService.getCurrencyString(amount)}</div>
</#if>
</#macro>
<#macro transactionButtons transaction>
<div class="col s8 l2 xl1 right-align transaction-buttons no-wrap">
<#if (transaction.category.type.name() != "REST") && !transaction.getAccount().isReadOnly()>
<a href="<@s.url '/transactions/${transaction.ID?c}/edit'/>" class="btn-flat no-padding text-color"><i class="material-icons left">edit</i></a>
<a href="<@s.url '/transactions/${transaction.ID?c}/requestDelete'/>" class="btn-flat no-padding text-color"><i class="material-icons left no-margin">delete</i></a>
</#if>
</div>
</#macro>
<#macro transactionAccount transaction>
<div class="col s4 l2 xl2 truncate">
${transaction.getAccount().getName()}
</div>
</#macro>
<div class="col s4 l2 xl1 right-align transaction-buttons no-wrap">
<a href="<@s.url '/transactions/${transaction.ID?c}/highlight'/>" class="btn-flat no-padding text-color buttonHighlight"><i class="material-icons left">open_in_new</i></a>
<a href="<@s.url '/transactions/${transaction.ID?c}/edit'/>" class="btn-flat no-padding text-color"><i class="material-icons left no-margin">edit</i></a>
</div>
</#macro>
<#macro placeholder transactions>
<#assign isOnlyRest = transactions?size == 1 && transactions[0].category.type.name() == "REST"/>
<#if isOnlyRest>
<br>
</#if>
<#if transactions?size == 0 || isOnlyRest>
<div class="row">
<div class="col s12">
<div class="headline center-align">${locale.getString("placeholder.seems.empty")}</div>
<div class="headline-advice center-align">${locale.getString("placeholder.advice", locale.getString("menu.transactions"))}</div>
</div>
</div>
</#if>
</#macro>

Robert Goldmann
committed
<#macro buttons isFilterActive>
<div class="row hide-on-small-only valign-wrapper">
<div class="col s6 right-align transactions-buttons-col">

Robert Goldmann
committed
<@buttonNew "new-transaction-button-list new-transaction-button-list-large"/>

Robert Goldmann
committed
</div>
<div class="col s6 left-align">
<@buttonFilter isFilterActive/>
</div>
</div>
<div class="hide-on-med-and-up center-align">

Robert Goldmann
committed
<div class="row center-align">
<div class="row center-align">
<div class="col s12">
<@buttonFilter isFilterActive/>
</div>

Robert Goldmann
committed
</div>
<div class="col s12 transactions-buttons-col">

Robert Goldmann
committed
<@buttonNew "new-transaction-button-list "/>

Robert Goldmann
committed
</div>
</div>
</div>
</#macro>
<#macro buttonNew listClasses>
<div class="fixed-action-btn new-transaction-button">

Robert Goldmann
committed
<a class="btn-floating btn-large btn waves-effect waves-light budgetmaster-blue" id="button-new-transaction">
<i class="material-icons left">add</i>${locale.getString("title.transaction.new.short")}
<ul class="${listClasses}">

Robert Goldmann
committed
<li>
<a href="<@s.url '/templates'/>" class="btn-floating btn budgetmaster-baby-blue"><i class="material-icons">file_copy</i></a>
<a href="<@s.url '/templates'/>" class="btn-floating btn mobile-fab-tip no-wrap">${locale.getString("title.transaction.new.from.template")}</a>

Robert Goldmann
committed
</li>
<a href="<@s.url '/transactions/newTransaction/transfer'/>" class="btn-floating btn budgetmaster-dark-green"><i class="material-icons">swap_horiz</i></a>
<a href="<@s.url '/transactions/newTransaction/transfer'/>" class="btn-floating btn mobile-fab-tip no-wrap">${locale.getString("title.transaction.new.transfer")}</a>
<a href="<@s.url '/transactions/newTransaction/repeating'/>" class="btn-floating btn budgetmaster-blue"><i class="material-icons">repeat</i></a>
<a href="<@s.url '/transactions/newTransaction/repeating'/>" class="btn-floating btn mobile-fab-tip no-wrap">${locale.getString("title.transaction.new.repeating")}</a>
<a href="<@s.url '/transactions/newTransaction/normal'/>" class="btn-floating btn budgetmaster-orange"><i class="material-icons">payment</i></a>
<a href="<@s.url '/transactions/newTransaction/normal'/>" class="btn-floating btn mobile-fab-tip no-wrap">${locale.getString("title.transaction.new.normal")}</a>

Robert Goldmann
committed
</#macro>
<#macro buttonFilter isFilterActive>
<#if isFilterActive>
<a href="#modalFilter" id="modalFilterTrigger" class="modal-trigger waves-effect waves-light btn budgetmaster-red"><i class="fas fa-filter left"></i>${locale.getString("filter.active")}</a>

Robert Goldmann
committed
<#else>
<a href="#modalFilter" id="modalFilterTrigger" class="modal-trigger waves-effect waves-light btn budgetmaster-blue"><i class="fas fa-filter left"></i>${locale.getString("title.filter")}</a>

Robert Goldmann
committed
</#if>