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

Open in your IDE?
  1. {% if departurePlace.value is not defined or departurePlace.id is not defined %}
  2. {% set departurePlace = {id: '', value: '', latlon: '', latitude: '', longitude: ''} %}
  3. {% endif %}
  4. {% if arrivalPlace.value is not defined or arrivalPlace.id is not defined %}
  5. {% set arrivalPlace = {id: '', value: '', latlon: '', latitude: '', longitude: ''} %}
  6. {% endif %}
  7. {% set bWithStage = false %}
  8. {% if via is defined and via|length > 0 %}
  9. {% set bWithStage = true %}
  10. {% endif %}
  11. {% set bSearchButton = true %}
  12. {% set bDatetimeOnly = false %}
  13. {% set widgetContext = false %}
  14. {% if isWidget is defined and isWidget == 'true' %}
  15. {% set widgetContext = true %}
  16. {% set bSearchButton = true %}
  17. {% if isRedirection is defined and isRedirection == 'true'
  18. and isInternal is defined and isInternal == 'true'
  19. and (isPartner is defined and isPartner == 'false')
  20. %}
  21. {% set bDatetimeOnly = true %}
  22. {% endif %}
  23. {% endif %}
  24. {% set formClass = '' %}
  25. {% if bSearchButton %}
  26. {% set formClass = formClass ~ (formClass is empty ? '' : ' ') ~ 'is-JourneyForm_WithSearchButton' %}
  27. {% endif %}
  28. {% if tripJourneyCount is defined and tripJourneyCount > 0 %}
  29. {% set formClass = formClass ~ (formClass is empty ? '' : ' ') ~ 'is-JourneyForm_Collapsed' %}
  30. {% endif %}
  31. <form
  32. aria-controls="is-Journey-Results"
  33. aria-label="{{ 'journey.h1'|trans }}"
  34. autocomplete="off"
  35. {{ formClass is not empty ? (' class="' ~ formClass ~ '"')|raw : '' }}
  36. data-content=""
  37. id="is-JourneyForm"
  38. tabindex="-1">
  39. <input type="hidden" name="is-JourneyForm-Alternative" id="is-JourneyForm-Alternative">
  40. <input type="hidden" name="isWidget" value="{{ widgetContext }}">
  41. <input type="hidden" name="isEstimatedResults" id="is-Estimated-Results" value="true">
  42. <input type="hidden" name="token" value="{{ csrf_token('route_calculation') }}"/>
  44. <div id="is-Journey-ErrorServer" class="is-Alert is-Alert_Warning" style="display: none;"
  45. aria-live="assertive" aria-hidden="true"></div>
  46. <p class="is-form-Description-Mandotory">
  47. <span class="is-LabelledInput-Label_Required">*</span>
  48. {{ 'form.mandatory_description' | trans }}
  49. </p>
  50. <fieldset id="is-Journey-SwapGroup" class="is-SwapGroup{% if bWithStage %} is-SwapGroup_WithStage{% endif %}">
  51. <legend class="is-sr-only">{{ 'journey.form_legend' | trans }}</legend>
  52. <div class="is-LabelInInput is-First" id="is-Journey-Departure-LabelInInput">
  53. <div class="is-LabelInInput-LabelWrapper">
  54. <label class="is-LabelInInput-Label" for="is-Journey-Departure">
  55. {{ 'journey.departure' | trans }}
  56. <span class="is-LabelledInput-Label_Required">*</span>
  57. </label>
  58. </div>
  59. <div class="is-LabelInInput-InputWrapper">
  60. <input value="{{ departurePlace.value }}" data-latlon="{{ departurePlace.latlon }}" data-id="{{ departurePlace.id }}" data-latitude="{{ departurePlace.latitude }}" data-longitude="{{ departurePlace.longitude }}" id="is-Journey-Departure" name="start" type="text" required class="is-LabelInInput-Input is-Resettable-Input" placeholder="{{ 'journey.departure_placeholder' | trans }}" autocomplete="off"
  61. aria-autocomplete="list" aria-owns="is-Journey-Departure-Suggestions" />
  62. </div>
  63. </div>
  64. <div class="is-Stages" id="is-Journey-Stage" {% if not bWithStage %}style="display: none;"{% endif %}>
  65. {% if bWithStage %}
  66. {% for index, step in via %}
  67. {% if step.id is defined and step.value is defined %}
  68. <div class="is-LabelInInput" id="is-Stage-LabelInInput-{{ loop.index0 }}" >
  69. <div class="is-LabelInInput-LabelWrapper">
  70. <label class="is-LabelInInput-Label" for="is-Stage-Input-{{ loop.index0 }}">{{ 'map.popup.step-via' | trans }}</label>
  71. </div>
  72. <div class="is-LabelInInput-InputWrapper">
  73. <input autocomplete="off" required="true" type="text" name="stage[]" id="is-Stage-Input-{{ loop.index0 }}" class="is-LabelInInput-Input is-via-input" data-latlon="{{ step.latlon }}" data-id="{{ step.id }}" value="{{ step.value }}" placeholder="{{ 'journey.departure_placeholder' | trans }}"/>
  74. </div>
  75. </div>
  76. {% endif %}
  77. {% endfor %}
  78. {% endif %}
  79. </div>
  80. <div class="is-LabelInInput is-Last" id="is-Journey-Arrival-LabelInInput">
  81. <div class="is-LabelInInput-LabelWrapper">
  82. <label class="is-LabelInInput-Label" for="is-Journey-Arrival">
  83. {{ 'journey.arrival' | trans }}
  84. <span class="is-LabelledInput-Label_Required">*</span>
  85. </label>
  86. </div>
  87. <div class="is-LabelInInput-InputWrapper">
  88. <input value="{{ arrivalPlace.value }}" data-latlon="{{ arrivalPlace.latlon }}" data-id="{{ arrivalPlace.id }}" data-latitude="{{ arrivalPlace.latitude }}" data-longitude="{{ arrivalPlace.longitude }}" id="is-Journey-Arrival" name="end" type="text" required class="is-LabelInInput-Input is-Resettable-Input" placeholder="{{ 'journey.arrival_placeholder' | trans }}" autocomplete="off"
  89. aria-autocomplete="list" aria-owns="is-Journey-Arrival-Suggestions" />
  90. </div>
  91. </div>
  92. <a class="is-RemoveStage-Button{% if not bWithStage %} is-hide{% endif %}"
  93. role="button" aria-expanded="false" aria-controls="is-Journey-Stage" tabindex="0" >
  94. -
  95. </a>
  96. {% if preferences.displayViaStep is defined and preferences.displayViaStep is not empty %}
  97. <a class="is-AddStage-Button{% if bWithStage %} is-hide{% endif %}"
  98. role="button" aria-expanded="false" aria-controls="is-Journey-Stage" tabindex="0" title="{{ 'journey.add-stage'|trans }}">
  99. +
  100. </a>
  101. {% endif %}
  102. <a id="is-Journey-SwapButton" class="is-SwapGroup-Button" data-a="#start" data-b="#end" title="{{ 'journey.swap_departure_arrival' |trans }}"
  103. role="button" aria-label="{{ 'journey.swap_departure_arrival'|trans }}" tabindex="0">
  104. <span class="is-Icon is-Icon-sim-swap" aria-hidden="true"></span>
  105. </a>
  106. </fieldset>
  107. {% if bDatetimeOnly %}
  108. {% set vars = { 'bDatetimeOnly': bDatetimeOnly} %}
  109. <div class="is-Journey-TimePreferenceArea">
  110. {% include 'modules/search-widget/journey/datetime-select.html.twig' with vars %}
  111. {% include 'modules/search-widget/journey/datetime-input.html.twig' with vars %}
  112. </div>
  113. {% else %}
  114. <div id="is-Journey-MoreActionsArea">
  115. <div id="is-Journey-MoreActionsArea-DatePreference">
  116. {% include 'modules/search-widget/journey/datetime-select.html.twig' %}
  117. </div>
  118. <div class="is-FieldGroup is-DatetimeInputs">
  119. {% include 'modules/search-widget/journey/datetime-input.html.twig' %}
  120. </div>
  121. <div id="is-Journey-MoreActionsArea-AdvancedSearch">
  122. <button class="is-Button is-Button_Secondary"
  123. id="is-Journey-ShowAdvancedSearchButton"
  124. type="button"
  125. data-target="#is-Journey-AdvancedSearch" data-toggle="is-collapse"
  126. aria-expanded="false" aria-controls="is-Journey-AdvancedSearch" aria-haspopup="true"
  127. onclick="$(document).trigger(TrackingManager.event.track, {event: 'option'});"
  128. >
  129. {{ 'journey.options'|trans }}
  130. </button>
  131. </div>
  132. </div>
  133. <div class="is-collapse" id="is-Journey-AdvancedSearch" aria-labelledby="is-Journey-ShowAdvancedSearchButton" tabindex="0">
  134. <div class="is-Journey-Container-Buttons">
  135. <button id="is-Journey-ResetButton" aria-label="{{ 'journey.reset'|trans }}">
  136. <i class="is-Icon is-Icon-com-reset" aria-hidden="true"></i> {{ 'journey.reset'|trans }}
  137. </button>
  138. <button id="is-Journey-HideAdvancedSearchButton" aria-label="{{ 'journey.close'|trans }}" data-toggle="is-collapse" data-target="#is-Journey-AdvancedSearch" aria-expanded="false" aria-controls="is-Journey-AdvancedSearch">
  139. <i class="is-Icon is-Icon-com-close" aria-hidden="true"></i> {{ 'journey.close'|trans }}
  140. </button>
  141. </div>
  142. <div id="is-Journey-Preferences">
  143. {% include 'modules/search-widget/journey/preferences-form.html.twig' %}
  144. </div>
  145. <div class="is-ButtonArea">
  146. <button class="is-Button" id="is-Journey-AdvancedSearch-Button" aria-label="{{ 'journey.h1'|trans }}">{{ 'search'|trans }}</button>
  147. </div>
  148. </div>
  149. {% endif %}
  151. {% if bSearchButton %}
  152. <div id="is-PlaceSubmitButton" class="is-ButtonArea">
  153. <button{% if isWidget is defined and true == isWidget %} data-label="{{ widgetCode }}"{% endif %} type="button" class="is-Button is-Button_Search is-full-width" id="is-Journey-SearchButton" aria-label="{{ 'journey.h1'|trans }}">{{ 'search'|trans }}</button>
  154. </div>
  155. {% endif %}
  156. </form>