templates/areas/filter/view.html.twig line 1

Open in your IDE?
  1. {% extends 'areas/filter/editables.html.twig' %}
  3. {% block view %}
  4.   {% if editmode %}
  5.     Only in Frontend
  6.   {% elseif filterDefinition != null %}
  7.     <section class="c-filter background-none {{filterMargin}}"
  8.               data-filter-definition="{{filterDefinition.getId()}}"
  9.               data-filter-output="{{filterDefinition.getRenderingOutput()}}"
  10.               data-search-route="/search"
  11.               data-filter-route="/filter/restrict"
  12.               {% if filterDefinition.getTenant() == 'Magazine' %}
  13.                 data-object-route="/{{filterDefinition.getTenant()|lower}}/object"
  14.               {% else %}
  15.                 data-object-route="/filter/search"
  16.               {% endif %}
  17.               data-default-image="{{ defaultImage ? defaultImage.getId() : null }}"
  18.               data-document="{{document.getId()}}"
  19.     >
  20.       {% set filterOrder %}
  21.         {% if filterDefinition.getOrderByAsc() %}
  22.           {% set orders = filterDefinition.getOrderByAsc() | split(',') %}
  24.           <div class="c-filter__order">
  25.             <div class="c-filter__order-expand js-order-button" data-active="false">
  26.               <p class="js-order-button-text e-small">{{"mvk_doc_fe_filter_order_button" | trans}}</p>
  27.               <div class="c-filter__order-options">
  28.                 {% for order in orders %}
  29.                   <span data-filter-order="{{order}}" data-filter-order-by="asc" data-active="false">{{('mvk_doc_fe_filter_order_' ~ filterDefinition.getTenant() ~ '_' ~ order) | trans}} {{'mvk_doc_fe_filter_order_button_asc' | trans}}</span>
  30.                   <span data-filter-order="{{order}}" data-filter-order-by="desc" data-active="false">{{('mvk_doc_fe_filter_order_' ~ filterDefinition.getTenant() ~ '_' ~ order) | trans}} {{'mvk_doc_fe_filter_order_button_desc' | trans}}</span>
  31.                 {% endfor %}
  32.               </div>
  33.             </div>
  34.           </div>
  35.         {% endif %}
  36.       {% endset %}
  38.       {% if filterDefinition != null %}
  39.         {% if filterDefinition.filters|length > 0 %}
  40.           {% set filterFrontend = null %}
  41.           {% set currentSearchFilter = [] %}
  42.           {% set searchOnly = false %}
  44.           {% for filter in filterDefinition.filters %}
  45.             {% if filter is instanceof('\\Pimcore\\Model\\DataObject\\Fieldcollection\\Data\\FilterSearch') and filter.getFieldsToSearch() != null %}
  46.               {% set fields = filter.getFieldsToSearch()|split(',') %}
  47.               {% for field in fields %}
  48.                 {% set currentSearchFilter = currentSearchFilter|merge({(field): []}) %}
  49.               {% endfor %}
  51.               {# Get all options(select, checkboxes, ...) for filter #}
  52.               {% set filterFrontend %}
  53.                 {{ filterService.filterFrontend(filter, objectListing, currentSearchFilter) | raw }}
  54.               {% endset %}
  55.             {% endif %}
  57.             {% if filter is instanceof('\\Pimcore\\Model\\DataObject\\Fieldcollection\\Data\\FilterSearch') and filterDefinition.filters|length == 1 %}
  58.               {% set searchOnly = true %}
  59.             {% endif %}
  60.           {% endfor %}
  62.           {% set filterTenantTranslation = ('html.filter.' ~ filterDefinition.getTenant()|lower) %}
  64.           {% include 'utils/beam.html.twig' with {'type': 'filter', 'filterFrontend': filterFrontend, 'filterTenant': filterTenantTranslation, 'filterOrder': filterOrder, 'searchOnly': searchOnly } %}
  66.           {% set filterFrontend = null %}
  68.         {% else %}
  69.           {{filterOrder | raw}}
  70.         {% endif %}
  72.         <div>
  73.           {% if filterDefinition.filters|length > 0 %}
  74.             <div class="c-filter__panel" data-filter-panel>
  75.               <div class="c-filter__panel-wrapper background-primary">
  76.                 <a href class="c-filter__panel-close" data-filter-close></a>
  77.                 <div class="c-filter__panel-content">
  78.                   <div class="c-filter__panel-header e-rte">
  79.                     <h4>
  80.                       {{ 'ercas_doc_fe_filter_label_filter' | trans }}
  81.                       {# <span data-filter-selected>1</span> #}
  82.                     </h4>
  83.                   </div>
  84.                   {% for filter in filterDefinition.filters %}
  85.                     {% if filter is instanceof('\\Pimcore\\Model\\DataObject\\Fieldcollection\\Data\\FilterNumberInput') or
  86.                           filter is instanceof('\\Pimcore\\Model\\DataObject\\Fieldcollection\\Data\\FilterNumberRangeFromTo')
  87.                     %}
  88.                       {% set fieldFrom = filter.getFieldFrom().getField() %}
  89.                       {% set fieldTo = filter.getFieldTo().getField() %}
  90.                       {% set currentFilter = {(fieldFrom): [], (fieldTo): []} %}
  91.                     {% elseif filter.getField() != null and filter is not instanceof('\\Pimcore\\Model\\DataObject\\Fieldcollection\\Data\\FilterSearch') %}
  92.                       {% set field = filter.getField().getField() %}
  93.                       {% set currentFilter = {(field): []} %}
  94.                     {% endif %}
  96.                     {# Get all options(select, checkboxes, ...) for filter #}
  97.                     {% if currentFilter is defined %}
  98.                       {{ filterService.filterFrontend(filter, objectListing, currentFilter) | raw }}
  99.                     {% endif %}
  100.                   {% endfor %}
  102.                   {# Set reset and submit button #}
  103.                   {% if filterDefinition.getShowSubmitButton() or filterDefinition.getShowResetButton() %}
  104.                     {% include 'utils/beam.html.twig' with {'type': 'submit'} %}
  105.                   {% endif %}
  106.                 </div>
  107.               </div>
  108.             </div>
  109.           {% endif %}
  110.         </div>
  111.         {% if filterDefinition.getRenderingOutput() == 'list' %}
  112.           {# Output Dummy #}
  114.           {% if document.getProperty('isBms') is defined and document.getProperty('isBms') == true %}
  115.             {% if filterDefinition.getTenant() == 'Policyholder' %}
  116.               {% include 'object/policyholder/list-bms.html.twig' %}
  117.             {% elseif filterDefinition.getTenant() == 'DamageDeclaration' %}
  118.               {% include 'object/damage-declaration/list-bms.html.twig' %}
  119.             {% elseif filterDefinition.getTenant() == 'InsuranceApplication' %}
  120.               {% include 'object/insurance-application/list-bms.html.twig' %}
  121.             {% elseif filterDefinition.getTenant() == 'InsuranceOffer' %}
  122.               {% include 'object/insurance-offer/list-bms.html.twig' %}
  123.             {% elseif filterDefinition.getTenant() == 'AgentDocument' %}
  124.               {% include 'object/agent-document/list-bms.html.twig' %}
  125.             {% elseif filterDefinition.getTenant() == 'PolicyDocument' %}
  126.               {% include 'object/policy-document/list-bms.html.twig' %}
  127.             {% elseif filterDefinition.getTenant() == 'Contract' %}
  128.               {% include 'object/contract/list-bms.html.twig' %}
  129.             {% elseif filterDefinition.getTenant() == 'BmsSubAgent' %}
  130.               {% include 'object/sub-agent/list-bms.html.twig' %}
  131.             {% endif %}
  132.           {% else %}
  133.             {% if filterDefinition.getTenant() == 'Policyholder' %}
  134.               {% include 'object/policyholder/list.html.twig' %}
  135.             {% elseif filterDefinition.getTenant() == 'DamageDeclaration' %}
  136.               {% include 'object/damage-declaration/list.html.twig' %}
  137.             {% elseif filterDefinition.getTenant() == 'InsuranceApplication' %}
  138.               {% include 'object/insurance-application/list.html.twig' %}
  139.             {% elseif filterDefinition.getTenant() == 'InsuranceOffer' %}
  140.               {% include 'object/insurance-offer/list.html.twig' %}
  141.             {% elseif filterDefinition.getTenant() == 'AgentDocument' %}
  142.               {% include 'object/agent-document/list.html.twig' %}
  143.             {% elseif filterDefinition.getTenant() == 'PolicyDocument' %}
  144.               {% include 'object/policy-document/list.html.twig' %}
  145.             {% elseif filterDefinition.getTenant() == 'Contract' %}
  146.               {% include 'object/contract/list.html.twig' %}
  147.             {% elseif filterDefinition.getTenant() == 'SubAgent' %}
  148.               {% include 'object/sub-agent/list.html.twig' %}
  149.             {% elseif filterDefinition.getTenant() == 'BmsSubAgent' %}
  150.               {% include 'object/sub-agent/list-bms.html.twig' %}
  151.             {% endif %}
  152.           {% endif %}
  154.           {% if filterDefinition.getTenant() == 'Job' %}
  155.             {% include 'object/job/list.html.twig' %}
  156.           {% elseif filterDefinition.getTenant() == 'DamEntry' %}
  157.             {% include 'object/downloadlist/list.html.twig' %}
  158.           {% endif %}
  160.           <div class="e-card__list">
  161.             <div class="container" data-output-list>
  162.               {# TS (frontend/src/06_xtensions/filter/filter.ts) will create a list of objects here #}
  163.             </div>
  164.           </div>
  165.         {% elseif filterDefinition.getRenderingOutput() == 'card' %}
  166.           {# Output Dummy #}
  167.           {% if filterDefinition.getTenant() == 'Magazine' %}
  168.             {% include 'object/magazine/card.html.twig' with {'highlightElement': highlightElement} %}
  169.           {% elseif filterDefinition.getTenant() == 'Contact' %}
  170.             {% include 'object/contact/card.html.twig' with {'highlightElement': highlightElement} %}
  171.           {% endif %}
  172.           <div class="e-card__list">
  173.             <div class="container-fluid">
  174.               <div class="row gap-4" data-output-list>
  175.                 {# TS (frontend/src/06_xtensions/filter/filter.ts) will create a list of objects here #}
  176.               </div>
  177.             </div>
  178.           </div>
  179.         {% endif %}
  183.         {% if filterDefinition.getInfiniteScroll() == true %}
  184.             <div class="c-filter__pagination js-filter-pagination e-rte d-none" data-load-type="infiniteScroll">
  185.               <span class="c-filter__pagination-information e-light">
  186.                 <span data-pagination-current>0</span> {{ 'html.filter.load.of' | trans }} <span data-pagination-total>24</span>
  187.               </span>
  188.               <p>
  189.                 <a href="" class="e-button--ghost" data-load-more data-next-page="1" data-disabled="false">
  190.                   {{ 'html.filter.load.more' | trans }}
  191.                   <span data-is-loading="false"></span>
  192.                 </a>
  193.               </p>
  194.             </div>
  195.           {% elseif filterDefinition.getPagination() == true %}
  196.             <div class="c-filter__pagination js-filter-pagination e-rte d-none" data-load-type="pagination">
  197.               <span class="c-filter__pagination-information e-light">
  198.                 <a href="" class="c-filter__pagination-button" data-load-prev data-prev-page="1" data-disabled="false">
  199.                   <span data-is-loading="false"></span>
  200.                 </a>
  201.                 <div class="c-filter__pagination-information-group">
  202.                   <input type="number" min="1" max="3" data-pagination-current value="1"> {{ 'ercas_doc_fe_filter_label_of' | trans }}&nbsp;<span data-pagination-page-count> 24</span>
  203.                 </div>
  204.                 <a href="" class="c-filter__pagination-button" data-load-next data-next-page="1" data-disabled="false">
  205.                   <span data-is-loading="false"></span>
  206.                 </a>
  207.               </span>
  208.             </div>
  209.           {% endif %}
  210.       {% endif %}
  211.     </section>
  212.   {% endif %}
  214. {% endblock %}