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 }} : {{ 'journey.itineraries_found_new_format' | trans({'count': tripPlanner[mode].journeycount}) }}.
  73. {{ 'journey.minimum_duration'|trans }} : {% if tripPlanner[mode].totalTimeValue is not empty %}{{ tripPlanner[mode].totalTimeValue|raw }}{% endif %}.
  74. </span>
  75. </div>
  76. {% endif %}
  77. {% endif %}
  78. {% endif %}
  80. {% if tripPlanner is defined and tripPlanner[mode] is defined and tripPlanner[mode] is not empty %}
  81. {% if tripPlanner[mode]['errors'] is defined and tripPlanner[mode]['errors'] is not empty %}
  82. <div class="is-Result-Error">
  83. <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>
  84. <div class="is-Result-Error-Description">
  85. <ul class=is-Result-Error-List>
  86. {% for error in tripPlanner[mode]['errors'] %}
  87. {% if error.message is defined and error.message is not empty %}
  88. {% set errorMessages = error.message|split('<BR>') %}
  89. <li class="is-Result-Error-List-Item">
  90. {% for message in errorMessages %}
  91. {% if loop.index == 1 and errorMessages|length > 1 %}
  92. <strong class="is-Bold">{{ message | raw }}</strong>
  93. {% else %}
  94. {{ message | raw }}
  95. {% endif %}
  96. {% endfor %}
  97. </li>
  98. {% endif %}
  99. {% endfor %}
  100. </ul>
  101. </div>
  102. </div>
  103. {% endif %}
  105. {% if tripPlanner[mode]['groups']['errors'] is defined and tripPlanner[mode]['groups']['errors'] is not empty %}
  106. <ul class="is-Journey-Result-Errors">
  107. {% for errors in tripPlanner[mode]['groups']['errors'] %}
  108. <li class="is-Journey-Result-Errors-Item">
  109. <i class="is-Icon is-Icon-com-notice" aria-hidden="true"></i>
  110. <span class="is-Journey-Result-Errors-Description">{{ errors.message | raw }}</span>
  111. </li>
  112. {% endfor %}
  113. </ul>
  114. {% endif %}
  116. {% if tripPlanner[mode]['groups'] is defined and tripPlanner[mode]['groups'] is not empty %}
  117. <div class="is-Journey-Results-List" role="list" aria-live="polite">
  118. <div class="is-Journey-Roadmap-Header is-Result-Header is-hide">
  119. <button class="is-Journey-Results-BackButton is-Result-Header-BackButton" title="{{ 'journey.back_to_results'|trans }}" tabindex="0">
  120. <i class="is-Icon is-Icon-com-chevron-left-thick" aria-hidden="true"></i>
  121. </button>
  122. {% if isWidget is defined and true == isWidget %}
  123. <div class="is-Journey-Roadmap-H1 is-Widget-H2">{{ 'journey.roadmap'|trans }}</div>
  124. {% else %}
  125. <h2 class="is-Journey-Roadmap-H1 is-Widget-H2">{{ 'journey.roadmap'|trans }}</h2>
  126. {% endif %}
  127. {% if true == enable_html_to_pdf_button_on_instance %}
  128. <div class="is-dropdown is-Result-Header-OptionsButtonGroup">
  129. <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">
  130. <i class="is-Icon is-Icon-com-dots-three-horizontal" aria-hidden="true"></i>
  131. </a>
  132. <ul class="is-dropdown-menu is-dropdown-menu-right" aria-labelledby="is-LineDirection-Timesheet-OptionsButton_{{ mode }}">
  133. <li id="is-JourneyResult-Download-{{ mode }}">
  134. <a class="is-JourneyResult-link" href="{% if journeyResultPdfDownloadUrl is defined %}{{ journeyResultPdfDownloadUrl }}{% endif %}" target="_blank">{{ 'journey.pdf_download'|trans }}</a>
  135. </li>
  136. </ul>
  137. </div>
  138. {% 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) %}
  139. <div class="is-dropdown is-Result-Header-OptionsButtonGroup">
  140. <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">
  141. <i class="is-Icon is-Icon-com-dots-three-horizontal" aria-hidden="true"></i>
  142. </a>
  143. <ul class="is-dropdown-menu is-dropdown-menu-right" aria-labelledby="is-LineDirection-Timesheet-OptionsButton_{{ mode }}">
  144. {% if account_module is defined and account_module is not empty and 'TRANSPORT' == mode %}
  145. <li>
  146. <a
  147. {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  148. class="is-AddSubscriptionAlert is-Journey-AddMultipleLinesToFavoritesButton is-Favorite-Item-Button"
  149. data-token="{{ csrf_token('favorite_add_multiple_lines') }}"
  150. {% else %}
  151. class="is-Favorite-Item-Button {% if login_mode == 'kas' %} is-trigger-kas-login{% else %} is-ShowLoginModalButton {% endif %}"
  152. data-redirect-to-same="true"
  153. data-action="addToFavorites"
  154. data-favorite-type="MULTIPLE_LINES"
  155. {% endif %}
  156. data-refresh-reverse-token="false"
  157. data-context="MULTIPLE_LINES"
  158. role="button"
  159. tabindex="0"
  160. >
  161. {{ 'place.favorite.action.subscribe_alert'|trans }}
  162. </a>
  163. </li>
  164. {% endif %}
  165. {% if enable_give_feedback is defined and enable_give_feedback == true %}
  166. <li>
  167. <a class="is-Journey-FeedBack" tabindex="0" role="button">{{ 'journey.roadmap_contact' | trans }}</a>
  168. </li>
  169. {% endif %}
  170. <li id="is-JourneyResult-Print-{{ mode }}">
  171. <a href="{% if journeyResultPrintUrl is defined %}{{ journeyResultPrintUrl }}{% endif %}" target="_blank">{{ 'journey.print'|trans }}</a>
  172. </li>
  173. <li id="is-JourneyResult-Download-{{ mode }}">
  174. <a href="{% if journeyResultPdfDownloadUrl is defined %}{{ journeyResultPdfDownloadUrl }}{% endif %}" target="_blank">{{ 'journey.pdf_download'|trans }}</a>
  175. </li>
  176. <li id="is-JourneyResult-AddToCalendar-{{ mode }}">
  177. <a class="is-AddToCalendarButton" tabindex="0" role="button">{{ 'user.add_to_my_calendar'|trans }}</a>
  178. </li>
  179. </ul>
  180. </div>
  181. {% endif %}
  182. </div>
  183. {% set index = 0 %}
  184. {% for tripByGroup in tripPlanner[mode]['groups'] %}
  185. {% if tripByGroup['display'] is defined and true == tripByGroup['display'] and tripByGroup['name'] is defined and tripByGroup['name'] is not empty %}
  186. <h3 class="is-Widget-H3 is-Widget-H3_WithLatMargins">{{ tripByGroup['name'] }}</h3>
  187. {% endif %}
  189. {% if tripByGroup['errors'] is defined and tripByGroup['errors'] is not empty %}
  190. <ul class="is-Journey-Result-Errors is-pl-30 is-pr-30">
  191. {% for errors in tripByGroup['errors'] %}
  192. <li class="is-Journey-Result-Errors-Item">
  193. <i class="is-Icon is-Icon-com-notice" aria-hidden="true"></i>
  194. <span class="is-Journey-Result-Errors-Description">{{ errors.message | raw }}</span>
  195. </li>
  196. {% endfor %}
  197. </ul>
  198. {% endif %}
  200. {% if tripByGroup['results']['journeys'] is defined and tripByGroup['results']['journeys'] is not empty %}
  201. {% for journey in tripByGroup['results']['journeys'] %}
  202. {% set index = index + 1 %}
  203. {% if (isPdfPrint is defined and isPdfPrint == true and printIndex is defined and index == printIndex) or isPdfPrint is not defined %}
  204. {% set vars = { 'journey': journey, 'mode': mode} %}
  206. {% if journey.paths is defined and journey.paths is not empty %}
  207. {% for path in journey.paths %}
  208. {% if true == path.displayHeaderMode and path.mode is defined and 'BIKESHARING' == path.mode %}
  209. <h4 class="is-Widget-H4 is-Widget-H4_WithLatMargins">{{ 'mode.bikesharing' | trans }}</h4>
  210. {% endif %}
  211. {% endfor %}
  212. {% endif %}
  214. {% if mode != 'PRIVATETAXI' %}
  215. <div class="is-Journey-Result {% if tripPlanner[mode]['estimatedResults'] %}is-Journey-EstimatedResult{% endif %}" id="is-Journey-Result-{{ mode }}-{{ index }}"
  216. data-mode="{{ mode }}" data-journey-id="{{ journey.id }}"
  217. role="listitem">
  218. <div class="is-Journey-Result-Header" id="is-Journey-Result-Heading-{{ mode }}-{{ index }}"
  219. aria-labelledby="is-Journey-Result-{{ mode }}-{{ index }}-Summary">
  220. {% if true == displayAvoidDisruptions and journey['hasCriticalDisruption'] is defined and true == journey['hasCriticalDisruption'] %}
  221. <div class="is-Journey-CalculateWithoutDisruption is-hide">
  222. <a class="is-Journey-CalculateWithoutDisruption-Link">
  223. <i class="is-Icon is-Icon-sim-refresh" aria-hidden="true"></i>
  224. {{ 'journey.calculate_trip_without_disruption' | trans }}
  225. </a>
  226. </div>
  227. {% endif %}
  228. {% if false == tripPlanner[mode]['estimatedResults'] %}
  229. <div class="is-Journey-Result-Header-ExpandButton {% if (isPdfPrint is defined and isPdfPrint == true and printMode is defined) %}is-disabled{% endif %}"
  230. href="#is-Journey-Roadmap-{{ mode }}-{{ index }}"
  231. role="button" aria-controls="is-Journey-Roadmap-{{ mode }}-{{ index }}"
  232. aria-expanded="false" tabindex="0"
  233. data-print-mode="{{ mode }}"
  234. data-print-index="{{ index }}"
  235. data-totaltime="{{ journey.totaltime }}"
  236. tabindex="0"
  237. >
  238. {% include 'modules/search-widget/journey/result-header.html.twig' with vars %}
  239. </div>
  240. {% else %}
  241. <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 }}">
  242. {% include 'modules/search-widget/journey/result-header-estimated.html.twig' with vars %}
  243. </div>
  244. {% endif %}
  245. </div>
  246. <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 }}">
  247. {% if journey.rideSharingInfos is defined and journey.rideSharingInfos is not empty %}
  248. <div class="is-RideSharingInfos">
  249. <div class="is-RideSharingInfos-Seats">
  250. <span class="is-RideSharingInfos">Places</span>
  251. <span>{{ journey.rideSharingInfos.seats }}</span>
  252. </div>
  253. <div class="is-RideSharingInfos-BookingLink">
  254. <a class="is-Button is-Button_Secondary"
  255. href="{{ journey.rideSharingInfos.link }}"
  256. target="_blank">{{ 'bookOn' | trans }}
  257. <img class="is-Result-Modes-OperatorLogo" src="{{ journey.operatorLogo }}"
  258. alt="{{ journey.operatorName }}"/>
  259. </a>
  260. </div>
  261. </div>
  262. {% endif %}
  263. {% include 'modules/search-widget/journey/result-body.html.twig' with vars %}
  264. </div>
  265. {% if mode == 'TRANSPORT' %}
  266. <input type="hidden" name="linesFavorites" value="{{ journey.linesFavorites }}">
  267. {% endif %}
  268. </div>
  269. {% else %}
  270. {% include 'modules/search-widget/journey/result-rides.html.twig' with vars %}
  271. {% endif %}
  272. {% endif %}
  273. {% endfor %}
  275. {% if mode == 'TRANSPORT' and tripByGroup['results']['nextStartDate'] is defined and tripByGroup['results']['previousArrivalDate'] is defined and isPdfPrint is not defined %}
  276. <div class="is-LeaveArrive-Area">
  277. <button class="is-LeaveArrive-Button is-LeaveArrive-Button_Prev" onclick="JourneyManager.changeJourneyDate('{{ tripByGroup['results']['previousArrivalDate'] }}', 'ARRIVE_AT')">{{ 'journey.arrive_sooner'|trans }}</button>
  278. <button class="is-LeaveArrive-Button is-LeaveArrive-Button_Next" onclick="JourneyManager.changeJourneyDate('{{ tripByGroup['results']['nextStartDate'] }}', 'LEAVE_AT')">{{ 'journey.leave_later'|trans }}</button>
  279. </div>
  280. {% endif %}
  281. {% endif %}
  282. {% endfor %}
  283. </div>
  284. {% endif %}
  285. {% elseif validator.error is defined and validator.error != 1 %}
  286. <div class="is-Result-Error">
  287. <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>
  288. <div class="is-Result-Error-Description">
  289. <p>
  290. <strong class="is-Bold">{{ 'itinerary.not_available' | trans }}</strong>
  291. {{ 'try_later' | trans }}
  292. </p>
  293. </div>
  294. </div>
  295. {% endif %}