templates/pages/sim/cobranding.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/common/default.html.twig' %}
  2. {% import 'forms/forms.html.twig' as forms %}
  3. {% form_theme form 'includes/common/form-theme.html.twig' %}
  5. {% set pageAttributes = pageAttributes is defined ? pageAttributes : { group: 'sim', section: 'sim' } %}
  6. {% set page_title = 'widget.title'|trans %}
  8. {% block content %}
  9. <h1>{{ 'doc.page.title' | trans }}</h1>
  10. <div class="is-row">
  11. <div class="is-col-xs-12">
  12. <p>
  13. {{ 'doc.intro' | trans | raw }}
  14. </p>
  15. <p>
  16. {{ 'doc.style.text' | trans }}
  17. </p>
  18. <h3>{{ 'doc.style.download' | trans }}</h3>
  19. <ul>
  20. <li>
  21. <a href="{{ asset('/css/'~ network_id ~'/custom-journey.css') }}" target="_blank" >{{ 'doc.style.journeyLink' | trans }}</a>
  22. </li>
  23. <li>
  24. <a href="{{ asset('/css/'~ network_id ~'/custom-schedule.css') }} " target="_blank" >{{ 'doc.style.scheduleLink' | trans }}</a>
  25. </li>
  26. <li>
  27. <a href="{{ asset('/css/'~ network_id ~'/custom-trafic.css') }}" target="_blank" >{{ 'doc.style.trafficLink' | trans }}</a>
  28. </li>
  29. </ul>
  30. </div>
  31. </div>
  32. <h2>{{ 'widget.title' | trans}}</h2>
  34. {% for type, message in app.session.flashbag.all %}
  35. <p class="is-Alert is-Alert_{{ type|capitalize }} is-Alert_Dismissible" role="alert">
  36. <button type="button" class="is-Close" data-dismiss="alert" aria-label="{{ 'close' | trans }}"><span aria-hidden="true">&times;</span></button>
  37. <span class="is-Alert-Title">
  38. <i class="is-Icon is-Icon-sim-{{ type }}" aria-hidden="true"></i>
  39. {{ ('forms.'~type)|trans }}
  40. </span>
  41. {{ message[0] }}
  42. </p>
  43. {% endfor %}
  44. {{ form_start(form, { 'attr' : { 'class' : 'is-CobrandingForm' }}) }}
  45. <div class="is-row">
  46. <div class="is-col-xs-12 is-col-sm-6">
  47. <div class="is-Field is-LabelledInput">
  48. {{ form_widget(form.name, {'attr': {'class':'is-LabelledInput-Input'}}) }}
  49. {{ form_label(form.name, null, {'label_attr': {'class':'is-LabelledInput-Label'}}) }}
  50. <span class="help-block">{{ 'doc.help.name' | trans }}</span>
  51. </div>
  52. </div>
  53. <div class="is-col-xs-12 is-col-sm-6">
  54. <div class="is-Field is-LabelledInput">
  55. {{ form_widget(form.email, {'attr': {'class':'is-LabelledInput-Input'}}) }}
  56. {{ form_label(form.email, null, {'label_attr': {'class':'is-LabelledInput-Label'}}) }}
  57. <span class="help-block">{{ 'doc.help.email' | trans }}</span>
  58. </div>
  59. </div>
  60. </div>
  61. <div class="is-row">
  62. <div class="is-col-xs-12 is-col-sm-7">
  63. <div class="is-Field">
  64. {{ form_label(form.widgetType, null, {'label_attr': {'class':'is-Label is-Label_Display_Block'}}) }}
  65. {{ form_widget(form.widgetType, {'attr': {'class' : 'is-Combobox', 'is-button-additionnal-class' : 'is-Combobox-Button_Large'}}) }}
  66. {{ 'doc.help.widget_type' | trans }}
  67. </div>
  68. </div>
  69. </div>
  70. <div class="is-Panel is-Panel_Illustrated widgetType-Description is-hide ITINERAIRE_INTEGRE"><i class="is-Icon is-Icon-com-info" aria-hidden="true"></i>{{ 'doc.help.widgets.ITINERAIRE_INTEGRE' | trans }}<br><a href="{{ path('widget.page.index', { 'product' : 'place-journey' }) }}" target="_blank">{{ 'widget.see_an_example'|trans }}</a></div>
  71. <div class="is-Panel is-Panel_Illustrated widgetType-Description is-hide ITINERAIRE_REDIRECTION_SIM"><i class="is-Icon is-Icon-com-info" aria-hidden="true"></i>{{ 'doc.help.widgets.ITINERAIRE_REDIRECTION_SIM' | trans }}<br><a href="{{ path('widget.page.index', { 'product' : 'place', 'redirection' : 'true', 'internal' : 'false' }) }}" target="_blank">{{ 'widget.see_an_example'|trans }}</a></div>
  72. <div class="is-Panel is-Panel_Illustrated widgetType-Description is-hide ITINERAIRE_REDIRECTION_SITE_SITE"><i class="is-Icon is-Icon-com-info" aria-hidden="true"></i>{{ 'doc.help.widgets.ITINERAIRE_REDIRECTION_SITE_SITE' | trans }}<br><a href="{{ path('widget.page.index', { 'product' : 'place', 'redirection' : 'true', 'internal' : 'true', 'partner' : 'true', 'target' : baseUrl ~ '/' ~ app.request.locale ~ '/widget' }) }}" target="_blank">{{ 'widget.see_an_example'|trans }}</a></div>
  73. <div class="is-Panel is-Panel_Illustrated widgetType-Description is-hide ITINERAIRE_REDIRECTION_PAGE_PAGE"><i class="is-Icon is-Icon-com-info" aria-hidden="true"></i>{{ 'doc.help.widgets.ITINERAIRE_REDIRECTION_PAGE_PAGE' | trans }}<br><a href="{{ path('widget.page.index', { 'product' : 'place', 'redirection' : 'true', 'internal' : 'true', 'target' : 'fr/widget' }) }}" target="_blank">{{ 'widget.see_an_example'|trans }}</a></div>
  74. <div class="is-Panel is-Panel_Illustrated widgetType-Description is-hide HORAIRE_INTEGRE"><i class="is-Icon is-Icon-com-info" aria-hidden="true"></i>{{ 'doc.help.widgets.HORAIRE_INTEGRE' | trans }}<br><a href="{{ path('widget.page.index', { 'product' : 'schedule-map' }) }}" target="_blank">{{ 'widget.see_an_example'|trans }}</a></div>
  75. <div class="is-Panel is-Panel_Illustrated widgetType-Description is-hide HORAIRE_REDIRECTION_SIM"><i class="is-Icon is-Icon-com-info" aria-hidden="true"></i>{{ 'doc.help.widgets.HORAIRE_REDIRECTION_SIM' | trans }}<br><a href="{{ path('widget.page.index', { 'product' : 'schedule', 'redirection' : 'true', 'internal' : 'false' }) }}" target="_blank">{{ 'widget.see_an_example'|trans }}</a></div>
  76. <div class="is-Panel is-Panel_Illustrated widgetType-Description is-hide HORAIRE_REDIRECTION_SITE_SITE"><i class="is-Icon is-Icon-com-info" aria-hidden="true"></i>{{ 'doc.help.widgets.HORAIRE_REDIRECTION_SITE_SITE' | trans }}<br><a href="{{ path('widget.page.index', { 'product' : 'schedule', 'redirection' : 'true', 'internal' : 'true', 'partner' : 'true', 'target' : baseUrl ~ '/' ~ app.request.locale ~ '/widget' }) }}" target="_blank">{{ 'widget.see_an_example'|trans }}</a></div>
  77. <div class="is-Panel is-Panel_Illustrated widgetType-Description is-hide HORAIRE_REDIRECTION_PAGE_PAGE"><i class="is-Icon is-Icon-com-info" aria-hidden="true"></i>{{ 'doc.help.widgets.HORAIRE_REDIRECTION_PAGE_PAGE' | trans }}<br><a href="{{ path('widget.page.index', { 'product' : 'schedule', 'redirection' : 'true', 'internal' : 'true', 'target' : 'fr/widget' }) }}" target="_blank">{{ 'widget.see_an_example'|trans }}</a></div>
  78. <div class="is-Panel is-Panel_Illustrated widgetType-Description is-hide TRAFIC_INTEGRE"><i class="is-Icon is-Icon-com-info" aria-hidden="true"></i>{{ 'doc.help.widgets.TRAFIC_INTEGRE' | trans }}<br><a href="{{ path('widget.page.index', { 'product' : 'traffic' }) }}" target="_blank">{{ 'widget.see_an_example'|trans }}</a></div>
  79. <div class="is-Panel is-Panel_Illustrated widgetType-Description is-hide FULL"><i class="is-Icon is-Icon-com-info" aria-hidden="true"></i>{{ 'doc.help.widgets.FULL' | trans }}<br><a href="{{ path('widget.page.index', { 'product' : 'full' }) }}" target="_blank">{{ 'widget.see_an_example'|trans }}</a></div>
  80. <div class="is-Panel is-Panel_Illustrated widgetType-Description is-hide FULL_EXCEPT_TRAFFIC"><i class="is-Icon is-Icon-com-info" aria-hidden="true"></i>{{ 'doc.help.widgets.FULL_EXCEPT_TRAFFIC' | trans }}<br><a href="{{ path('widget.page.index', { 'product' : 'full', 'except': 'traffic' }) }}" target="_blank">{{ 'widget.see_an_example'|trans }}</a></div>
  81. <div class="is-Panel is-Panel_Illustrated widgetType-Description is-hide FULL_EXCEPT_TRAFFIC_REDIRECTION_SIM"><i class="is-Icon is-Icon-com-info" aria-hidden="true"></i>{{ 'doc.help.widgets.FULL_EXCEPT_TRAFFIC_REDIRECTION_SIM' | trans }}<br><a href="{{ path('widget.page.index', { 'product' : 'full', 'except': 'traffic', 'redirection' : 'true', 'internal' : 'false' }) }}" target="_blank">{{ 'widget.see_an_example'|trans }}</a></div>
  83. <div class="is-row is-mb-10 is-Widget-Subnetworks-Block is-hide">
  84. <div class="is-col-xs-12 is-col-sm-12">
  85. <div class="is-Field">
  86. {{ form_label(form.subNetworks, null, {'label_attr': {'class':'is-Label is-Label_Display_Block'}}) }}
  87. {{ form_widget(form.subNetworks, {'attr': {'class':'is-Widget-SubNetworks'}}) }}
  88. </div>
  89. </div>
  90. </div>
  92. <div class="is-Field is-LabelledInput">
  93. <label for="widget_form_domain" class="is-Label is-Label_Display_Block">
  94. {{ "form.domain"|trans|raw }}
  95. <span class="is-LabelledInput-Label_Required">*</span>
  96. </label>
  97. {{ form_widget(form.domain, {'attr': {'class':'is-Textarea'}}) }}
  98. </div>
  99. <div class="is-Field">
  100. {{ form_label(form.prefilled, null, {'label_attr': {'class':'is-Label is-Label_Display_Block'}}) }}
  101. {{ form_widget(form.prefilled, {'attr': {'class' : 'is-Combobox', 'is-button-additionnal-class' : 'is-Combobox-Button_Large', 'is-use-full-width' : 'false'}}) }}
  102. </div>
  103. <div class="is-LabelInInput is-First is-hide DEPARTURE" id="is-Journey-Departure-LabelInInput">
  104. <div class="is-LabelInInput-LabelWrapper">
  105. <label class="is-LabelInInput-Label {{ form.start.vars.required ? 'required' }}" for="is-Journey-Departure">
  106. {{ form.start.vars.label | trans }}
  107. </label>
  108. </div>
  109. <div class="is-LabelInInput-InputWrapper">
  110. {{ form_widget(form.start, {'id': 'is-Journey-Departure', 'attr': {'class':'is-LabelInInput-Input is-Resettable-Input', 'autocomplete':'off', 'aria-autocomplete':'list', 'aria-owns':'is-Journey-Departure-Suggestions'}}) }}
  111. {{ form_row(form.startId, {'id':'is-Departure-Place-Id'}) }}
  112. </div>
  113. </div>
  114. <div class="is-LabelInInput is-Last is-hide ARRIVAL" id="is-Journey-Arrival-LabelInInput">
  115. <div class="is-LabelInInput-LabelWrapper">
  116. <label class="is-LabelInInput-Label {{ form.end.vars.required ? 'required' }}" for="is-Journey-Arrival">
  117. {{ form.end.vars.label | trans }}
  118. </label>
  119. </div>
  120. <div class="is-LabelInInput-InputWrapper">
  121. {{ form_widget(form.end, {'id': 'is-Journey-Arrival', 'attr': {'class':'is-LabelInInput-Input is-Resettable-Input', 'autocomplete':'off', 'aria-autocomplete':'list', 'aria-owns':'is-Journey-Arrival-Suggestions'}}) }}
  122. {{ form_row(form.endId, {'id':'is-Arrival-Place-Id'}) }}
  123. </div>
  124. </div>
  126. <h3>{{ 'widget.center_and_zoom_level'|trans }}</h3>
  127. {{ forms.input(form.customizeMap) }}
  129. <div class="is-MapCustomization" id="is-MapCustomization"{{ not form.customizeMap.vars.checked ? 'style="display: none;"' : '' }}>
  130. <div class="is-FieldGroup is-row is-row-no-gutters">
  131. <div class="is-col-xs-6 is-col-sm-3 is-col-md-2 is-Field is-LabelledInput">
  132. {{ form_widget(form.latitude, {'attr': {'class':'is-LabelledInput-Input is-MapCustomization-MapParam'}}) }}
  133. {{ form_label(form.latitude, null, {'label_attr': {'class':'is-LabelledInput-Label'}}) }}
  134. </div>
  135. <div class="is-col-xs-6 is-col-sm-3 is-col-md-2 is-Field is-LabelledInput">
  136. {{ form_widget(form.longitude, {'attr': {'class':'is-LabelledInput-Input is-MapCustomization-MapParam'}}) }}
  137. {{ form_label(form.longitude, null, {'label_attr': {'class':'is-LabelledInput-Label'}}) }}
  138. </div>
  139. <div class="is-col-xs-4 is-col-sm-2 is-col-lg-1 is-Field is-LabelledInput">
  140. {{ form_widget(form.zoom, {'attr': {'class':'is-LabelledInput-Input is-MapCustomization-MapParam'}}) }}
  141. {{ form_label(form.zoom, null, {'label_attr': {'class':'is-LabelledInput-Label'}, 'value' : 7}) }}
  142. </div>
  143. <div class="is-col-xs-8 is-col-sm-4 is-col-lg-7">
  144. <a class="is-Button is-Button_Transparent is-MapCustomization-ResetPositionButton"><i class="is-Icon is-Icon-sim-refresh" aria-hidden="true"></i><span class="is-Button-C1">Réinitialiser la position</span></a>
  145. </div>
  146. </div>
  147. <div class="is-MapCustomization-MapWrapper">
  148. <div class="is-MapCustomization-Map" id="is-MapCustomization-Map"></div>
  149. <i class="is-Icon is-Icon-sim-plus_Bordered is-MapCustomization-MapCenter" aria-hidden="true"><i class="is-path1"></i><i class="is-path2"></i></i>
  150. </div>
  151. </div>
  152. <div class="is-row is-Field">
  153. <div class="is-col-xs-12 is-col-sm-7 is-col-md-8 is-col-lg-9">
  154. <div id="is-contact-recaptcha" class="g-recaptcha is-ReCaptcha_Align_Left" data-sitekey="{{ captcha_public_key }}"></div>
  155. </div>
  156. </div>
  157. <p class="is-CobrandingForm-ButtonArea">
  158. <span class="is-CobrandingForm-ButtonAreaDescription">{{ 'forms.submit_btn_cobranding'|trans }}</span>
  159. <button id="submit-Cobranding" type="submit" class="is-Button is-Button_Primary is-fz-l">{{ 'validate'|trans }}</button>
  160. </p>
  162. {{ form_end(form) }}
  164. {% if formSubmitted is defined and formSubmitted == true %}
  165. <div class="is-row">
  166. <div class="is-col-xs-12">
  167. <div class="is-Alert is-Alert_Success" role="alert">
  168. <p>{{ 'forms.after_submit_cobranding'|trans }}</p>
  169. </div>
  170. </div>
  171. </div>
  172. {% endif %}
  174. {% endblock %}
  175. {% block body_end_scripts_requirements %}
  176. <script src="https://www.google.com/recaptcha/api.js"></script>
  177. {% endblock %}