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

Open in your IDE?
  1. {% if validator.error == 1 %}
  2. {% for error in validator.errors %}
  3. <div class="is-Alert is-Alert_Warning" role="alert">
  4. <i class="is-Icon is-Icon-com-alert-triangle" aria-hidden="true"></i> {{ error.message }}
  5. </div>
  6. {% endfor %}
  7. {% else %}
  8. <div id="is-LineDirection-Timesheet"{% if hasVehicleRealTime is defined and hasVehicleRealTime == true %} data-direction-id="{{ direction }}" data-direction-display="{{ directionDisplay }}" data-line-id="{{ line[0].id }}" data-line-sname="{{ line[0].sName }}"{% endif %}>
  9. {% if shapes is defined and shapes is not empty %}
  10. <span class="is-hide" id="is-LineDirection-Shapes_json" data-line-id="{{ line[0].id }}">{{ shapes | json_encode }}</span>
  11. {% endif %}
  13. {% if hiddenStopPoints is defined and hiddenStopPoints is not empty %}
  14. <span class="is-hide" id="is-LineDirection-StopPoints_json">{{ hiddenStopPoints | json_encode }}</span>
  15. {% endif %}
  16. {% set lineColor = 'aaa' %}
  17. {% set hasMapButton = false %}
  18. {% if line[0].color is defined and line[0].color is not empty %}
  19. {% set lineColor = line[0].color %}
  20. {% endif %}
  21. <div class="is-Schedule-Header is-Result-Header is-LineDirection-Header">
  22. <button class="is-Schedule-BackButton is-Result-Header-BackButton" title="{{ 'schedule.back_to_results'|trans }}">
  23. <i class="is-Icon is-Icon-com-chevron-left-thick" aria-hidden="true"></i>
  24. </button>
  25. <div class="is-Schedule-H1 is-Widget-H2"
  26. aria-label="{{ lineDirections[direction].display is defined ? 'schedule.line_timesheet_direction_new_format'|trans({ 'mode' : ('mode.' ~ line[0].mode|lower)|trans, 'lineIdent' : line[0].sName, 'subNetwork' : line[0].subNetwork.name, 'lineDirection' : lineDirections[direction].display }) : 'schedule.line_timesheet_new_format'|trans({ 'mode' : ('mode.' ~ line[0].mode|lower)|trans, 'lineIdent' : line[0].sName, 'subNetwork' : line[0].subNetwork.name }) }}"
  27. tabindex="-1">
  28. <div class="is-Line-Info">
  29. <div class="is-Line-Badge-Subnetwork">
  30. <span class="is-Line-Badge">
  31. {% include "modules/search-widget/schedule/includes/line.html.twig" with { 'line': line[0] , 'currentDisruptions': currentDisruptions, 'showDisruptionBadge' : true } %}
  32. </span>
  33. <h3 class="subnetwork">{{ line[0].subNetwork.name }}</h3>
  34. </div>
  36. </div>
  37. </div>
  38. {% if true == enable_html_to_pdf_button_on_instance %}
  39. <div class="is-dropdown is-Result-Header-OptionsButtonGroup">
  40. <a class="is-dropdown-toggle is-Schedule-OptionsButton is-Result-Header-OptionsButton" data-toggle="is-dropdown" id="is-LineDirection-Timesheet-OptionsButton_{{ lineId }}" title="{{ 'schedule.more_options'|trans }}" role="button" aria-haspopup="true" aria-expanded="true" tabindex="0">
  41. <i class="is-Icon is-Icon-com-dots-three-horizontal" aria-hidden="true"></i>
  42. </a>
  43. <ul class="is-dropdown-menu is-dropdown-menu-right" aria-labelledby="is-LineDirection-Timesheet-OptionsButton_{{ lineId }}">
  44. <li>
  45. <a id="is-LineSchedule-Download" href="{% if scheduleLinePdfDownloadUrl is defined %}{{ scheduleLinePdfDownloadUrl}}{% endif %}" target="_blank">{{ 'schedule.pdf_download'|trans }}</a>
  46. </li>
  47. </ul>
  48. </div>
  49. {% elseif widgetContext is not defined or widgetContext is empty or widgetContext == "false" %}
  50. {% if account_module is defined and account_module is not empty %}
  51. <div class="is-Result-Header-OptionsButtonGroup is-Result-Header-FavoriteButton">
  52. <a
  53. {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  54. class="is-AddSubscriptionAlert is-Schedule-AddLineToFavoritesButton is-Favorite-Item-Button {% if isFavoriteLine %}is-active{% endif %}"
  55. data-favorite-line-id="{{ favoriteLineId }}"
  56. data-is-favorite-line="{{ isFavoriteLine }}"
  57. data-token="{% if isFavoriteLine %}{{ csrf_token('favorite_delete_line') }}{% else %}{{ csrf_token('favorite_add_line') }}{% endif %}"
  58. {% else %}
  59. class="is-Favorite-Item-Button{% if login_mode == 'kas' %} is-trigger-kas-login{% else %} is-ShowLoginModalButton {% endif %}"
  60. onclick="$(document).trigger(TrackingManager.event.track, {event: 'login'});"
  61. data-action="addToFavorites"
  62. data-redirect-to-same="true"
  63. {% endif %}
  64. data-favorite-type="LINE"
  65. data-line-id="{{ lineId }}"
  66. data-refresh-reverse-token="true"
  67. data-context="LINE"
  68. role="button"
  69. tabindex="0"
  70. title="{{ 'schedule.favorite.add_to_favorites'|trans }}"
  71. >
  72. <span class="is-Favorite-Item-Button-C1"><i class="is-Icon is-Icon-sim-FAVORITES" aria-hidden="true"><i class="is-path1"></i><i class="is-path2"></i></i></span>
  73. </a>
  74. </div>
  75. {% endif %}
  76. {% if enable_result_options_button is defined and enable_result_options_button == true %}
  77. <div class="is-dropdown is-Result-Header-OptionsButtonGroup">
  78. <a class="is-dropdown-toggle is-Schedule-OptionsButton is-Result-Header-OptionsButton" data-toggle="is-dropdown" id="is-LineDirection-Timesheet-OptionsButton_{{ lineId }}" title="{{ 'schedule.more_options'|trans }}"
  79. role="button" aria-haspopup="true" aria-expanded="true" tabindex="0">
  80. <i class="is-Icon is-Icon-com-dots-three-horizontal" aria-hidden="true"></i>
  81. </a>
  82. <ul class="is-dropdown-menu is-dropdown-menu-right" aria-labelledby="is-LineDirection-Timesheet-OptionsButton_{{ lineId }}">
  83. <li class="is-hide">
  84. <a href>{{ 'schedule.share'|trans }}</a>
  85. </li>
  86. {% if enable_give_feedback is defined and enable_give_feedback == true %}
  87. <li>
  88. <a class="is-Schedule-FeedBack" role="button" tabindex="0" aria-label="{{ 'schedule.feedback' | trans }}">{{ 'schedule.feedback' | trans }}</a>
  89. </li>
  90. {% endif %}
  91. <li>
  92. <a id="is-LineSchedule-Print" href="{% if scheduleLinePrintUrl is defined %}{{ scheduleLinePrintUrl}}{% endif %}" target="_blank">{{ 'schedule.print'|trans }}</a>
  93. </li>
  94. <li>
  95. <a id="is-LineSchedule-Download" href="{% if scheduleLinePdfDownloadUrl is defined %}{{ scheduleLinePdfDownloadUrl}}{% endif %}" target="_blank">{{ 'schedule.pdf_download'|trans }}</a>
  96. </li>
  97. </ul>
  98. </div>
  99. {% endif %}
  100. {% endif %}
  101. </div>
  103. <div class="is-Result-Config"
  104. role="form">
  105. {% if isPdfPrint is not defined or isPdfPrint is defined and isPdfPrint == false %}
  106. <div class="is-Result-Config-Datetime" >
  107. <input class="is-Features-Input datetime is-Line-Schedule" type="hidden" id="is-Schedule-Datetime" required="required" value="{{ scheduleDatetime }}" data-event-name="is.schedule.line.getSchedules">
  108. <div class="is-TimePreference-Date is-Line-Schedule">
  109. <label for="is-Schedule-TimePreference-Date-Input" class="is-sr-only">{{ 'input.departure_arrival_date'|trans }}</label>
  110. <input type="date" id="is-Schedule-TimePreference-Date-Input" class="is-TimePreference-Date-Input is-DateInput is-Line-Schedule"
  111. aria-label="{{ 'schedule.edit_date'|trans }}">
  112. </div>
  113. <div class="is-TimePreference-Hour">
  114. <label for="is-Schedule-TimePreference-Hour-Input" class="is-sr-only">{{ 'input.departure_arrival_hour'|trans }}</label>
  115. <input type="time" id="is-Schedule-TimePreference-Hour-Input" class="is-TimePreference-Hour-Input is-TimeInput is-Line-Schedule"
  116. aria-label="{{ 'schedule.edit_time'|trans }}">
  117. </div>
  118. </div>
  119. {% endif %}
  121. <div class="is-dropdown is-LineDirection-Dropdown" data-color="{{ lineColor }}">
  122. {% if lineDirections[direction].display is defined %}
  123. <a href="#" class="is-Button is-Button_SecondaryLine is-Button_Dropdown is-Button_WithLabel is-dropdown-toggle" role="button" id="is-LineDirection-ShowListButton" data-toggle="is-dropdown"
  124. aria-haspopup="true" aria-expanded="false" title="{{ 'form.choice_direction'|trans }}" aria-label="{{ 'form.choice_direction'|trans }}">
  125. <span class="is-Button-C1">
  126. <span class="is-Button-Label">{{ 'schedule.direction_dropdown_label'|trans }}</span>
  127. <strong class="is-Button-Content">{{ lineDirections[direction].display }}</strong>
  128. </span>
  129. {% if lineDirections|length > 1 %}
  130. <i class="is-Icon is-Icon-com-chevron-down-thick" aria-hidden="true"></i>
  131. {% endif %}
  132. </a>
  133. {% endif %}
  134. {% if lineDirections|length > 1 %}
  135. <ul class="is-dropdown-menu" aria-labelledby="is-LineDirection-ShowListButton">
  136. {% for key, lineDirection in lineDirections %}
  137. {% if key != (direction) %}
  138. <li>
  139. <a href="#" class="is-line-directions-switch"
  140. data-line-id="{{ lineId }}"
  141. data-line-short-name="{{ line[0].sName }}"
  142. data-mode-text="{{ modeText }}"
  143. data-line-sub-network-name="{% if line[0].subNetwork.name is not empty %}{{ line[0].subNetwork.name }}{% else %}-{% endif %}"
  144. data-direction="{{ key }}">
  145. {{ lineDirection.display }}
  146. </a>
  147. </li>
  148. {% endif %}
  149. {% endfor %}
  150. </ul>
  151. {% endif %}
  152. </div>
  153. {% if (widgetContext is not defined or widgetContext is empty or widgetContext == "false")
  154. and (switch_map_mobile is defined and switch_map_mobile == false)
  155. and (isPdfPrint is not defined or isPdfPrint is defined and isPdfPrint == false)
  156. and (hasMap is defined and hasMap)%}
  157. <div class="is-panel is-panel-default is-Interactive-Map-Container" id="is-InteractiveMap-Button">
  158. <button class="is-Interactive-Map-ShowMapButton is-ShowMapButton">{{ 'schedule.roadmap_show_map'|trans }}</button>
  159. </div>
  160. {% set hasMapButton = true %}
  161. {% endif %}
  162. </div>
  164. {% if lineDisruptions is defined and lineDisruptions is not empty and (lineDisruptions.currentDisruptions is not empty or lineDisruptions.futureDisruptions is not empty) %}
  165. <div class="is-Schedule-Disruptions is-Schedule-Disruptions_LineDirection">
  166. {% if lineDisruptions.currentDisruptions is not empty and lineDisruptions.futureDisruptions is not empty %}
  167. <div class="is-Widget-H3 is-Disruptions-Title_WithTabs">
  168. <h4 class="is-Widget-H3-Left">{{ 'schedule.disruptions'|trans }}</h4>
  169. <ul class="is-Widget-H3-Right">
  170. <li class="is-Disruptions-Title-Tab is-active"><a class="is-Disruptions-Title-Tab-Link" role="tab" data-toggle="is-tab" aria-controls="is-Disruptions_Ongoing" aria-selected="false" href="#is-Disruptions_Ongoing">{{ 'disruptions.tabs.on_going'|trans }}</a></li>
  171. <li class="is-Disruptions-Title-Tab"><a class="is-Disruptions-Title-Tab-Link" role="tab" data-toggle="is-tab" aria-controls="is-Disruptions_ToCome" aria-selected="false" href="#is-Disruptions_ToCome">{{ 'disruptions.tabs.to_come'|trans }}</a></li>
  172. </ul>
  173. </div>
  174. {% else %}
  175. <h4 class="is-Widget-H3">{{ 'schedule.disruptions'|trans }} <span class="is-Widget-H3-Specification">({% if lineDisruptions.currentDisruptions is not empty %}{{ 'disruptions.tabs.on_going'|trans }}{% else %}{{ 'disruptions.tabs.to_come'|trans }}{% endif %})</span></h4>
  176. {% endif %}
  177. <div class="is-Tab-Content">
  178. <div class="is-Tab-Pane{{ lineDisruptions.currentDisruptions is empty ? ' is-Tab-Pane_NoResults' : '' }} is-Disruption-List {{ lineDisruptions.currentDisruptions is not empty ? ' is-active' : '' }}" id="is-Disruptions_Ongoing"
  179. {{ lineDisruptions.currentDisruptions is not empty ? ' role="list"' : '' }}>
  180. {% if lineDisruptions.currentDisruptions is not empty %}
  181. {% for key, disruption in lineDisruptions.currentDisruptions %}
  182. {% if key|trim != 'level' and disruption.effect is defined %}
  183. {% set title = disruption.messages[0].translations[0].title %}
  184. {% set content = disruption.messages[0].translations[0].content %}
  185. {% for message in disruption.messages %}
  186. {% for translation in message.translations %}
  187. {% set locale = translation.locale|split('-') %}
  188. {% if app.request.get('_locale') == locale[0] %}
  189. {% set title = translation.title %}
  190. {% set content = translation.content %}
  191. {% endif %}
  192. {% endfor %}
  193. {% endfor %}
  194. <div class="is-Disruption-Item" role="listitem">
  195. <a class="is-Disruption-Item-Header"
  196. data-toggle="is-collapse" href="#is-ScheduleDisruption-{{ loop.index }}" role="button"
  197. aria-expanded="false" aria-controls="is-ScheduleDisruption-{{ loop.index }}">
  198. <div class="is-Disruption-Item-Header-State">
  199. <div class="is-Disruption-Item-Header-State-C1">
  200. <i class="is-Disruption-Pastille is-Icon is-Icon-com-{{ disruption.cause|lower }} is-Disruption-Effect-{{ disruption.effect|lower }}" aria-hidden="true"></i>
  201. </div>
  202. </div>
  203. <div class="is-Disruption-Item-Header-Title">{{ title }}</div>
  204. </a>
  205. <div class="is-Disruption-Item-Content is-Disruptions-Details is-TrafficInfos-Details-Item is-collapse" id="is-ScheduleDisruption-{{ loop.index }}">
  206. {% if disruption.applicationPatterns is defined and disruption.applicationPatterns is not empty %}
  207. {% if disruption.applicationPatterns|length > 1 %}
  208. <p class="is-Disruptions-Details-Title">{{ 'disruptions.periods' | trans }}</p>
  209. {% else %}
  210. <p class="is-Disruptions-Details-Title">{{ 'disruptions.period' | trans }}</p>
  211. {% endif %}
  212. {% for applicationPattern in disruption.applicationPatterns %}
  213. <p class="is-Disruptions-Details-Item">
  214. {% include 'modules/search-widget/traffic-infos/includes/period-details.html.twig' with {'applicationPattern': applicationPattern} %}
  215. </p>
  216. {% if applicationPattern.recurring is defined and applicationPattern.recurring == true and applicationPattern.pattern.days|length > 1 %}
  217. <p class="is-Disruptions-Details-Item">
  218. {% include 'modules/search-widget/traffic-infos/includes/pattern-days.html.twig' with {'days': applicationPattern.pattern.days} %}
  219. </p>
  220. {% endif %}
  221. <p class="is-Disruptions-Details-Item">
  222. {% for timeSlot in applicationPattern.timeSlots %}
  223. {{ 'time.from'|trans }} {{timeSlot.start|format_datetime('none', 'short', locale=app.request.locale ) }} {{ 'time.to'|trans }} {{timeSlot.end|format_datetime('none', 'short', locale=app.request.locale ) }}
  224. {% endfor %}
  225. </p>
  226. {% if not loop.last %} <br> {% endif %}
  227. {% endfor %}
  228. {% endif %}
  229. <div class="is-Disruptions-Details-Problems">
  230. <span class="is-Disruptions-Details-Problems-Item">{{ disruption.cause | trans }}</span>
  231. <span class="is-Disruptions-Details-Problems-Item">{{ disruption.effect | trans }}</span>
  232. </div>
  233. <p class="is-Disruptions-Details-Title">{{ 'concerned_lines'|trans }}: </p>
  234. {% for line in disruption.impactedEntities.lines %}
  235. <div class="is-Line-Info">
  236. <div class="is-Line-Badge-Subnetwork">
  237. <span class="is-Line-Badge">
  238. {% include "modules/search-widget/schedule/includes/line.html.twig" with { 'line': line } %}
  239. </span>
  240. <span class="direction">{{ line.directionName ?? 'all_directions'|trans }}</span>
  241. </div>
  242. </div>
  243. {% endfor %}
  244. <p class="is-Disruptions-Details-Problems-Item">{{ content|raw }}</p>
  245. {% if disruption.lastUpdate is defined and disruption.lastUpdate is not empty %}
  246. <p class="is-Disruption-Item-Content-UpdateDate is-text-right">
  247. {{ 'disruptions.updated_at' | trans }} {{ disruption.lastUpdate|format_datetime('full', 'short', locale=app.request.locale ) }}
  248. </p>
  249. {% endif %}
  250. </div>
  251. </div>
  252. {% endif %}
  253. {% endfor %}
  254. {% else %}
  255. {% if hasMapButton is defined and hasMapButton == true %}
  256. <div class="is-Alert is-Alert_Info is-Alert_Info--withMarginTop" role="alert">
  257. {% else %}
  258. <div class="is-Alert is-Alert_Info" role="alert">
  259. {% endif %}
  260. <i class="is-Icon is-Icon-com-checkmark" aria-hidden="true"></i>{{ 'disruptions.no_on_going'|trans }}
  261. </div>
  262. {% endif %}
  263. </div>
  264. <div class="is-Tab-Pane{{ lineDisruptions.futureDisruptions is empty ? ' is-Tab-Pane_NoResults' : '' }} is-Disruption-List {{ lineDisruptions.futureDisruptions is not empty and lineDisruptions.currentDisruptions is empty ? ' is-active' : '' }}" id="is-Disruptions_ToCome">
  265. {% if lineDisruptions.futureDisruptions is not empty %}
  266. {% for key, disruption in lineDisruptions.futureDisruptions %}
  267. {% if key|trim != 'level' and disruption.effect is defined %}
  268. {% set title = disruption.messages[0].translations[0].title %}
  269. {% set content = disruption.messages[0].translations[0].content %}
  270. {% for message in disruption.messages %}
  271. {% for translation in message.translations %}
  272. {% set locale = translation.locale|split('-') %}
  273. {% if app.request.get('_locale') == locale[0] %}
  274. {% set title = translation.title %}
  275. {% set content = translation.content %}
  276. {% endif %}
  277. {% endfor %}
  278. {% endfor %}
  279. <div class="is-Disruption-Item" role="listitem">
  280. <a class="is-Disruption-Item-Header"
  281. data-toggle="is-collapse" href="#is-ScheduleFutureDisruption-{{ loop.index }}" role="button"
  282. aria-expanded="false" aria-controls="is-ScheduleFutureDisruption-{{ loop.index }}">
  283. <div class="is-Disruption-Item-Header-State">
  284. <div class="is-Disruption-Item-Header-State-C1">
  285. <i class="is-Disruption-Pastille is-Icon is-Icon-com-{{ disruption.cause|lower }} is-Disruption-Effect-{{ disruption.effect|lower }}" aria-hidden="true"></i>
  286. </div>
  287. </div>
  288. <div class="is-Disruption-Item-Header-Title">{{ title }}</div>
  289. </a>
  290. <div class="is-Disruption-Item-Content is-Disruptions-Details is-collapse" id="is-ScheduleFutureDisruption-{{ loop.index }}">
  291. {% if disruption.applicationPatterns is defined and disruption.applicationPatterns is not empty %}
  292. {% if disruption.applicationPatterns|length > 1 %}
  293. <p class="is-Disruptions-Details-Title">{{ 'disruptions.periods' | trans }}</p>
  294. {% else %}
  295. <p class="is-Disruptions-Details-Title">{{ 'disruptions.period' | trans }}</p>
  296. {% endif %}
  297. {% for applicationPattern in disruption.applicationPatterns %}
  298. <p class="is-Disruptions-Details-Item">
  299. {% include 'modules/search-widget/traffic-infos/includes/period-details.html.twig' with {'applicationPattern': applicationPattern} %}
  300. </p>
  301. {% if applicationPattern.recurring is defined and applicationPattern.recurring == true %}
  302. <p class="is-Disruptions-Details-Item">
  303. {% include 'modules/search-widget/traffic-infos/includes/pattern-days.html.twig' with {'days': applicationPattern.pattern.days} %}
  304. </p>
  305. {% endif %}
  306. <p class="is-Disruptions-Details-Item">
  307. {% for timeSlot in applicationPattern.timeSlots %}
  308. {{ 'time.from'|trans }} {{timeSlot.start|format_datetime('none', 'short', locale=app.request.locale ) }} {{ 'time.to'|trans }} {{timeSlot.end|format_datetime('none', 'short', locale=app.request.locale ) }}
  309. {% endfor %}
  310. </p>
  311. {% if not loop.last %} <br> {% endif %}
  312. {% endfor %}
  313. {% endif %}
  314. <div class="is-Disruptions-Details-Problems">
  315. <span class="is-Disruptions-Details-Problems-Item">{{ disruption.cause | trans }}</span>
  316. <span class="is-Disruptions-Details-Problems-Item">{{ disruption.effect | trans }}</span>
  317. </div>
  318. <p class="is-Disruptions-Details-Title">{{ 'concerned_lines'|trans }}: </p>
  319. {% for line in disruption.impactedEntities.lines %}
  320. <div class="is-Line-Info">
  321. <div class="is-Line-Badge-Subnetwork">
  322. <span class="is-Line-Badge">
  323. {% include "modules/search-widget/schedule/includes/line.html.twig" with { 'line': line } %}
  324. </span>
  325. <span class="direction">{{ line.directionName ?? 'all_directions'|trans }}</span>
  326. </div>
  327. </div>
  328. {% endfor %}
  329. {% if content is defined %}
  330. <p class="is-Disruptions-Details-Problems-Item">{{ content|raw }}</p>
  331. {% endif %}
  332. {% if disruption.lastUpdate is defined and disruption.lastUpdate is not empty %}
  333. <p class="is-Disruption-Item-Content-UpdateDate is-text-right">
  334. {{ 'disruptions.updated_at' | trans }} {{ disruption.lastUpdate|format_datetime('full', 'short', locale=app.request.locale ) }}
  335. </p>
  336. {% endif %}
  337. </div>
  338. </div>
  339. {% endif %}
  340. {% endfor %}
  341. {% else %}
  342. {% if hasMapButton is defined and hasMapButton == true %}
  343. <div class="is-Alert is-Alert_Info is-Alert_Info--withMarginTop" role="alert">
  344. {% else %}
  345. <div class="is-Alert is-Alert_Info" role="alert">
  346. {% endif %}
  347. <i class="is-Icon is-Icon-com-checkmark" aria-hidden="true"></i>{{ 'disruptions.no_to_come'|trans }}
  348. </div>
  349. {% endif %}
  350. </div>
  351. </div>
  352. </div>
  353. {% endif %}
  355. {% set i = 0 %}
  356. {% if lineTimetables.stopPoints is defined and lineTimetables.stopPoints is not empty %}
  357. {% if lineTimetables.journeys is defined and lineTimetables.journeys is not empty %}
  358. {% if lineTimetables.first is defined and lineTimetables.first is not empty and lineTimetables.last is defined and lineTimetables.last is not empty%}
  359. <p class="is-Schedule-FirstAndLastDepartures">
  360. <i class="is-Icon is-Icon-sim-clock" aria-hidden="true"></i>
  361. {% if lineTimetables.first.hours == lineTimetables.last.hours and lineTimetables.first.minutes == lineTimetables.last.minutes %}
  362. {% set departureText = 'schedule.departures_at_new_format' %}
  363. {% else %}
  364. {% set departureText = 'schedule.departures_between_new_format' %}
  365. {% endif %}
  366. {{ departureText|trans({'day': day, 'firstDeparture': lineTimetables.first.hours~":"~lineTimetables.first.minutes, 'lastDeparture': lineTimetables.last.hours~":"~lineTimetables.last.minutes})|raw }}
  367. </p>
  368. {% endif %}
  369. {% endif %}
  370. {% set widgetWidth = '' %}
  371. {% if (widgetContext is defined and widgetContext == "true") %}
  372. {% set widgetWidth = ' is-Widget-Max-Width' %}
  373. {% endif %}
  374. {% if hasMapButton is defined and hasMapButton == true %}
  375. <div class="is-LineDirection-Timesheet-Wrapper is-LineDirection-Timesheet-Wrapper--withMarginTop is-NavigableWrapper">
  376. {% else %}
  377. <div class="is-LineDirection-Timesheet-Wrapper is-NavigableWrapper {{ widgetWidth }}">
  378. {% endif %}
  379. <h4 class="is-Widget-H3">{{ 'timetable'|trans }}</h4>
  380. <div class="is-Scrollbar-Outer">
  381. <div class="is-NavigableWrapper-C1">
  382. <table class="is-LineDirection-Timesheet is-NavigableTable"{# data-navigable-list-length="{{ tabLength }}"#}
  383. aria-label="{{ 'timetable'|trans }} {{ 'route.line'|trans }} {{ line[0].sName }} {{ line[0].lName ?? line[0].sName }} {{ line[0].subNetwork.name }}"
  384. >
  385. <caption class="is-sr-only">{{ 'timetable'|trans }} {{ 'route.line'|trans }} {{ line[0].sName }} {{ line[0].lName ?? line[0].sName }} {{ line[0].subNetwork.name }}</caption>
  386. <thead class="is-Navigable-RemoveFromClone">
  387. <tr>
  388. <th tabindex="-1" scope="col"></th>
  389. <th tabindex="-1" scope="col"><span class="is-hidden-text is-dib">{{ 'schedule.stoppoint_list'|trans }}</span></th>
  390. <th scope="col"><span class="is-hidden-text is-dib">{{ 'schedule.next_departure_per_stoppoint'|trans }}</span></th>
  391. </tr>
  392. </thead>
  393. <tbody>
  394. {% set isExitOnly = false %}
  395. {% set isEntryOnly = false %}
  396. {% for stopPoint in lineTimetables.stopPoints %}
  397. {% set city = '' %}
  398. {% if stopPoint.stopArea.city is defined %}
  399. {% set city = stopPoint.stopArea.city %}
  400. {% endif %}
  401. <tr class="is-Equalizer">
  402. {% apply spaceless %}
  403. <th class="is-Timesheet-Icon" aria-hidden="true" tabindex="-1" scope="row">
  404. <div class="is-Timesheet-Icon-Wrapper">
  405. &nbsp;
  406. <div class="is-Timesheet-VerticalLine" style="background: #{{ lineColor }};"></div>
  407. <i class="is-Timesheet-StopIcon"></i>
  408. </div>
  409. </th>
  410. <th class="is-Timesheet-StopPoint" tabindex="-1" scope="row">
  411. <a data-toggle="is-tooltip"
  412. title="{{ 'schedule.see_stoppoint_timesheet_new_format'|trans({ 'mode': line[0].modeText, 'lineIdent': line[0].sName, 'lineDirection': lineDirections[direction].display, 'stopPointName': stopPoint.name })|raw }}"
  413. class="is-Timesheet-StopPoint-Link is-line-directions-stoppoint"
  414. data-color="{{ lineColor }}" data-lon="{{ stopPoint.lon }}" data-lat="{{ stopPoint.lat }}"
  415. data-line-id="{{ line[0].id }}"
  416. data-direction="{{ direction }}"
  417. data-stoppoint-id="{{ stopPoint.id }}"
  418. data-stoppoint-name="{{ stopPoint.name }}"
  419. onclick="$(document).trigger(TrackingManager.event.track, {event: 'lanetostop'});"
  420. role="button" tabindex="0"
  421. >
  422. <span class="is-Timesheet-StopPoint-Link-C1">
  423. <strong class="is-Timesheet-StopPoint-Name">
  424. {{ stopPoint.name }}
  426. {% if stopPoint.wheelchairBoarding is defined and stopPoint.wheelchairBoarding == 'YES' %}
  427. <i class="is-Icon is-Icon-sim-accessible" aria-hidden="true"></i>
  428. {% endif %}
  430. {% if stopPoint.currentDisruptions is defined and stopPoint.currentDisruptions is not empty %}
  431. {% set disruption = stopPoint.currentDisruptions[0] %}
  432. <i aria-hidden="true" class="is-Icon is-Icon-com-notice is-Disruption-State-{{ disruption.effect|lower }}"></i>
  433. {% endif %}
  435. </strong>
  436. <span class="is-Timesheet-StopPoint-City">{{ city }}</span>
  437. </span>
  438. </a>
  439. </th>
  440. <td class="is-Timesheet-Passages is-NavigableCell is-Navigable-RemoveFromClone" tabindex="-1">
  441. <div class="is-Timesheet-Passage-List-Wrapper is-NavigableCell-Wrapper">
  442. <ul class="is-Timesheet-Passage-List is-NavigableCell-List" role="list" aria-label="{{ 'schedule.next_departure_for_stoppoint_new_format'|trans({ 'stopPoint': stopPoint.name, 'city': city }) }}">
  443. {% for journey in lineTimetables.journeys %}
  444. {% set bEmptyPassage = false %}
  445. {% if journey.times[i] is defined and journey.times[i].hours == '-1' and journey.times[i].minutes == '-1' %}
  446. {% set bEmptyPassage = true %}
  447. {% endif %}
  448. <li class="is-Timesheet-Passage-Item is-NavigableCell-Item{% if journey.isNextDeparture is defined and journey.isNextDeparture %} is-Timesheet-Passage-Item_Current is-NavigableCell-Item_Start{% endif %}"
  449. role="listitem"{{ bEmptyPassage ? ' aria-hidden="true"' : '' }} tabindex="-1">
  450. {% if journey.times[i] is defined %}
  451. {% set footnotes = '' %}
  452. <span class="is-Timesheet-Passage-Item-C1">
  453. {% if bEmptyPassage %}
  454. -
  455. {% else %}
  456. {{ journey.times[i].hours }}:{{ "%02d"|format(journey.times[i].minutes) }}
  457. {% if journey.times[i].noteIds is defined %}
  458. {% for noteId in journey.times[i].noteIds %}
  459. {% if noteId == 'PHONE' %}
  460. <span class="is-Icon-TAD-Wrapper "><i class="is-Icon is-Icon-sim-TAD-PHONE" aria-hidden="true"></i></span>
  461. {% endif %}
  462. {% endfor %}
  463. {% endif %}
  464. {% if journey.notes is defined and journey.times[i] is not defined %}
  465. {% for note in journey.notes %}
  466. {% if note != 'PHONE' %}
  467. {% set footnotes = footnotes ~ (footnotes != '' ? ' ' : '') ~ (note | raw) %}
  468. {% else %}
  469. <span class="is-Icon-TAD-Wrapper"><i class="is-Icon is-Icon-sim-TAD-PHONE" aria-hidden="true"></i></span>
  470. {% endif %}
  471. {% endfor %}
  472. {% endif %}
  473. {% if journey.times[i].entryNotAllowed is defined %}
  474. {% set isExitOnly = true %}
  475. <i class="is-ExitOnly is-Icon is-Icon-sim-arrow-thin-right"
  476. title="{{ 'schedule.exit_only'|trans }}" aria-hidden="true"></i>
  477. {% endif %}
  478. {% if journey.times[i].exitNotAllowed is defined %}
  479. {% set isEntryOnly = true %}
  480. <i class="is-EntryOnly is-Icon is-Icon-sim-arrow-thin-right"
  481. title="{{ 'schedule.entry_only'|trans }}" aria-hidden="true"></i>
  482. {% endif %}
  483. {% endif %}
  484. </span>
  485. {% if journey.times[i].entryNotAllowed is defined %}
  486. <span class="is-sr-only">{{ 'schedule.exit_only'|trans }}</span>
  487. {% endif %}
  488. {% if journey.times[i].exitNotAllowed is defined %}
  489. <span class="is-sr-only">{{ 'schedule.entry_only'|trans }}</span>
  490. {% endif %}
  491. {{ footnotes != '' ? ('<sub class="is-Footnote">' ~ footnotes ~ '</sub>')|raw : '' }}
  492. {% endif %}
  493. </li>
  494. {% endfor %}
  495. </ul>
  496. </div>
  497. </td>
  498. {% endapply %}
  499. </tr>
  500. {% set i = i + 1 %}
  501. {% endfor %}
  502. </tbody>
  503. </table>
  504. </div>
  505. </div>
  506. </div>
  507. {% else %}
  508. {% if hasMapButton is defined and hasMapButton == true %}
  509. <div class="is-Alert is-Alert_Warning is-Alert_Info--withMarginTop" role="alert">{{ "schedule.no_schedules_on_this_direction" | trans }}</div>
  510. {% else %}
  511. <div class="is-Alert is-Alert_Warning" role="alert">{{ "schedule.no_schedules_on_this_direction" | trans }}</div>
  512. {% endif %}
  513. {% endif %}
  514. {% if lineTimetables.notes is defined or (isEntryOnly is defined and isEntryOnly == true) or (isExitOnly is defined and isExitOnly == true)%}
  515. <div class="is-Footnotes">
  516. {% if lineTimetables.notes is defined %}
  517. {% for note in lineTimetables.notes %}
  518. <dl class="is-Footnote-Item">
  519. {% if note.code != 'PHONE' %}
  520. <dt class="is-Footnote-Item-Picto"><span class="is-Footnote-Item-Picto-C1 is-Footnote-Item-Picto-C1_Note">{{ note.code }}</span></dt>
  521. <dd class="is-Footnote-Item-Description">{{ note.description }}</dd>
  522. {% else %}
  523. <dt class="is-Footnote-Item-Picto"><span class="is-Footnote-Item-Picto-C1 is-Footnote-Item-Picto-C1_TAD"><i class="is-Icon is-Icon-sim-TAD-PHONE"></i></span></dt>
  524. <dd class="is-Footnote-Item-Description">
  525. <em class="is-Footnote-Item-Description-Header">{{ 'journey.path.notes_tad_title'|trans }}</em>
  526. {{ note.description }}
  527. </dd>
  528. {% endif %}
  529. </dl>
  530. {% endfor %}
  531. {% endif %}
  532. {% if isEntryOnly == true %}
  533. <dl class="is-Footnote-Item">
  534. <dt class="is-Footnote-Item-Picto"><span class="is-Footnote-Item-Picto-C1"><i class="is-EntryOnly is-Icon is-Icon-sim-arrow-thin-right" title="{{ 'schedule.entry_only'|trans }}" aria-hidden="true"></i></span></dt>
  535. <dd class="is-Footnote-Item-Description">{{ 'schedule.entry_only'|trans }}</dd>
  536. </dl>
  537. {% endif %}
  538. {% if isExitOnly == true %}
  539. <dl class="is-Footnote-Item">
  540. <dt class="is-Footnote-Item-Picto"><span class="is-Footnote-Item-Picto-C1"><i class="is-ExitOnly is-Icon is-Icon-sim-arrow-thin-right" title="{{ 'schedule.exit_only'|trans }}" aria-hidden="true"></i></span></dt>
  541. <dd class="is-Footnote-Item-Description">{{ 'schedule.exit_only'|trans }}</dd>
  542. </dl>
  543. {% endif %}
  544. </div>
  545. {% endif %}
  546. </div>
  547. {% endif %}