templates/security/registration.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ 'title.register'|trans }}{% endblock %}
  5. {% block body_attr %} class="light_gray"{% endblock %}
  7. {% block header %}
  8.     <div class="header_min">
  9.         <div class="max_wrap">
  10.             <a href="/" class="logo">
  11.                 <img alt="" src="/img/logo2.svg"/>
  12.             </a>
  13.         </div>
  14.     </div>
  15. {% endblock %}
  17. {% block body %}
  18.     <style>
  19.         .form_popup .form_group input[type="checkbox"] {
  20.             width: 16px;
  21.             height: 16px;
  22.             padding: 0;
  23.             border-radius: 0;
  24.             margin: 4px 10px 0 0;
  25.             -webkit-appearance: auto;
  26.         }
  27.         .form_popup .form_group input[type="checkbox"] + label {
  28.             width: auto;
  29.         }
  30.         select {
  31.             width: 100%;
  32.         }
  33.         .form_popup .form_group textarea {
  34.             float: left;
  35.             width: 100%;
  36.             border: 1px solid #ddd;
  37.             height: 200px;
  38.             padding: 20px;
  39.             border-radius: 10px;
  40.         }
  42.         .form_popup .form_group input {
  43.             height: 45px;
  44.         }
  46.         .form_popup .form_group label {
  47.             margin-bottom: 0;
  48.         }
  50.         .form_popup button.btn {
  51.             height: 64px;
  52.             line-height: 64px;
  53.         }
  55.         .toggle-password-eye {
  56.             top: 37px;
  57.             right: 10px;
  58.             position: absolute;
  59.             cursor: pointer;
  60.         }
  62.     </style>
  63. {% endblock %}
  65. {% block popup %}
  66.     <div class="pp_wrap show" id="popup">
  67.         <div class="pp_bg"></div>
  68.         <div class="flex_pp">
  69.             <div class="pp_content">
  70.                 <a href="{{ path('home') }}" class="close_pp"><i class="fas fa-times"></i></a>
  71.                 <div class="form_popup">
  72.                     <h3 class="title min_title"><span>{{ 'title.register'|trans }}</span></h3>
  73.                     {% for notice in app.flashes('verify_email_error') %}
  74.                         {{ notice }}
  75.                     {% endfor %}
  77.                     {{ form_start(form, {'attr': {'class': 'form_list'} }) }}
  78.                     {# <div class="btn_switch">
  79.                         <a href="{{ path('app_registration', {'email': app.request.get('email'), 'user_type': 2}) }}"
  80.                            class="switch{{ userType == 2 ? ' active': '' }}"><i>{{ 'btn.user_speaker'|trans }}</i></a>
  81.                         <a href="{{ path('app_registration', {'email': app.request.get('email'), 'user_type': 1}) }}"
  82.                            class="switch{{ userType == 1 ? ' active': '' }}"><i>{{ 'btn.user_listener'|trans }}</i></a>
  83.                     </div> #}
  84.                     {{ encore_entry_script_tags('security') }}
  85.                     {% if userType == 2 %}
  86.                         {{ form_row(form.speaker.photo) }}
  87.                         <span class="avatar-error">Максимальный размер изображения 50 Мб</span>
  88.                     {% endif %}
  89.                     {{ form_row(form.firstName) }}
  90.                     {{ form_row(form.lastName) }}
  91.                     {{ form_row(form.email) }}
  92.                     {% if userType == 2 %}
  93.                         {{ form_row(form.speaker.shortDescription) }}
  94.                     {% endif %}
  95.                     {{ form_row(form.password) }}
  96.                     {% if userType == 2 %}
  97.                         {{ form_row(form.speaker.categories) }}
  98.                     {% endif %}
  99.                     {{ form_row(form.agree) }}
  100.                     {{ form_errors(form.agree) }}
  101.                     {{ include('security/_agreement.html.twig', { is_speaker: userType == 2 }) }}
  102.                     <button class="btn all_w btn_xxl" type="submit">{{ 'btn.register'|trans }}</button>
  103.                     {{ form_end(form) }}
  104.                 </div>
  105.             </div>
  106.         </div>
  107.     </div>
  108.     <script>
  109.         if (document.querySelector('#register_speaker_speaker_categories') !== null) {
  110.             $(document).ready(function() {
  111.                 $('#register_speaker_speaker_categories').chosen();
  112.             });
  113.         }
  115.         $(function(){
  116.             $('#register_firstName, #register_lastName, #register_speaker_firstName, #register_speaker_lastName').on('input', function (e) {
  118.                 const { selectionEnd, selectionStart } = this;
  120.                 const newValue = e.target.value;
  122.                 this.value = newValue; //newValue[0].toUpperCase() + newValue.slice(1).toLowerCase();
  123.                 this.selectionEnd = selectionEnd;
  124.                 this.selectionStart = selectionStart;
  125.             })
  127.             const togglePasswordEye = '<span class="material-icons toggle-password-eye">visibility</span>';
  129.             $(togglePasswordEye).insertAfter('input[type=password]');
  130.             $('input[type=password]').addClass('hidden-pass-input')
  132.             $('body').on('click', '.toggle-password-eye', function (e) {
  133.                 let password = $(this).prev('.hidden-pass-input');
  135.                 if (password.attr('type') === 'password') {
  136.                     password.attr('type', 'text');
  137.                     $(this).text('visibility_off');
  138.                 } else {
  139.                     password.attr('type', 'password');
  140.                     $(this).text('visibility');
  141.                 }
  142.             })
  143.         })
  144.     </script>
  145. {% endblock %}
  147. {% block footer %}{% endblock %}