templates/activation/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}
  3.     Activez votre compte Sport adhesion
  4. {% endblock %}
  5. {% block stylesheets %}
  6.     <link rel="stylesheet" href="{{ asset('/css/pages/activation.css') }}" />
  7. {% endblock %}
  8. {% block body %}
  9.     <div class="slider">
  10.         <div class="usefull-width item-slider">
  11.             <H1 class="item-header-h align">
  12.                 Activez votre compte
  13.             </H1>
  14.             <H2>
  15.                 Finalisez votre inscription
  16.             </H2>
  17.         </div>
  18.     </div>
  19.     <div class="usefull-width">
  20.         <section class="item-activation">
  21.             <div class="item-child">
  22.                 {% if success == false %}
  23.                     <H3 class="unl-margin">
  24.                         Bénéficiez des avantages {{ website_name }}
  25.                     </H3>
  26.                     <div class="text">
  27.                         {% if form is not empty and email is not empty %}
  28.                             <span>
  29.                                 Nous avons envoyé un lien de vérification par email à :
  30.                             </span>
  31.                             <br/>
  32.                             <span class="color_theme2 with-bold">
  33.                                 {{ email }}
  34.                             </span>
  35.                             <br/>
  36.                             n’oubliez pas de vérifier votre dossier spam.
  37.                             <br/>
  38.                             <br/>
  39.                         {% else %}
  40.                             <span>
  41.                                 Nous avons envoyé un lien de vérification sur l'email fourni lors de l'inscription.
  42.                             </span>
  43.                             <br/>
  44.                         {% endif %}
  45.                         <b>Complètez les champs ci-dessous</b>, avec le <b>code de vérification</b> reçu par e-mail.
  46.                     </div>
  47.                     {% if form is not empty %}
  48.                         {{ form_start(form) }}
  49.                             <div class="item-form">
  50.                                 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
  51.                                     {{ form_row(form.email) }}
  52.                                     <div class="sendCodeError">
  53.                                         Le champs ne peut être vide.
  54.                                     </div>
  55.                                     <div class="sendCode">
  56.                                         Nous avons envoyé un lien de vérification sur l'email fournit.
  57.                                     </div>
  58.                                     <div class="underline link size-12">
  59.                                         <span id="sendCode">
  60.                                             Obtenir un nouveau code
  61.                                         </span>
  62.                                     </div>
  63.                                 </div>
  64.                                 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
  65.                                     {{ form_label(form.code_activation) }}
  66.                                     {{ form_widget(form.code_activation) }}
  67.                                     {{ form_errors(form.code_activation) }}
  68.                                 </div>
  69.                             </div>
  70.                             <div class="align-item">
  71.                                 <button id="check" class="button_theme with-margin-top-30 with-min-width-200">
  72.                                     Activer mon compte
  73.                                 </button>
  74.                             </div>
  75.                         {{ form_end(form) }}
  76.                     {% endif %}
  77.                 {% else %}
  78.                     <H3 class="unl-margin">
  79.                         Félicitations
  80.                     </H3>
  81.                     <div class="with-all-align">
  82.                         <span class="align size-14 with-margin-top-30">
  83.                             Votre compte est désormais actif.<br/>
  84.                             Vous allez être rediriger vers votre logiciel dans <span class="number">10</span> secondes.
  85.                         </span>
  86.                         <span class="size-40 align with-margin-top-bottom-50">
  87.                             <i class="fas fa-check-circle color-green-success fa-2x"></i>
  88.                         </span>
  89.                         <div class="align-item">
  90.                             <a href="{{ app.request.server.get('APP_SOFT') }}" target="_new" class="button_theme">
  91.                                 Connexion
  92.                             </a>
  93.                         </div>
  94.                     </div>
  95.                 {% endif %}
  96.             </div>
  97.         </section>
  98.         <ol class="breadcrumb unl-margin">
  99.             <li class="breadcrumb-item"><a href="{{ path('prices') }}" alt="Les tarifs {{ website_name }}">Les tarifs {{ website_name }}</a></li>
  100.             <li class="breadcrumb-item"><a href="{{ path('signup') }}" alt="Créer un compte {{ website_name }}">Créer un compte</a></li>
  101.             <li class="breadcrumb-item active" aria-current="page">Activez mon compte</li>
  102.         </ol>
  103.     </div>
  104. {% endblock %}
  105. {% block javascriptFooter %}
  106. <script>
  107.     $(document).ready(function(){
  108.         
  109.         {% if success == true %}
  110.             rebour(".number");
  111.             setTimeout(function(){
  112.                 document.location.href="{{ app.request.server.get('APP_SOFT') }}";
  113.             },10000);
  114.         {% endif %}
  115.         
  116.         i = 0;
  117.         $('#sendCode').click(function(){
  118.             var email = $('#activation_email').val();
  119.             var route = '/send/activation';
  120.             if(typeof email !== "undefined" && email != ''){
  121.                 $('.sendCodeError').hide();
  122.                 $.ajax({
  123.                     url: '/send/activation',
  124.                     type: "POST",
  125.                     data: {
  126.                         'email': email
  127.                     },
  128.                     success: function(data, textStatus, jqXHR) {
  129.                         $('.sendCode').show();
  130.                     },
  131.                     complete: function() {
  132.                         if(i == 3){
  133.                             $('#sendCode').remove();
  134.                         }
  135.                     },
  136.                     error: function(jqXHR, textStatus, errorThrown) {
  137.                     }
  138.                 });
  139.                 i++;
  140.             }else{
  141.                 $('.sendCode').hide();
  142.                 $('.sendCodeError').show();
  143.             }
  144.         });
  145.     });
  146. </script>
  147. {% endblock %}