Newer
Older
<html>
<head>
<#import "helpers/header.ftl" as header>
<@header.header "BudgetMaster - ${locale.getString('menu.hotkeys')}"/>
<@header.style "hotkeys"/>
</head>
<body class="budgetmaster-blue-light">
<#import "helpers/navbar.ftl" as navbar>
<@navbar.navbar "hotkeys" settings/>
<main>
<div class="card main-card background-color">
<div class="container">
<div class="section center-align">
<div class="headline"><i class="material-icons">keyboard</i> ${locale.getString("menu.hotkeys")}</div>
Robert Goldmann
committed
<div class="row">
<div class="col s12 headline center-align">${locale.getString("hotkeys.general")}</div>
</div>
<#list hotkeysGeneral as hotKey>
<div class="row">
<@cellKeyWithModifier hotKey.getModifier()!'' hotKey.getKey()/>
<div class="col s8 m5 l5">${hotKey.getLocalizedText()}</div>
</div>
</#list>
Robert Goldmann
committed
<div class="row">
<div class="col s12 headline center-align">${locale.getString("hotkeys.global.datepicker")}</div>
</div>
<div class="row">
<@cellKey locale.getString("hotkeys.global.datepicker.previous.month.key")/>
<div class="col s8 m5 l5">${locale.getString("hotkeys.global.datepicker.previous.month")}</div>
</div>
<div class="row">
<@cellKey locale.getString("hotkeys.global.datepicker.next.month.key")/>
<div class="col s8 m5 l5">${locale.getString("hotkeys.global.datepicker.next.month")}</div>
</div>
<div class="row">
<@cellKey locale.getString("hotkeys.global.datepicker.today.key")/>
<div class="col s8 m5 l5">${locale.getString("hotkeys.global.datepicker.today")}</div>
</div>
</div>
</main>
<!-- Scripts-->
<#import "helpers/scripts.ftl" as scripts>
<@scripts.scripts/>
</body>
</html>
<#macro cellKey key>
<div class="col s4 m3 offset-m2 l2 offset-l3 right-align bold">
<div class="keyboard-key">${key}</div>
</div>
</#macro>
<#macro cellKeyWithModifier modifier key>
<div class="col s4 m3 offset-m2 l2 offset-l3 right-align bold">
<#if modifier?? && modifier?has_content>
<div class="keyboard-key modifier-key">${modifier}</div>
<span class="bold">+</span>
</#if>
<div class="keyboard-key">${key}</div>
</div>