templates/Context/Vendor/ProductListing/_productListings.html.twig line 1

Open in your IDE?
  1. {% import '@SyliusUi/Macro/pagination.html.twig' as pagination %}
  2. {% import '@SyliusUi/Macro/buttons.html.twig' as buttons %}
  3. {% import '@SyliusUi/Macro/messages.html.twig' as messages %}
  4. {% import '@SyliusUi/Macro/table.html.twig' as table %}
  6. {% set definition = grid.definition %}
  7. {% set data = grid.data %}
  9. {% set path = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) %}
  10. {% set criteria = app.request.query.get('criteria') %}
  11. <section class="product-listing-page">
  12.   <section class="page-header" style="display:flex">
  13.     <div class="start-block" style="flex-grow:1">
  14.       <h1 class="ui header">{{ 'app.menu.vendor.products'|trans }}
  15.         <div class="sub header">{{ 'open_marketplace.ui.manage_products'|trans }}</div>
  16.       </h1>
  17.     </div>
  18.     <div class="end-block">
  19.       <div class="ui right floated buttons create-button">
  20.         {% if definition.actionGroups.main is defined %}
  21.           {% for action in definition.getEnabledActions('main') %}
  22.             {% if user_has_privilege(action.options.link.route) %}
  23.               {{ sylius_grid_render_action(grid, action, null) }}
  24.             {% endif %}
  25.           {% endfor %}
  26.         {% endif %}
  27.       </div>
  28.     </div>
  29.   </section>
  30.   <div class="ui divider"></div>
  31.   {% if definition.enabledFilters|length > 0 %}
  32.     <div class="ui hidden divider"></div>
  33.     <div class="ui styled fluid accordion">
  34.       <div class="title {% if criteria is not null %}active{% endif %}">
  35.         <i class="dropdown icon"></i>
  36.         <i class="filter icon"></i>
  37.         {{ 'sylius.ui.filters'|trans }}
  38.       </div>
  39.       <div class="content {% if criteria is not null %}active{% endif %}">
  40.         <form method="get" action="{{ path }}" class="ui loadable form" novalidate>
  41.           <div class="sylius-filters">
  42.             {% for filter in definition.enabledFilters|filter(filter => filter.enabled)|sort_by('position') %}
  43.               <div class="sylius-filters__field">
  44.                 {{ sylius_grid_render_filter(grid, filter) }}
  45.               </div>
  46.             {% endfor %}
  47.           </div>
  48.           {{ buttons.filter() }}
  49.           {{ buttons.resetFilters(path) }}
  50.         </form>
  51.       </div>
  52.     </div>
  53.   {% endif %}
  54.   
  55.   <div class="ui hidden divider"></div>
  56.   <div class="sylius-grid-wrapper">
  57.     <div class="sylius-grid-nav">
  58.       {% if data|length > 0 and definition.actionGroups.bulk is defined and definition.getEnabledActions('bulk')|length > 0 %}
  59.         <div class="sylius-grid-nav__bulk">
  60.           {% for action in definition.getEnabledActions('bulk') %}
  61.             {{ sylius_grid_render_bulk_action(grid, action, null) }}
  62.           {% endfor %}
  63.         </div>
  64.       {% endif %}
  65.       <div class="sylius-grid-nav__pagination {% if definition.limits|length == 0 %}hide-if-empty{% endif %} ">
  66.         {{ pagination.simple(data) }}
  67.       </div>
  68.       {% if definition.limits|length > 1 and data|length > min(definition.limits) %}
  69.         <div class="sylius-grid-nav__perpage">
  70.           <div class="ui fluid one menu sylius-paginate">
  71.             {{ pagination.perPage(data, definition.limits) }}
  72.           </div>
  73.         </div>
  74.       {% endif %}
  75.     </div>
  76.   
  77.     {% if data|length > 0 %}
  78.       <div class="ui segment spaceless table-container">
  79.         <table class="ui sortable stackable very basic celled table custom-table" {{ sylius_test_html_attribute('grid-table') }}>
  80.           <thead>
  81.             <tr>
  82.               {{ table.headers(grid, definition, app.request.attributes) }}
  83.             </tr>
  84.           </thead>
  85.           <tbody {{ sylius_test_html_attribute('grid-table-body') }}>
  86.             {% for row in data %}
  87.               {{ table.row(grid, definition, row) }}
  88.             {% endfor %}
  89.           </tbody>
  90.         </table>
  91.       </div>
  92.     {% else %}
  93.       {{ messages.info('sylius.ui.no_results_to_display') }}
  94.     {% endif %}
  95.     {{ pagination.simple(data) }}
  96.   </div>
  97. </section>