Skip to content
Snippets Groups Projects
searchMacros.ftl 5.68 KiB
Newer Older
  • Learn to ignore specific revisions
  • Robert Goldmann's avatar
    Robert Goldmann committed
    <#import "/spring.ftl" as s>
    
    <#import "../helpers/header.ftl" as header>
    
    Robert Goldmann's avatar
    Robert Goldmann committed
    
    
    Robert Goldmann's avatar
    Robert Goldmann committed
    <#macro searchTextAndButton search>
        <div class="row no-margin-bottom valign-wrapper">
    
            <div class="col s10 m6 offset-m2 l5 offset-l3">
    
    Robert Goldmann's avatar
    Robert Goldmann committed
                <div class="input-field">
                    <input id="searchText" type="text" name="searchText" value="${search.getSearchText()}">
                    <label for="searchText">${locale.getString("search")}</label>
                </div>
            </div>
    
    
            <div class="col s2 m4 l4">
    
    Robert Goldmann's avatar
    Robert Goldmann committed
                <div class="hide-on-small-only">
    
                    <@header.buttonSubmit name='action' icon='search' localizationKey='search.submit' id='button-perform-search'/>
    
    Robert Goldmann's avatar
    Robert Goldmann committed
                </div>
                <div class="hide-on-med-and-up">
    
                    <@header.buttonSubmit name='action' icon='search' localizationKey='' id='button-perform-search'/>
    
    Robert Goldmann's avatar
    Robert Goldmann committed
                </div>
            </div>
        </div>
    </#macro>
    
    <#macro checkboxes search>
        <div class="row">
            <div class="col s8 offset-s2 m4 offset-m2 l3 offset-l3">
                <div class="search-checkbox-container">
                    <label>
                        <input type="checkbox" name="searchName" <#if search.isSearchName()>checked="checked"</#if>>
    
                        <span class="text-default">${locale.getString('search.in.name')}</span>
    
    Robert Goldmann's avatar
    Robert Goldmann committed
                    </label>
                </div>
            </div>
            <div class="col s8 offset-s2 m6 l6">
                <div class="search-checkbox-container">
                    <label>
                        <input type="checkbox" name="searchDescription" <#if search.isSearchDescription()>checked="checked"</#if>>
    
                        <span class="text-default">${locale.getString('search.in.description')}</span>
    
    Robert Goldmann's avatar
    Robert Goldmann committed
                    </label>
                </div>
            </div>
            <div class="col s8 offset-s2 m4 offset-m2 l3 offset-l3">
                <div class="search-checkbox-container">
                    <label>
                        <input type="checkbox" name="searchCategory" <#if search.isSearchCategory()>checked="checked"</#if>>
    
                        <span class="text-default">${locale.getString('search.in.category')}</span>
    
    Robert Goldmann's avatar
    Robert Goldmann committed
                    </label>
                </div>
            </div>
            <div class="col s8 offset-s2 m6 l6">
                <div class="search-checkbox-container">
                    <label>
                        <input type="checkbox" name="searchTags" <#if search.isSearchTags()>checked="checked"</#if>>
    
                        <span class="text-default">${locale.getString('search.in.tags')}</span>
    
    Robert Goldmann's avatar
    Robert Goldmann committed
                    </label>
    
                </div>
            </div>
            <div class="col s8 offset-s2 m4 offset-m2 l3 offset-l3">
                <div class="search-checkbox-container">
                    <label>
                        <input type="checkbox" name="includeHiddenAccounts" <#if search.isIncludeHiddenAccounts()>checked="checked"</#if>>
                        <span class="text-default">${locale.getString('search.include.hidden.accounts')}</span>
                    </label>
    
    Robert Goldmann's avatar
    Robert Goldmann committed
                </div>
            </div>
        </div>
    
    Robert Goldmann's avatar
    Robert Goldmann committed
    </#macro>
    
    
    <#macro dateRange search>
        <div class="row">
    
            <div class="input-field col s6 m4 offset-m2 l3 offset-l3" id="search-datepicker-container">
    
                <#if search.getStartDate()??>
                    <#assign startDate = dateService.getLongDateString(search.getStartDate())/>
                     <script>
                        startDate = "${startDate}".split(".");
                        startDate = new Date(startDate[2], startDate[1] - 1, startDate[0]);
                     </script>
                <#else>
                    <#assign startDate = ''/>
                    <script>
                        startDate = null;
                    </script>
                </#if>
    
                <i class="material-icons prefix">today</i>
                <input id="search-datepicker" type="text" class="datepicker" name="startDate" value="${startDate}">
                <label for="search-datepicker">${locale.getString("chart.steps.second.label.start")}</label>
            </div>
    
    
            <div class="input-field col s6 m4 l3" id="search-datepicker-end-container">
    
                <#if search.getEndDate()??>
                    <#assign endDate = dateService.getLongDateString(search.getEndDate())/>
                    <script>
                        endDate = "${endDate}".split(".");
                        endDate = new Date(endDate[2], endDate[1] - 1, endDate[0]);
                    </script>
                <#else>
                    <#assign endDate = ''/>
                    <script>
                        endDate = null;
                    </script>
                </#if>
    
                <i class="material-icons prefix">event</i>
                <input id="search-datepicker-end" type="text" class="datepicker" name="endDate" value="${endDate}">
                <label for="search-datepicker-end">${locale.getString("chart.steps.second.label.end")}</label>
            </div>
        </div>
    </#macro>
    
    
    <#macro pagination page position>
        <div class="row pagination-position-${position}">
    
    Robert Goldmann's avatar
    Robert Goldmann committed
            <div class="col s12 center-align">
    
                <#if page.getTotalPages() gt 0>
                    <ul class="pagination">
    
                        <li class="text-default <#if page.getNumber() == 0>disabled</#if>"><a class="page-link" data-page="${page.getNumber()-1}"><i class="material-icons">chevron_left</i></a></li>
    
                            <#list 0..page.getTotalPages()-1 as i>
    
                                <li class="waves-effect text-default <#if page.getNumber() == i>active</#if>"><a class="page-link" data-page="${i}">${i+1}</a></li>
    
                        <li class="text-default <#if page.getNumber() == page.getTotalPages()-1>disabled</#if>"><a class="page-link" data-page="${page.getNumber()+1}"><i class="material-icons">chevron_right</i></a></li>
    
    Robert Goldmann's avatar
    Robert Goldmann committed
            </div>
        </div>
    
    Robert Goldmann's avatar
    Robert Goldmann committed
    </#macro>