templates/modules/search-widget/journey/result.html.twig line 1

Open in your IDE?
  1. {% if (isPdfPrint is defined and isPdfPrint == true and printMode is defined) %}
  2. <div class="print-map">
  3. <button type="button" class="print-button is-Button is-Button_Search is-full-width">{{ 'journey.print' | trans }}</button>
  4. <label class="is-CheckboxLabel">
  5. <input type="checkbox" class="is-Checkbox print-with-map" checked>
  6. <i class="is-Icon is-Icon-com-checkbox" aria-hidden="true"><i class="is-path1"></i><i class="is-path2"></i><i class="is-path3"></i></i>
  7. <span>{{ 'journey.print_with_map'|trans }}</span>
  8. </label>
  9. </div>
  10. <div class="is-MapWrapper">
  11. <div id="is-Map" class="is-Map" aria-hidden="true"></div>
  12. <div id="is-Map-Print" class="is-Map" aria-hidden="true"></div>
  13. </div>
  14. <div class="is-LabelInInput is-First" id="is-Journey-Departure-LabelInInput">
  15. <div class="is-LabelInInput-LabelWrapper">
  16. <label class="is-LabelInInput-Label" for="is-Journey-Departure">{{ 'journey.departure' | trans }}</label>
  17. </div>
  18. <div class="is-LabelInInput-InputWrapper">
  19. <input value="{{ departurePlace.value }}" id="is-Journey-Departure-Disabled" name="start" type="text" class="is-LabelInInput-Input" autocomplete="off" disabled/>
  20. </div>
  21. </div>
  22. <div class="is-Stages" id="is-Journey-Stage" {% if via is not defined or via|length == 0 %}style="display: none;"{% endif %}>
  23. {% if via is defined and via|length > 0 %}
  24. {% for index, step in via %}
  25. {% if step.id is defined and step.value is defined %}
  26. <div class="is-LabelInInput" id="is-Stage-LabelInInput-{{ loop.index0 }}" >
  27. <div class="is-LabelInInput-LabelWrapper">
  28. <label class="is-LabelInInput-Label" for="is-Stage-Input-{{ loop.index0 }}">{{ 'map.popup.step-via' | trans }}</label>
  29. </div>
  30. <div class="is-LabelInInput-InputWrapper">
  31. <input autocomplete="off" required="true" type="text" name="stage[]" id="is-Stage-Input-{{ loop.index0 }}-Disable" class="is-LabelInInput-Input is-via-input" data-latlon="{{ step.latlon }}" data-id="{{ step.id }}" value="{{ step.value }}" placeholder="{{ 'journey.departure_placeholder' | trans }}" disabled/>
  32. </div>
  33. </div>
  34. {% endif %}
  35. {% endfor %}
  36. {% endif %}
  37. </div>
  38. <div class="is-LabelInInput is-Last" id="is-Journey-Arrival-LabelInInput">
  39. <div class="is-LabelInInput-LabelWrapper">
  40. <label class="is-LabelInInput-Label" for="is-Journey-Arrival">{{ 'journey.arrival' | trans }}</label>
  41. </div>
  42. <div class="is-LabelInInput-InputWrapper">
  43. <input value="{{ arrivalPlace.value }}" id="is-Journey-Arrival-Disable" name="end" type="text" class="is-LabelInInput-Input" placeholder="{{ 'journey.arrival_placeholder' | trans }}" autocomplete="off" disabled/>
  44. </div>
  45. </div>
  47. {% endif %}
  48. {% if validator.error is defined and validator.error == 1 %}
  49. <div class="is-Result-Error">
  50. <i class="is-Icon is-Icon-Error is-Icon-sim-error-result" aria-hidden="true"><i class="is-path1"></i><i class="is-path2"></i><i class="is-path3"></i></i>
  51. <div class="is-Result-Error-Description">
  52. <ul class=is-Result-Error-List>
  53. {% for error in validator.errors %}
  54. <li class="is-Result-Error-List-Item">
  55. {{ error.message | trans }}
  56. </li>
  57. {% endfor %}
  58. </ul>
  59. </div>
  60. </div>
  61. {% endif %}
  62. {% if isXmlHttpMode is not defined or (isXmlHttpMode is defined and true == isXmlHttpMode) %}
  63. {% if tripPlanner is defined %}
  64. {% if tripPlanner[mode].journeycount is defined and tripPlanner[mode].journeycount > 0 %}
  65. <div class="is-Mode-hiddenValues is-hide">
  66. <span class="is-Mode-Value">
  67. {% if tripPlanner[mode].totalTimeValue is not empty %}
  68. {{ tripPlanner[mode].totalTimeValue|raw }}
  69. {% endif %}
  70. </span>
  71. <span class="is-Mode-ButtonLabel">
  72. {{ ('mode.' ~ mode|lower)|trans }} {{ tripPlanner[mode].journeycount }}
  73. {{ 'journey.itineraries_found_new_format' | trans({'count': tripPlanner[mode].journeycount}) }}.
  74. {{ 'journey.minimum_duration'|trans }}:{% if tripPlanner[mode].totalTimeValue is not empty %}{{ tripPlanner[mode].totalTimeValue|raw }}{% endif %}.
  75. </span>
  76. </div>
  77. {% endif %}
  78. {% endif %}
  79. {% endif %}
  81. {% if tripPlanner is defined and tripPlanner[mode] is defined and tripPlanner[mode] is not empty %}
  82. {% if tripPlanner[mode]['errors'] is defined and tripPlanner[mode]['errors'] is not empty %}
  83. <div class="is-Result-Error">
  84. <i class="is-Icon is-Icon-Error is-Icon-sim-error-result" aria-hidden="true"><i class="is-path1"></i><i class="is-path2"></i><i class="is-path3"></i></i>
  85. <div class="is-Result-Error-Description">
  86. <ul class=is-Result-Error-List>
  87. {% for error in tripPlanner[mode]['errors'] %}
  88. {% if error.message is defined and error.message is not empty %}
  89. {% set errorMessages = error.message|split('<BR>') %}
  90. <li class="is-Result-Error-List-Item">
  91. {% for message in errorMessages %}
  92. {% if loop.index == 1 and errorMessages|length > 1 %}
  93. <strong class="is-Bold">{{ message | raw }}</strong>
  94. {% else %}
  95. {{ message | raw }}
  96. {% endif %}
  97. {% endfor %}
  98. </li>
  99. {% endif %}
  100. {% endfor %}
  101. </ul>
  102. </div>
  103. </div>
  104. {% endif %}
  106. {% if tripPlanner[mode]['groups']['errors'] is defined and tripPlanner[mode]['groups']['errors'] is not empty %}
  107. <ul class="is-Journey-Result-Errors">
  108. {% for errors in tripPlanner[mode]['groups']['errors'] %}
  109. <li class="is-Journey-Result-Errors-Item">
  110. <i class="is-Icon is-Icon-com-notice" aria-hidden="true"></i>
  111. <span class="is-Journey-Result-Errors-Description">{{ errors.message | raw }}</span>
  112. </li>
  113. {% endfor %}
  114. </ul>
  115. {% endif %}
  117. {% if tripPlanner[mode]['groups'] is defined and tripPlanner[mode]['groups'] is not empty %}
  118. <div class="is-Journey-Results-List" role="list" aria-live="polite">
  119. <div class="is-Journey-Roadmap-Header is-Result-Header is-hide">
  120. <a class="is-Journey-Results-BackButton is-Result-Header-BackButton" title="{{ 'journey.back_to_results'|trans }}" tabindex="0">
  121. <i class="is-Icon is-Icon-com-chevron-left-thick" aria-hidden="true"></i>
  122. </a>
  123. <div class="is-Journey-Roadmap-H1 is-Widget-H2">{{ 'journey.roadmap'|trans }}</div>
  124. {% if true == enable_html_to_pdf_button_on_instance %}
  125. <div class="is-dropdown is-Result-Header-OptionsButtonGroup">
  126. <a class="is-dropdown-toggle is-Schedule-OptionsButton is-Result-Header-OptionsButton" data-toggle="is-dropdown" id="is-LineDirection-Timesheet-OptionsButton_{{ mode }}" title="{{ 'schedule.more_options'|trans }}" role="button" aria-haspopup="true" aria-expanded="true" tabindex="0">
  127. <i class="is-Icon is-Icon-com-dots-three-horizontal" aria-hidden="true"></i>
  128. </a>
  129. <ul class="is-dropdown-menu is-dropdown-menu-right" aria-labelledby="is-LineDirection-Timesheet-OptionsButton_{{ mode }}">
  130. <li id="is-JourneyResult-Download-{{ mode }}">
  131. <a class="is-JourneyResult-link" href="{% if journeyResultPdfDownloadUrl is defined %}{{ journeyResultPdfDownloadUrl }}{% endif %}" target="_blank">{{ 'journey.pdf_download'|trans }}</a>
  132. </li>
  133. </ul>
  134. </div>
  135. {% elseif (widgetContext is not defined or widgetContext is empty or "false" == widgetContext) and (enable_result_options_button is defined and enable_result_options_button == true) %}
  136. <div class="is-dropdown is-Result-Header-OptionsButtonGroup">
  137. <a class="is-dropdown-toggle is-Schedule-OptionsButton is-Result-Header-OptionsButton" data-toggle="is-dropdown" id="is-LineDirection-Timesheet-OptionsButton_{{ mode }}" title="{{ 'schedule.more_options'|trans }}" role="button" aria-haspopup="true" aria-expanded="true" tabindex="0">
  138. <i class="is-Icon is-Icon-com-dots-three-horizontal" aria-hidden="true"></i>
  139. </a>
  140. <ul class="is-dropdown-menu is-dropdown-menu-right" aria-labelledby="is-LineDirection-Timesheet-OptionsButton_{{ mode }}">
  141. {% if account_module is defined and account_module is not empty and 'TRANSPORT' == mode %}
  142. <li>
  143. <a
  144. {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  145. class="is-AddSubscriptionAlert is-Journey-AddMultipleLinesToFavoritesButton is-Favorite-Item-Button"
  146. data-token="{{ csrf_token('favorite_add_multiple_lines') }}"
  147. {% else %}
  148. class="is-Favorite-Item-Button {% if login_mode == 'kas' %} is-trigger-kas-login{% else %} is-ShowLoginModalButton {% endif %}"
  149. data-redirect-to-same="true"
  150. data-action="addToFavorites"
  151. data-favorite-type="MULTIPLE_LINES"
  152. {% endif %}
  153. data-refresh-reverse-token="false"
  154. data-context="MULTIPLE_LINES"
  155. role="button"
  156. tabindex="0"
  157. >
  158. {{ 'place.favorite.action.subscribe_alert'|trans }}
  159. </a>
  160. </li>
  161. {% endif %}
  162. {% if enable_give_feedback is defined and enable_give_feedback == true %}
  163. <li>
  164. <a class="is-Journey-FeedBack" tabindex="0" role="button">{{ 'journey.roadmap_contact' | trans }}</a>
  165. </li>
  166. {% endif %}
  167. <li id="is-JourneyResult-Print-{{ mode }}">
  168. <a href="{% if journeyResultPrintUrl is defined %}{{ journeyResultPrintUrl }}{% endif %}" target="_blank">{{ 'journey.print'|trans }}</a>
  169. </li>
  170. <li id="is-JourneyResult-Download-{{ mode }}">
  171. <a href="{% if journeyResultPdfDownloadUrl is defined %}{{ journeyResultPdfDownloadUrl }}{% endif %}" target="_blank">{{ 'journey.pdf_download'|trans }}</a>
  172. </li>
  173. <li id="is-JourneyResult-AddToCalendar-{{ mode }}">
  174. <a class="is-AddToCalendarButton" tabindex="0" role="button">{{ 'user.add_to_my_calendar'|trans }}</a>
  175. </li>
  176. </ul>
  177. </div>
  178. {% endif %}
  179. </div>
  180. {% set index = 0 %}
  181. {% for tripByGroup in tripPlanner[mode]['groups'] %}
  182. {% if tripByGroup['display'] is defined and true == tripByGroup['display'] and tripByGroup['name'] is defined and tripByGroup['name'] is not empty %}
  183. <h3 class="is-Widget-H3 is-Widget-H3_WithLatMargins">{{ tripByGroup['name'] }}</h3>
  184. {% endif %}
  186. {% if tripByGroup['errors'] is defined and tripByGroup['errors'] is not empty %}
  187. <ul class="is-Journey-Result-Errors is-pl-30 is-pr-30">
  188. {% for errors in tripByGroup['errors'] %}
  189. <li class="is-Journey-Result-Errors-Item">
  190. <i class="is-Icon is-Icon-com-notice" aria-hidden="true"></i>
  191. <span class="is-Journey-Result-Errors-Description">{{ errors.message | raw }}</span>
  192. </li>
  193. {% endfor %}
  194. </ul>
  195. {% endif %}
  197. {% if tripByGroup['results']['journeys'] is defined and tripByGroup['results']['journeys'] is not empty %}
  198. {% for journey in tripByGroup['results']['journeys'] %}
  199. {% set index = index + 1 %}
  200. {% if (isPdfPrint is defined and isPdfPrint == true and printIndex is defined and index == printIndex) or isPdfPrint is not defined %}
  201. {% set vars = { 'journey': journey, 'mode': mode} %}
  203. {% if journey.paths is defined and journey.paths is not empty %}
  204. {% for path in journey.paths %}
  205. {% if true == path.displayHeaderMode and path.mode is defined and 'BIKESHARING' == path.mode %}
  206. <h4 class="is-Widget-H4 is-Widget-H4_WithLatMargins">{{ 'mode.bikesharing' | trans }}</h4>
  207. {% endif %}
  208. {% endfor %}
  209. {% endif %}
  211. {% if mode != 'PRIVATETAXI' %}
  212. <div class="is-Journey-Result {% if tripPlanner[mode]['estimatedResults'] %}is-Journey-EstimatedResult{% endif %}" id="is-Journey-Result-{{ mode }}-{{ index }}"
  213. data-mode="{{ mode }}" data-journey-id="{{ journey.id }}"
  214. role="listitem">
  215. <div class="is-Journey-Result-Header" id="is-Journey-Result-Heading-{{ mode }}-{{ index }}"
  216. aria-labelledby="is-Journey-Result-{{ mode }}-{{ index }}-Summary">
  217. {% if true == displayAvoidDisruptions and journey['hasCriticalDisruption'] is defined and true == journey['hasCriticalDisruption'] %}
  218. <div class="is-Journey-CalculateWithoutDisruption is-hide">
  219. <a class="is-Journey-CalculateWithoutDisruption-Link">
  220. <i class="is-Icon is-Icon-sim-refresh" aria-hidden="true"></i>
  221. {{ 'journey.calculate_trip_without_disruption' | trans }}
  222. </a>
  223. </div>
  224. {% endif %}
  225. {% if false == tripPlanner[mode]['estimatedResults'] %}
  226. <div class="is-Journey-Result-Header-ExpandButton {% if (isPdfPrint is defined and isPdfPrint == true and printMode is defined) %}is-disabled{% endif %}"
  227. href="#is-Journey-Roadmap-{{ mode }}-{{ index }}"
  228. role="button" aria-controls="is-Journey-Roadmap-{{ mode }}-{{ index }}"
  229. aria-expanded="false" tabindex="0"
  230. data-print-mode="{{ mode }}"
  231. data-print-index="{{ index }}"
  232. data-totaltime="{{ journey.totaltime }}"
  233. tabindex="0"
  234. >
  235. {% include 'modules/search-widget/journey/result-header.html.twig' with vars %}
  236. </div>
  237. {% else %}
  238. <div class="is-Journey-Result-Header-ExpandButton {% if (isPdfPrint is defined and isPdfPrint == true and printMode is defined) %}is-disabled{% endif %}" href="#is-Journey-Result-{{ journey.id}}-Preview" role="button" aria-controls="is-Journey-Result-{{ journey.id }}-Preview" aria-expanded="false" data-print-mode="{{ mode }}" data-print-index="{{ index }}" data-totaltime="{{ journey.totaltime }}">
  239. {% include 'modules/search-widget/journey/result-header-estimated.html.twig' with vars %}
  240. </div>
  241. {% endif %}
  242. </div>
  243. <div class="is-Journey-Roadmap {% if isPdfPrint is not defined or isPdfPrint is defined and isPdfPrint == false %}is-hide{% endif %}" id="is-Journey-Roadmap-{{ mode }}-{{ index }}">
  244. {% if journey.rideSharingInfos is defined and journey.rideSharingInfos is not empty %}
  245. <div class="is-RideSharingInfos">
  246. <div class="is-RideSharingInfos-Seats">
  247. <span class="is-RideSharingInfos">Places</span>
  248. <span>{{ journey.rideSharingInfos.seats }}</span>
  249. </div>
  250. <div class="is-RideSharingInfos-BookingLink">
  251. <a class="is-Button is-Button_Secondary"
  252. href="{{ journey.rideSharingInfos.link }}"
  253. target="_blank">{{ 'bookOn' | trans }}
  254. <img class="is-Result-Modes-OperatorLogo" src="{{ journey.operatorLogo }}"
  255. alt="{{ journey.operatorName }}"/>
  256. </a>
  257. </div>
  258. </div>
  259. {% endif %}
  260. {% include 'modules/search-widget/journey/result-body.html.twig' with vars %}
  261. </div>
  262. {% if mode == 'TRANSPORT' %}
  263. <input type="hidden" name="linesFavorites" value="{{ journey.linesFavorites }}">
  264. {% endif %}
  265. </div>
  266. {% else %}
  267. {% include 'modules/search-widget/journey/result-rides.html.twig' with vars %}
  268. {% endif %}
  269. {% endif %}
  270. {% endfor %}
  272. {% if mode == 'TRANSPORT' and tripByGroup['results']['nextStartDate'] is defined and tripByGroup['results']['previousArrivalDate'] is defined and isPdfPrint is not defined %}
  273. <div class="is-LeaveArrive-Area">
  274. <button class="is-LeaveArrive-Button is-LeaveArrive-Button_Prev" onclick="JourneyManager.changeJourneyDate('{{ tripByGroup['results']['previousArrivalDate'] }}', 'ARRIVE_AT')">{{ 'journey.arrive_sooner'|trans }}</button>
  275. <button class="is-LeaveArrive-Button is-LeaveArrive-Button_Next" onclick="JourneyManager.changeJourneyDate('{{ tripByGroup['results']['nextStartDate'] }}', 'LEAVE_AT')">{{ 'journey.leave_later'|trans }}</button>
  276. </div>
  277. {% endif %}
  278. {% endif %}
  279. {% endfor %}
  280. </div>
  281. {% endif %}
  282. {% elseif validator.error is defined and validator.error != 1 %}
  283. <div class="is-Result-Error">
  284. <i class="is-Icon is-Icon-Error is-Icon-sim-error-result" aria-hidden="true"><i class="is-path1"></i><i class="is-path2"></i><i class="is-path3"></i></i>
  285. <div class="is-Result-Error-Description">
  286. <p>
  287. <strong class="is-Bold">{{ 'itinerary.not_available' | trans }}</strong>
  288. {{ 'try_later' | trans }}
  289. </p>
  290. </div>
  291. </div>
  292. {% endif %}