Skip to content
Snippets Groups Projects
Select Git revision
  • 2c211a93bc472db5609556a64bf6ce4cf3eb584d
  • master default
  • renovate/junit-jupiter-engine.version
  • renovate/selenium.version
  • renovate/testcontainer.version
  • demo
  • v1_8_1
  • v2.18.1
  • v2.18.0
  • v2.17.2
  • v2.17.1
  • v2.17.0
  • v2.16.1
  • v2.16.0
  • v2.15.1
  • v2.15.0
  • v2.14.0
  • v2.13.0
  • v2.12.0
  • v2.11.0
  • v2.10.0
  • v2.9.2
  • v2.9.1
  • v2.9.0
  • v2.8.0
  • testPipeline2
  • v2.7.0
27 results

search.ftl

Blame
  • search.ftl 5.15 KiB
    <html>
        <head>
            <#import "../helpers/header.ftl" as header>
            <@header.globals/>
            <@header.header "BudgetMaster - ${locale.getString('search')}"/>
            <@header.style "datepicker"/>
            <@header.style "transactions"/>
            <@header.style "search"/>
            <#import "/spring.ftl" as s>
        </head>
        <@header.body>
            <#import "../helpers/navbar.ftl" as navbar>
            <@navbar.navbar "home" settings/>
    
            <#import "../transactions/transactionsMacros.ftl" as transactionsMacros>
            <#import "searchMacros.ftl" as searchMacros>
    
            <main>
                <div class="card main-card background-color">
                    <div class="container">
                        <div class="section center-align">
                            <div class="headline">${locale.getString("menu.search.results", page.getTotalElements())}</div>
                        </div>
                    </div>
    
                    <@header.content>
                        <form id="searchForm" action="<@s.url '/search'/>" method="get">
                            <@searchMacros.searchTextAndButton search/>
                            <@searchMacros.checkboxes search/>
                            <@searchMacros.dateRange search/>
                            <input type="hidden" name="page" id="inputPageNumber" value="${page.getNumber()}"/>
                        </form>
    
                        <@searchMacros.pagination page "top"/>
    
                        <div class="row search-container">
                            <div class="col s12">
                                <#list page.getContent() as transaction>
                                    <div class="card-panel search-result">
                                        <div class="hide-on-large-only">
                                            <div class="row valign-wrapper">
                                                <div class="col s3 center-align bold transaction-text">
                                                    ${dateService.getDateStringNormal(transaction.date)}
                                                </div>
                                                <@transactionsMacros.transactionAccountIcon transaction/>
                                                <@transactionsMacros.transactionType transaction "s2"/>
                                                <@transactionsMacros.transactionLinks transaction/>
                                            </div>
                                            <div class="row valign-wrapper no-margin-bottom">
                                                <@transactionsMacros.transactionCategory transaction "center-align"/>
                                                <@transactionsMacros.transactionNameAndDescription transaction "s5"/>
                                                <@transactionsMacros.transactionAmount transaction transaction.getAccount() "s4"/>
                                            </div>
                                        </div>
                                        <div class="hide-on-med-and-down">
                                            <div class="row valign-wrapper no-margin-bottom transaction-row-desktop">
                                                <div class="col l2 xl1 bold transaction-text transaction-date valign-wrapper">
                                                    ${dateService.getDateStringNormal(transaction.date)}
                                                </div>
                                                <@transactionsMacros.transactionCategory transaction "left-align"/>
                                                <@transactionsMacros.transactionAccountIcon transaction/>
                                                <@transactionsMacros.transactionType transaction "l1 xl1"/>
                                                <@transactionsMacros.transactionNameAndDescription transaction "l3 xl4"/>
                                                <@transactionsMacros.transactionAmount transaction transaction.getAccount() "l2 xl2"/>
                                                <@transactionsMacros.transactionLinks transaction/>
                                            </div>
                                        </div>
                                    </div>
                                </#list>
    
                                <#-- placeholder -->
                                <#if page.getContent()?size == 0>
                                    <div class="row">
                                        <div class="col s12">
                                            <br><br>
                                            <div class="headline-advice center-align">${locale.getString("search.placeholder")}</div>
                                        </div>
                                    </div>
                                </#if>
                            </div>
                        </div>
    
                        <@searchMacros.pagination page "bottom"/>
                    </@header.content>
                </div>
            </main>
    
            <!-- Pass localization to JS -->
            <#import "../helpers/globalDatePicker.ftl" as datePicker>
            <@datePicker.datePickerLocalization/>
    
            <!--  Scripts-->
            <#import "../helpers/scripts.ftl" as scripts>
            <@scripts.scripts/>
            <script src="<@s.url '/js/search.js'/>"></script>
        </@header.body>
    </html>