Skip to content
Snippets Groups Projects
hotkeys.ftl 2.16 KiB
Newer Older
  • Learn to ignore specific revisions
  • <html>
        <head>
            <#import "helpers/header.ftl" as header>
    
            <@header.globals/>
    
            <@header.header "BudgetMaster - ${locale.getString('menu.hotkeys')}"/>
    
            <#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>
    
                    <@header.content>
                        <br>
    
                        <@listHotKeys locale.getString("hotkeys.general") hotkeysGeneral/>
    
                        <@listHotKeys locale.getString("hotkeys.global.datepicker") hotkeysGlobalDatePicker/>
    
                        <@listHotKeys locale.getString("hotkeys.global.account.select") hotkeysAccountSelect/>
    
    
                        <@listHotKeys locale.getString("hotkeys.charts") hotkeysCharts/>
    
                    </@header.content>
    
                </div>
            </main>
    
            <!--  Scripts-->
            <#import "helpers/scripts.ftl" as scripts>
            <@scripts.scripts/>
    
    </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>
    
    </#macro>
    
    <#macro listHotKeys headline hotKeys>
        <div class="row">
            <div class="col s12 headline center-align">${headline}</div>
        </div>
    
        <#list hotKeys as hotKey>
            <div class="row">
                <@cellKeyWithModifier hotKey.getModifierLocalized()!'' hotKey.getKeyLocalized()/>
                <div class="col s8 m5 l5">${hotKey.getTextLocalized()}</div>
            </div>
        </#list>