templates/front/acheter/_sort.html.twig line 1

Open in your IDE?
  1. {% if context == 'select' %}
  2. <form autocomplete="off" class="d-inline">
  3.     <select class=" sort_estate custom-select {{ class }}">
  4.         {# <option value="si_mandatexclusif-DESC" {% if sort_by == 'si_mandatexclusif-DESC' %}selected="selected"{% endif %}>Exclusivité</option> #}
  5.         <option value="numeromandat-DESC"  {% if sort_by == 'numeromandat-DESC' %}selected="selected"{% endif %}>+ Récent</option>
  6.         <option value="numeromandat-ASC" {% if sort_by == 'numeromandat-ASC' %}selected="selected"{% endif %}>- Récent</option>        
  7.         <option value="prix-DESC" {% if sort_by == 'prix-DESC' %}selected="selected"{% endif %} >Prix ↓</option>
  8.         <option value="prix-ASC" {% if sort_by == 'prix-ASC' %}selected="selected"{% endif %}>Prix ↑</option>
  10.     </select>
  11. </form>
  12. {% elseif context == 'desktop' %}
  13. {# Dropdown custom pour tri #}
  14. <div class="sort_estate_dropdown custom-dropdown d-inline">
  15.     <button class="btn" type="button" id="dropdownSort" data-bs-toggle="dropdown">
  16.         {% set labels = {
  17.             'numeromandat-DESC': '+ Récent',
  18.             'numeromandat-ASC': '- Récent',
  19.             'prix-DESC': 'Prix ↓',
  20.             'prix-ASC': 'Prix ↑',
  22.         } %}
  23.         <span id="sortLabel">{{ labels[sort_by]|default('Trier') }}</span>
  24.         <span class="icon"></span>
  25.     </button>
  27.     <ul class="dropdown-menu" aria-labelledby="dropdownSort">
  28.         {% for value, label in labels %}
  29.             <li>
  30.                 <a href="#" class="dropdown-item {% if sort_by == value %}active text-white bg-primary{% endif %}" data-value="{{ value }}">
  31.                     {{ label }}
  32.                 </a>
  33.             </li>
  34.         {% endfor %}
  35.     </ul>
  36. </div>
  37. {# <script type="text/javascript">
  38.     $(document).ready(function() {
  39.     $('.dropdown-item').click(function(e) {
  40.         e.preventDefault();
  42.         var value = $(this).data('value');
  43.         var label = $(this).text();
  45.         // Mettre à jour le champ caché
  46.         $('#sort_by').val(value);
  48.         // Mettre à jour le texte du bouton (sans toucher le SVG)
  49.         $('#sortLabel').text(label);
  51.         // Mettre à jour l'option active
  52.         $('.dropdown-item').removeClass('active text-white bg-primary');
  53.         $(this).addClass('active text-white bg-primary');
  54.     });
  55. });
  56. </script> #}
  57. {% endif %}