Newer
Older
<#if account.getID()??>
<#assign title=locale.getString("title.account.edit")/>
<#else>
<#assign title=locale.getString("title.account.new")/>
</#if>
<@header.header "BudgetMaster - ${title}"/>
<@navbar.navbar "accounts" settings/>
<#import "../helpers/customSelectMacros.ftl" as customSelectMacros>
<#import "../helpers/iconSelect.ftl" as iconSelectMacros>
Robert Goldmann
committed
<div class="card main-card background-color">
<div class="container">
<div class="section center-align">
<div class="headline">${title}</div>
</div>
</div>
<@header.content>
<div class="container">
<form name="NewAccount" action="<@s.url '/accounts/newAccount'/>" method="post">
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
<input type="hidden" name="ID" value="<#if account.getID()??>${account.getID()?c}</#if>">
<input type="hidden" name="isSelected" value="<#if account.isSelected()??>${account.isSelected()?c}</#if>">
<input type="hidden" name="isDefault" value="<#if account.isDefault()??>${account.isDefault()?c}</#if>">
<#-- name -->
<div class="row">
<div class="input-field col s12 m12 l8 offset-l2">
Robert Goldmann
committed
<i class="material-icons prefix">edit</i>
<input id="account-name" type="text" name="name" <@validation.validation "name"/> value="<#if account.getName()??>${account.getName()}</#if>">
<label for="account-name">${locale.getString("account.new.label.name")}</label>
</div>
</div>
<@iconSelectMacros.iconSelect id="account-icon" item=account/>
<#-- state -->
<#if account.getAccountState()??>
<#assign selectedState=account.getAccountState()>
<#else>
<#assign selectedState=availableAccountStates[0]>
</#if>
<@customSelectMacros.customAccountStateSelect "account-state-select-wrapper" "accountState" availableAccountStates selectedState "col s12 m12 l8 offset-l2" locale.getString("account.new.label.state") "account-state"/>
<br>
<#-- buttons -->
<div class="row hide-on-small-only">
<div class="col s6 right-align">
<@header.buttonLink url='/accounts' icon='clear' localizationKey='cancel' id='button-cancel-save-account'/>
<div class="col s6 left-align">
<@header.buttonSubmit name='action' icon='save' localizationKey='save' id='button-save-account'/>
</div>
</div>
<div class="hide-on-med-and-up">
<div class="row center-align">
<div class="col s12">
<@header.buttonLink url='/accounts' icon='clear' localizationKey='cancel' id='button-cancel-save-account'/>
</div>
</div>
<div class="row center-align">
<div class="col s12">
<@header.buttonSubmit name='action' icon='save' localizationKey='save' id='button-save-account'/>
</div>
</div>
</div>
</form>
</div>
</div>
</main>
<@iconSelectMacros.modalIconSelect idToFocusOnClose="account-name" item=account/>
<!-- Scripts-->
<@scripts.scripts/>
<script src="<@s.url '/js/accounts.js'/>"></script>
<script src="<@s.url '/js/iconSelect.js'/>"></script>