templates/_menu/city_stations.html.twig line 1

Open in your IDE?
  1. <ul class="list-unstyled">
  2.     <a href="javascript:void(0);" id="listByStationsBtn">Показать по выбранным станциям</a>
  3.     {% for stationItem in item.children %}
  4.         <li>{% if stationItem.label != 'all_stations' %}<input type="checkbox" name="stations[]" value="{{ stationItem.extras.routes[0].parameters.station }}" />{% endif %}<a href="{{ stationItem.uri }}">{{ stationItem.label }}</a></li>
  5.     {% endfor %}
  6. </ul>
  9. <script type="text/javascript">
  10.     document.addEventListener('DOMContentLoaded', function() {
  11.         let listByStationsBtn = document.querySelector('#listByStationsBtn');
  12.         listByStationsBtn.addEventListener('click', function () {
  13.             listByStationsBtn.style.display = 'none';
  14.             let url = '{{ path('profile_list.list_by_stations', {city:app.request.get('city').uriIdentity, stations: '_stations_'|raw}) }}';
  15.             let stationIds = [];
  16.             document.querySelectorAll('input[name="stations[]"]').forEach(function (el) {
  17.                 if(el.checked) {
  18.                     stationIds.push(el.value);
  19.                     //можно выбрать не более 130 = 1950 символов + ~40 символов урл
  20.                     if(stationIds.length == 130) {
  21.                         return;
  22.                     }
  23.                 }
  24.             });
  25.             window.location = url.replace('_stations_', stationIds.join(','));
  26.         });
  27.     });
  28. </script>