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