templates/activation/userform.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}GRETA Aktivierung{% endblock %}
  5. {% block javascripts %}
  6.     {{ parent() }}
  7.     <script type="text/javascript" src="{{ asset('intl-tel-input-master/build/js/intlTelInput-jquery.min.js') }}"></script>
  8.     <script type="text/javascript">
  9.         $(document).ready(function(){
  10.             $('[type="tel"]').each(function(index) {
  11.                 console.log($(this));
  12.                 $(this).intlTelInput({
  13.                     // whether or not to allow the dropdown
  14.                     allowDropdown: true,
  15.                     // if there is just a dial code in the input: remove it on blur, and re-add it on focus
  16.                     autoHideDialCode: true,
  17.                     // add a placeholder in the input with an example number for the selected country
  18.                     autoPlaceholder: "polite",
  19.                     // modify the auto placeholder
  20.                     customPlaceholder: null,
  21.                     // append menu to specified element
  22.                     dropdownContainer: null,
  23.                     // don't display these countries
  24.                     excludeCountries: [],
  25.                     // format the input value during initialisation and on setNumber
  26.                     formatOnDisplay: true,
  27.                     // geoIp lookup function
  28.                     geoIpLookup: true,
  29.                     // inject a hidden input with this name, and on submit, populate it with the result of getNumber
  30.                     // hiddenInput: "phone-number-hidden",
  31.                     // initial country
  32.                     initialCountry: "auto",
  33.                     // localized country names e.g. { 'de': 'Deutschland' }
  34.                     localizedCountries: null,
  35.                     // don't insert international dial codes
  36.                     nationalMode: false,
  37.                     // display only these countries
  38.                     onlyCountries: [],
  39.                     // number type to use for placeholders
  40.                     placeholderNumberType: "MOBILE",
  41.                     // the countries at the top of the list. defaults to united states and united kingdom
  42.                     preferredCountries: ["at", "ch", "de", "gb", "nl"],
  43.                     // display the country dial code next to the selected flag so it's not part of the typed number
  44.                     separateDialCode: false,
  45.                     // specify the path to the libphonenumber script to enable validation/formatting
  46.                     utilsScript: "{{ asset('intl-tel-input-master/build/js/utils.js') }}"
  47.                 });
  48.             });
  49.         });
  51.     </script>
  52. {% endblock %}
  54. {% block stylesheets %}
  55.     {{ parent() }}
  56.     {#<link rel="stylesheet" href="{{ asset('BootstrapFormHelpers/dist/css/bootstrap-formhelpers.min.css') }}" />#}
  57.     <link rel="stylesheet" href="{{ asset('intl-tel-input-master/build/css/intlTelInput.min.css') }}" />
  58. {% endblock %}
  60. {% block body %}
  61.     <style>
  62.         .col-sm-2 {
  63.             width: 25% !important;
  64.         }
  65.         .col-sm-10 {
  66.             width: 75% !important;
  67.         }
  68.     </style>
  69.     <div class="container">
  70.         <div class="row">
  71.             <div class="col-md-5 col-md-offset-3">
  72.                 <h1 class="">{{ 'account.profile.create'|trans }}</h1>
  73.                 <br />
  74.                 {{ form_start(userdataForm, {'attr': {'class': 'astx'}}) }}
  75.                 {{ form_row(userdataForm.username) }}
  76.                 {{ form_row(userdataForm.plainPassword) }}
  77.                 <br/>
  78.                 {{ form_row(userdataForm.salutation) }}
  79.                 {{ form_row(userdataForm.title) }}
  80.                 {{ form_row(userdataForm.firstName) }}
  81.                 {{ form_row(userdataForm.lastName) }}
  82.                 {{ form_row(userdataForm.companyName) }}
  83.                 {{ form_row(userdataForm.addressStreetNo) }}
  84.                 {{ form_row(userdataForm.addressStreetAdd) }}
  85.                 {{ form_row(userdataForm.addressPostalCode) }}
  86.                 {{ form_row(userdataForm.addressCity) }}
  87.                 {{ form_row(userdataForm.addressCountry) }}
  88.                 {{ form_row(userdataForm.dateOfBirth) }}
  89.                 {{ form_row(userdataForm.emailAddress) }}
  90.                 <p><small><i class="glyphicon glyphicon-info-sign"></i> {{ 'Telefonnummer mit Ländervorwahl. Beispiel: +49 17712345678'|trans }}</small></p>
  91.                 {{ form_row(userdataForm.phoneNumber) }}
  92.                 {{ form_row(userdataForm.phoneNumber2, {
  93.                     'required': false
  94.                 }) }}
  95.                 {{ form_row(userdataForm.hasNewsletter, {
  96.                     'required': false,
  97.                     'label': 'account.profile.newsletter'|trans
  98.                 }) }}
  99.                 <small>* {{ 'account.profile.mandatory'|trans }}</small>
  100.                 <br />
  101.                 <br />
  102.                 <button type="submit" class="btn btn-primary" formnovalidate>{{ 'misc.form_send'|trans }}</button>
  103.                 <a href="{{ path('security_login') }}">{{ 'misc.form_abort'|trans }}</a>
  104.                 {{ form_end(userdataForm) }}
  105.             </div>
  106.         </div>
  107.     </div>
  108. {% endblock %}