templates/modules/search-widget/schedule/stoparea/next_departures.html.twig line 1

Open in your IDE?
  1. {% if stopArea is not empty %}
  2. <div class="is-Schedule-Header is-Result-Header">
  3. <button class="is-hide is-Schedule-BackButton is-Result-Header-BackButton" title="{{ 'schedule.back_to_results'|trans }}">
  4. <i class="is-Icon is-Icon-com-chevron-left-thick" aria-hidden="true"></i>
  5. </button>
  6. <div class="is-Schedule-H1 is-Widget-H2"
  7. tabindex="0" aria-label="{{ 'schedule.next_departure_for_stoppoint_new_format'|trans({ 'stopPoint': stopArea.name, 'city': stopArea.city }) }}">
  8. {{ stopArea.name }} - {{ stopArea.city }}
  9. </div>
  10. </div>
  11. {% endif %}
  13. {% if departures is not empty or stopAreaLines is not empty or (stopArea is not empty and stopPoints is not empty and lines is not empty) %}
  14. {% if departures is not empty or (stopArea is not empty and stopPoints is not empty and lines is not empty) %}
  15. {% include "modules/search-widget/schedule/includes/filters.html.twig" %}
  16. {% if switch_map_mobile is defined and switch_map_mobile == false and (hasMap is defined and hasMap) %}
  17. <div class="is-panel is-panel-default is-Interactive-Map-Container" id="is-InteractiveMap-Button">
  18. <button class="is-Interactive-Map-ShowMapButton is-Interactive-Map-ShowMapButton--linkedFromBotside is-ShowMapButton">{{ 'schedule.roadmap_show_map'|trans }}</button>
  19. </div>
  20. {% endif %}
  22. {% if disruptions is not empty and disruptions.currentDisruptions is not empty %}
  23. <span class="is-Schedule-Label"><strong>{{ stopArea.name }}</strong></span>
  24. {% include "modules/search-widget/traffic-infos/includes/specific-disruptions.html.twig" with { 'disruptions': disruptions.currentDisruptions } %}
  25. {% endif %}
  26. <h3 class="is-Widget-H3" data-is-stoparea-label="{{ stopArea is not empty ? stopArea.name ~ ' - ' ~ stopArea.city }}">{{ "schedule.next_departures"| trans }}</h3>
  27. {% if stopArea is not empty and departures is not empty %}
  28. <ul class="is-Switch" role="tablist">
  29. <li role="presentation" class="is-Switch-Item is-active">
  30. <a role="tab" data-toggle="is-tab" aria-controls="is-StopAreaSchedule_DepartureType" aria-selected="true" href="#is-StopAreaSchedule_DepartureType" class="is-Switch-Link">{{ 'schedule.tab_departure_type' | trans }}</a>
  31. </li>{#
  32. #}<li role="presentation" class="is-Switch-Item">
  33. <a role="tab" data-toggle="is-tab" aria-controls="is-StopAreaSchedule_LineType" aria-selected="false" href="#is-StopAreaSchedule_LineType" class="is-Switch-Link">{{ 'journey.traveller_profile.subscriptions_modal.others_modes.title' | trans }}</a>
  34. </li>
  35. </ul>
  36. {% endif %}
  38. {# Stoparea schedules by departures (TIMEBOARD) #}
  39. {% if departures is not empty %}
  40. <div id="is-StopAreaSchedule_DepartureType" class="is-Tab-Pane is-StopAreaSchedule_DepartureType is-active">
  41. {% include "modules/search-widget/schedule/stoparea/departure_type.html.twig" with { 'departures': departures} %}
  42. </div>
  43. {% endif %}
  45. {# Stoparea schedules by lines (LINE) #}
  46. {% if stopArea is not empty and stopPoints is not empty and lines is not empty %}
  47. <div id="is-StopAreaSchedule_LineType" class="is-Schedule-Lines is-Tab-Pane is-active">
  48. {% set vars = { 'stopArea': stopArea, 'stopPoints': stopPoints, 'lines': lines, 'departures': departures} %}
  49. {% include "modules/search-widget/schedule/stoparea/line_type.html.twig" with vars %}
  50. </div>
  51. {% else %}
  52. <p class="is-Alert is-Alert_Warning" role="alert">
  53. {{ 'schedule.no_stoppoint_for_this_mode' | trans }}
  54. </p>
  55. {% endif %}
  56. {% endif %}
  57. {% else %}
  58. <div class="is-Alert is-Alert_Warning" role="is-Alert">
  59. {{ "schedule.data_not_loaded"| trans }}
  60. </div>
  61. {% endif %}