templates/app/auth/signup.html.twig line 1

Open in your IDE?
  1. {% extends 'auth.html.twig' %}
  3. {% form_theme form _self %}
  5. {% block title %}Регистрация на ЭТП{% endblock %}
  7. {% block body %}
  8.     <div class="container">
  9.         <div class="row justify-content-center">
  10.             <div class="col-md-6">
  11.                 <div class="card mx-4">
  12.                     <div class="card-body p-4">
  13.                         {% include '_flashes.html.twig' %}
  14.                         {% block form_errors %}
  15.                             {% apply spaceless %}
  16.                                 {% if form.vars.errors|length > 0 %}
  17.                                     {% for error in form.vars.errors %}
  18.                                         <div class="invalid-feedback">
  19.                                             {{ error.message }}
  20.                                         </div>
  21.                                     {% endfor %}
  22.                                 {% endif %}
  23.                             {% endapply %}
  24.                         {% endblock form_errors %}
  25.                         <h1>Регистрация на ЭТП</h1>
  26.                         <hr/>
  27.                         <a class="btn btn-link px-0" href="{{ path('app_login') }}">Есть учетная запись?</a>
  28.                         {{ form_start(form, {'attr': {'id': 'signupForm'}}) }}
  29.                         <div class="mb-3">
  30.                             <label class="form-label mb-1" for="fieldEmail">Электронная почта</label>
  31.                             {{ form_widget(form.email, {'attr': {'placeholder': 'Электронная почта'}}) }}
  32.                             {{ form_errors(form.email) }}
  33.                         </div>
  35.                         <div class="mb-3">
  36.                             <label class="form-label mb-1" for="fieldLogin">Логин</label>
  37.                             {{ form_widget(form.login, {'attr': {'placeholder': 'Логин'}}) }}
  39.                             {% if form.login.vars.errors|length > 0 %}
  40.                                 {{ form_errors(form.login) }}
  41.                             {% else %}
  42.                                 <label style="font-size: 80%;">Логин должен содержать латинские строчные буквы или цифры, символ подчеркивания</label>
  43.                             {% endif %}
  44.                         </div>
  46.                         <div class="mb-3">
  47.                             <label class="form-label mb-1" for="fieldPassword">Пароль</label>
  48.                             <div class="input-group">
  49.                                 {{ form_widget(form.plainPassword.first, {'attr': {'placeholder': 'Пароль'}}) }}
  50.                                 <button class="btn btn-outline-secondary toggle-password not-focus" data-target="#form_plainPassword_first" type="button">
  51.                                     <i class="fa fa-eye-slash"></i>
  52.                                 </button>
  53.                                     {{ form_errors(form.plainPassword.first) }}
  54.                             </div>
  56.                             <label style="font-size: 80%;">
  57.                                 Пароль должен содержать не менее 6 цифр или букв, символов
  58.                             </label>
  59.                         </div>
  61.                         <div class="mb-3">
  62.                             <label class="form-label mb-1" for="fieldPasswordRepeat">Повторите пароль</label>
  63.                             <div class="input-group mb-3">
  64.                                 {{ form_widget(form.plainPassword.second, {'attr': {'placeholder': 'Повторите пароль'}}) }}
  65.                                 <button class="btn btn-outline-secondary toggle-password not-focus" data-target="#form_plainPassword_second" type="button">
  66.                                     <i class="fa fa-eye-slash"></i>
  67.                                 </button>
  68.                                 {{ form_errors(form.plainPassword.second) }}
  69.                             </div>
  70.                         </div>
  72.                         <div class="mb-3">
  73.                             Регистрируясь, я принимаю условия <a href="{{ privacyPolicyLink }}" target="_blank">Политики конфиденциальности.</a>
  74.                         </div>
  76.                         <div id="captcha-container" class="mb-3"></div>
  78.                         <button type="submit" class="btn btn-block btn-primary no-loader-spinner" id="button-submit">Создать учетную запись</button>
  79.                         {{ form_end(form) }}
  80.                     </div>
  81.                 </div>
  82.             </div>
  83.         </div>
  84.     </div>
  88.     <script src="https://smartcaptcha.yandexcloud.net/captcha.js?render=onload&onload=onloadFunction" defer></script>
  89.     <script>
  90.         const button = document.getElementById("button-submit");
  91.         document.addEventListener("DOMContentLoaded", function() {
  92.             document.getElementById("signupForm").addEventListener("submit", function (event) {
  93.                 event.preventDefault();
  95.                 button.disabled = true;
  96.                 button.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Создание...';
  98.                 let keySmartCaptchaStatus = "{{ keySmartCaptchaStatus }}"
  99.                 if (keySmartCaptchaStatus === "on"){
  100.                     if (!window.smartCaptcha) return;
  102.                     window.smartCaptcha.execute();
  103.                 }else{
  104.                     callbackSmartCaptcha();
  105.                 }
  106.             });
  107.         })
  109.         function onloadFunction() {
  110.             if (!window.smartCaptcha) {
  111.                 return;
  112.             }
  115.             let test = ("{{ keySmartCaptchaTest }}" === "on") ? true : false;
  118.             const widgetId = window.smartCaptcha.render('captcha-container', {
  119.                 sitekey: '{{ keySmartCaptchaClientKey }}',
  120.                 invisible: true,
  121.                 hl: "ru",
  122.                 test: test,
  123.                 webview: true,
  124.                 shieldPosition: 'top-right',
  125.                 callback: callback
  126.             });
  129.             window.smartCaptcha.subscribe(
  130.                 widgetId,
  131.                 'challenge-hidden',
  132.                 () => {
  133.                     button.disabled = false;
  134.                     button.innerHTML = 'Создать учетную запись';
  135.                 }
  136.             );
  138.             window.smartCaptcha.subscribe(
  139.                 widgetId,
  140.                 'javascript-error', (error) => {alert(error.message)}
  141.             );
  142.         }
  144.         function callback() {
  145.             callbackSmartCaptcha();
  146.         }
  147.     </script>
  148. {% endblock %}
  150. {% block javascripts %}
  151.     {{ parent() }}
  152.     {{ encore_entry_script_tags('user_signup') }}
  153. {% endblock %}