src/Cms/CoreBundle/Resources/views/includes/Search/Sort.html.twig line 1

Open in your IDE?
  1. {% set term = _args.term %}
  2. {% set htmlId = _args.htmlId|default('campussuite-search-term-' ~ token()) %}
  4. <div id="{{ htmlId }}" data-campussuite-search-term>
  6.     <input type="hidden" data-sort-value value="{{ term.field }}" />
  7.     <input type="hidden" data-sort-direction value="{{ term.direction }}" />
  9.     <div class="dropdown action-item">
  10.         <a class="btn btn-filter dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
  11.             <span>Sort by</span>
  12.             <i class="fa fa-chevron-down"></i>
  13.         </a>
  14.         <ul class="dropdown-menu" role="menu" aria-labelledby="export">
  15.             {% for value,label in term.options['options']|sort %}
  16.                 <li role="presentation">
  17.                     <a role="menuitem" tabindex="-1" href="#" data-sort-option="{{ value }}"{% if term.field is same as(value) %} style="font-weight: bold;"{% endif %}>{{ label }}</a>
  18.                 </li>
  19.             {% endfor %}
  20.         </ul>
  21.     </div>
  23.     <div class="action-item filter-asc"{% if term.direction is same as('ASC') %} style="display: none;"{% endif %}>
  24.         <a class="btn btn-filter filter-icon" href="#">
  25.             <i class="fa fa-chevron-up"></i>
  26.         </a>
  27.     </div>
  29.     <div class="action-item filter-des"{% if term.direction is same as('DESC') %} style="display: none;"{% endif %}>
  30.         <a class="btn btn-filter filter-icon" href="#">
  31.             <i class="fa fa-chevron-down"></i>
  32.         </a>
  33.     </div>
  35. </div>
  37. <script type="text/javascript">
  38.     $(function () {
  40.         $('#{{ htmlId }}').on('click', 'a', function (e) {
  41.             var $target = $(e.currentTarget),
  42.                 plugin = $(e.delegateTarget).data('campussuiteSearchTerm');
  43.             e.preventDefault();
  44.             switch (true) {
  45.                 case $target.closest('.action-item').hasClass('filter-asc'):
  46.                     plugin.$element.find('[data-sort-direction]').val('ASC');
  47.                     $(e.currentTarget).trigger('campussuite.search.submit');
  48.                     break;
  49.                 case $target.closest('.action-item').hasClass('filter-des'):
  50.                     plugin.$element.find('[data-sort-direction]').val('DESC');
  51.                     $(e.currentTarget).trigger('campussuite.search.submit');
  52.                     break;
  53.                 case $target.attr('role') === 'menuitem':
  54.                     plugin.$element.find('[data-sort-value]').val($target.attr('data-sort-option'));
  55.                     $(e.currentTarget).trigger('campussuite.search.submit');
  56.                     break;
  57.             }
  58.         });
  60.         $('#{{ htmlId }}').campussuiteSearchTerm({
  61.             _init: function () {
  62.                 // noop
  63.             },
  64.             compiler: function () {
  65.                 var value = this.$element.find('[data-sort-value]').val(),
  66.                     direction = this.$element.find('[data-sort-direction]').val();
  67.                 if (value === undefined || value === null || typeof value !== 'string' || value === '') {
  68.                     return null;
  69.                 }
  70.                 if (direction !== 'ASC' && direction !== 'DESC') {
  71.                     direction = 'ASC';
  72.                 }
  73.                 return 'sort:' + value + ':' + direction;
  74.             }
  75.         });
  77.     });
  78. </script>