templates/modules/select/select.twig line 1

Open in your IDE?
  1. {% set evenements = evenements ?: false %}
  3. {% if inputs|length > 1 %}
  4.     {% if pageType is defined and not pageType in ['fournisseur_single']  %}
  5.         <div class="cell small-12 mobile-filter">
  6.             <div class="switch-view">
  7.                 <div class="list-view">
  8.                     <svg width="21" height="22" viewbox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  9.                         <path d="M12.2424 20.3755V13.917C12.2424 13.548 12.5169 13.2489 12.8556 13.2489H18.7834C19.1221 13.2489 19.3966 13.548 19.3966 13.917V20.3755C19.3966 20.7446 19.1221 21.0437 18.7834 21.0437H12.8556C12.5169 21.0437 12.2424 20.7446 12.2424 20.3755Z" stroke="#fff" stroke-width="1.5"/>
  10.                         <path d="M1 20.3755V13.917C1 13.548 1.27455 13.2489 1.61322 13.2489H7.54098C7.87965 13.2489 8.1542 13.548 8.1542 13.917V20.3755C8.1542 20.7446 7.87965 21.0437 7.54098 21.0437H1.61322C1.27455 21.0437 1 20.7446 1 20.3755Z" stroke="#fff" stroke-width="1.5"/>
  11.                         <path d="M12.2424 8.12664V1.66812C12.2424 1.29913 12.5169 1 12.8556 1H18.7834C19.1221 1 19.3966 1.29913 19.3966 1.66812V8.12664C19.3966 8.49563 19.1221 8.79476 18.7834 8.79476H12.8556C12.5169 8.79476 12.2424 8.49563 12.2424 8.12664Z" stroke="#fff" stroke-width="1.5"/>
  12.                         <path d="M1 8.12664V1.66812C1 1.29913 1.27455 1 1.61322 1H7.54098C7.87965 1 8.1542 1.29913 8.1542 1.66812V8.12664C8.1542 8.49563 7.87965 8.79476 7.54098 8.79476H1.61322C1.27455 8.79476 1 8.49563 1 8.12664Z" stroke="#fff" stroke-width="1.5"/>
  13.                     </svg>
  14.                     <span>Liste</span>
  15.                 </div>
  16.                 <div class="map-view">
  17.                     <svg width="21" height="22" viewbox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  18.                         <path d="M7.13217 18.8166L1.80714 20.7506C1.41006 20.8948 1 20.5728 1 20.1167V3.70864C1 3.42105 1.1689 3.16573 1.4193 3.0748L7.13217 1M7.13217 18.8166L13.2643 21.0437M7.13217 18.8166V1M7.13217 1L13.2643 3.22708M13.2643 21.0437L18.9772 18.9689C19.2276 18.878 19.3965 18.6226 19.3965 18.335V1.92698C19.3965 1.47094 18.9865 1.14892 18.5894 1.29314L13.2643 3.22708M13.2643 21.0437V3.22708" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  19.                     </svg>
  20.                     <span>Carte</span>
  21.                 </div>
  22.             </div>
  23.             <div class="filter-select-button">Filtrer</div>
  24.         </div>
  25.     {% else %}
  26.         <div class="filter-select-button cell small-12 hide-for-large">Filtrer</div>
  27.     {% endif %}
  29.     <div class="select_au-container">
  30.         <div class="close-select">Fermer
  31.             <img alt="" src="{{ asset('/assets/images/svg/icon_select_close.svg') }}"/></div>
  32.     {% endif %}
  33.     <div class="select_au {{ inputs|length > 1 ? " select_au_container" : " " }} {{ evenements ? " select_au_events" : " " }} {{ services or products ? " select_au_services" : " " }} grid-x align-middle" {% if pageType is defined %} data-aos="fade-up" {% endif %}>
  34.         {% for input in inputs %}
  35.             {% if input.queries and input.queries|length > 1 %}
  36.                 {% set action = autoSubmit ? 'this.form.submit()' : (input.with_form ? '' : 'location = this.value') %}
  38.                 <select class="select_au-item {{ input.class ?? ''}}" name="{{ input.name }}{{ input.nb ? " ("~input.nb~")" : ""}}" onchange="{{ action }}">
  39.                     <option></option>
  40.                     {% for query in input.queries %}
  41.                         {% set isSelected = query.selected or 
  42.               query.link == app.request.pathinfo or 
  43.               app.request.request.get(input.name|replace({' ':'_'} )) == query.link 
  44.             %}
  45.                         <option rel="{{query.current_url}}" {{ isSelected ? ' selected ' :'' }} value="{{query.link}}">{{query.name}}{{ query.nb ? "  ("~query.nb~")" : "" }}</option>
  46.                     {% endfor %}
  47.                 </select>
  49.             {% endif %}
  50.         {% endfor %}
  51.         {% if rangePicker %}
  52.             <div class="cell small-12 rangePicker-ctt">
  53.                 <div class="flex-container align-middle rangePicker-textBlock">
  54.                     <label class="rangePicker-label" for="channel">Nombre de canaux :</label>
  55.                     <div class="rangePicker-input" max="{{maxChannel}}" min="{{minChannel}}" id="channel"></div>
  56.                     <input type="hidden" name="minChannel" value="{{minChannel}}" id="minChannel">
  57.                     <input type="hidden" name="maxChannel" value="{{maxChannel}}" id="maxChannel">
  58.                 </div>
  59.                 <div class="rangePicker-slider" id="slider-range-channel"></div>
  60.             </div>
  61.             <div class="cell small-12 rangePicker-ctt">
  62.                 <div class="flex-container align-middle rangePicker-textBlock">
  63.                     <label class="rangePicker-label" for="gain">Gain max en DB :</label>
  64.                     <div class="rangePicker-input" max="{{maxGain}}" min="{{minGain}}" id="gain"></div>
  65.                     <input type="hidden" name="minGain" value="{{minGain}}" id="minGain">
  66.                     <input type="hidden" name="maxGain" value="{{maxGain}}" id="maxGain">
  67.                 </div>
  68.                 <div class="rangePicker-slider" id="slider-range-gain"></div>
  69.             </div>
  70.         {% endif %}
  71.         {% if datePicker %}
  72.             <div class="cell small-12 rangePicker-ctt">
  73.                 <label class="rangePicker-label" for="datepickerProduct">Date de sortie :</label>
  74.                 <input type="text" name="date_produit" id="datepickerProduct" class="datePickerProduct" placeholder="Date de sortie...">
  75.             </div>
  76.         {% endif %}
  77.         {% if submitButton %}
  78.             <button type="submit" class="btn submit-products-form">Envoyer</button>
  79.             {% if app.request.request is not empty %}
  80.                 <a href="{{app.request.pathinfo}}" class="btn reset-products-form">Effacer</a>
  81.             {% endif %}
  82.         {% endif %}
  83.     </div>
  85.     {% if inputs|length > 1 %}
  86.     </div>
  87. {% endif %}