templates/pages/connection_screen.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% form_theme form 'form_theme.html.twig' %}
  5. {% block page_class %}
  6. page connection-screen-page
  7. {% endblock %}
  9. {% block header %}{% endblock %}
  11. {% block aside %}{% endblock %}
  13. {% block footer %}{% endblock %}
  15. {% block modals %}{% endblock %}
  17. {% block stylesheets %}
  18. {{ parent() }}
  19. {{ encore_entry_link_tags('connection_screen_styles') }}
  20. {% endblock %}
  22. {% block content %}
  23. {% set currentFormType = content.formType|default(formType|default('connection')) %}
  25. {# pageMedia peut être une image ou une vidéo (affiché en arrière-plan) #}
  26. {% set media = null %}
  27. {% if content.pageMedia is defined and content.pageMedia is not null and content.pageMedia.id is defined %}
  28. {% set media = sulu_resolve_media(content.pageMedia.id, app.request.locale) %}
  29. {% endif %}
  31. {% set mediaUrl = media ? sulu_media_url(media, '1600x') : asset('img/connection-screen/background.gif') %}
  32. {% set mediaMimeType = media.mimeType|default('') %}
  33. {% set isVideo = (mediaMimeType starts with 'video/') or (mediaUrl matches '/\.(mp4|webm|ogg)(\\?.*)?$/i') %}
  35. <section class="connection-screen">
  36. {% if mediaUrl is not empty %}
  37. <div class="connection-screen__media" aria-hidden="true">
  38. {% if isVideo %}
  39. <video class="connection-screen__media-video" autoplay muted loop playsinline preload="metadata">
  40. <source src="{{ mediaUrl|e('html_attr') }}" type="{{ mediaMimeType|e('html_attr') }}" />
  41. </video>
  42. {% else %}
  43. <img class="connection-screen__media-img" src="{{ mediaUrl|e('html_attr') }}" alt="" />
  44. {% endif %}
  45. </div>
  46. {% endif %}
  48. {% if currentFormType == 'connection' %}
  49. {% include 'pages/_includes/connection_screen/_form_connection.html.twig' %}
  50. {% elseif currentFormType == 'connection_commercial_proposition' %}
  51. {% include 'pages/_includes/connection_screen/_form_connection_commercial_proposition.html.twig' %}
  52. {% elseif currentFormType == 'forgot_password' %}
  53. {% include 'pages/_includes/connection_screen/_form_forgot_password.html.twig' %}
  54. {% elseif currentFormType == 'reset_password' %}
  55. {% include 'pages/_includes/connection_screen/_form_reset_password.html.twig' %}
  56. {% elseif currentFormType == 'subscription' %}
  57. {% include 'pages/_includes/connection_screen/_form_subscription.html.twig' %}
  58. {% elseif currentFormType == 'confirm_subscription' %}
  59. {% include 'pages/_includes/connection_screen/_confirm_subscription.html.twig' %}
  60. {% elseif currentFormType == 'subscription_success' %}
  61. {% include 'pages/_includes/connection_screen/_confirm_subscription_success.html.twig' %}
  62. {% else %}
  63. {# Fallback: on affiche le formulaire de connexion #}
  64. {% include 'pages/_includes/connection_screen/_form_connection.html.twig' %}
  65. {% endif %}
  66. </section>
  67. {% endblock %}