templates/Press/Includes/pressRegistrationForm.html.twig line 1

Open in your IDE?
  1. {% embed 'Includes/editmode-settings.html.twig' %}
  2.     {% block additionalInfo %}
  3.         <div >
  4.             <label>Registration-Successpage</label>
  5.             {{ pimcore_relation("successpage",{
  6.                 "types": ["document"],
  7.                 "subtypes": {
  8.                     "document": ["page"],
  9.                 },
  10.                 width: 350
  11.             }) }}
  12.         </div>
  13.         <div>
  14.             <label>Confirmationpage (used for generating confirmation link)</label>
  15.             {{ pimcore_relation("confirmationpage",{
  16.                 "types": ["document"],
  17.                 "subtypes": {
  18.                     "document": ["page"],
  19.                 },
  20.                 width: 350
  21.             }) }}
  22.         </div>
  23.         <div>
  24.             <label>Usermail</label>
  25.             {{ pimcore_relation("usermail",{
  26.                 "types": ["document"],
  27.                 "subtypes": {
  28.                     "document": ["email"],
  29.                 },
  30.                 width: 350
  31.             }) }}
  32.         </div>
  33.         <div>
  34.             <label>Adminmail<small> (is sent, if a user that is already registered in a other region )</small></label>
  35.             {{ pimcore_relation("notificationmail",{
  36.                 "types": ["document"],
  37.                 "subtypes": {
  38.                     "document": ["email"],
  39.                 },
  40.                 width: 350
  41.             }) }}
  42.         </div>
  43.     {% endblock %}
  44. {% endembed %}
  46. <div class="slide bg-dark-bg content-block">
  47.     <div class="container container-narrow">
  48.         {% if success|default(null) %}
  49.             <div class="alert-success">
  50.                 {{ 'press-registration.success' }}
  51.             </div>
  52.         {% endif %}
  54.         {% if isRegisteredForRegion %}
  55.             <div class="alert alert-info">
  56.                 <h4>
  57.                     {{ "press-registration.User bereits registriert"|trans }}
  58.                 </h4>
  59.             </div>
  60.         {% else %}
  61.             {% if not reducedForm %}
  62.                 <div class="mb-3 text-center text-white">
  63.                     {{ 'press-registration.Bereits registriert'|trans }}
  64.                     <br>
  65.                     <button class="btn btn-link js-nav__show-overlay mt-2" aria-label="Öffnen" title="Öffnen" data-nav-overlay-target="#loginOverlay" data-event-tracking-category="Navbar" data-event-tracking-action="Login" data-event-tracking-label="/de/press/login">
  66.                         {{ 'press-registration.Zum Login'|trans }}
  67.                     </button>
  68.                 </div>
  69.             {% endif %}
  72.             <form action="/404" data-action="{{ app.request.pathInfo }}" method="post" class="js-action-changer js-form-validation mt-5 text-white">
  73.                 <div class="content-block">
  74.                     {% set title = "press-registration.1 Ihre Kontaktdaten"|trans %}
  75.                     {% if reducedForm %}
  76.                         {% set title = "press-registration.Für weiteres Portal anmelden"|trans %}
  77.                     {% endif %}
  79.                     {{ include('Includes/title-block.html.twig', {
  80.                         title: title,
  81.                         subtitle: null,
  82.                         isCentered: true,
  83.                         isWhite:  true,
  84.                         styleModifier: 'js-fade-in'
  85.                     }) }}
  87.                     <div class="row">
  88.                         {% if not reducedForm|default(false) %}
  89.                             <div class="col-md-12">
  90.                                 {{ include('Form/Includes/form-control.html.twig', {
  91.                                     id: 'company',
  92.                                     name: 'company',
  93.                                     value: app.request.get('company', ''),
  94.                                     inputModifier: 'js-floating-label',
  95.                                     inputWrapperModifier: 'position-relative',
  96.                                     labelModifier: 'floating-label',
  97.                                     label: 'press-registration.company'|trans,
  98.                                     type: 'text',
  99.                                     required: true,
  100.                                     errors: errors['company'] is defined ? [errors['company']] : null,
  101.                                 }) }}
  102.                             </div>
  103.                             <div class="col-md-6">
  104.                                 {{ include('Form/Includes/select.html.twig', {
  105.                                     id: 'salutation',
  106.                                     inputModifier: "js-floating-label",
  107.                                     labelModifier: "floating-label",
  108.                                     inputWrapperModifier: "select__input-wrapper position-relative",
  109.                                     name: "salutation",
  110.                                     required: true,
  111.                                     label: 'convention-contact.Anrede'|trans,
  112.                                     styleModifier: 'form-group--sm',
  113.                                     options: [
  114.                                         {
  115.                                             label: "",
  116.                                             value: "",
  117.                                             disabled: true,
  118.                                             selected: not app.request.get('salutation'),
  119.                                             class: "sr-only"
  120.                                         }, {
  121.                                             label: 'press.Frau'|trans,
  122.                                             value: 'press.Frau'|trans,
  123.                                             selected: app.request.get('salutation') and app.request.get('salutation') == 'press.Frau'|trans,
  124.                                             class: '',
  125.                                         }, {
  126.                                             label: 'press.Herr'|trans,
  127.                                             value: 'press.Herr'|trans,
  128.                                             selected: app.request.get('salutation') and app.request.get('salutation') == 'press.Herr'|trans,
  129.                                             class: ""
  130.                                         },],
  131.                                     errors: errors['salutation'] is defined ? [errors['salutation']] : null,
  132.                                 }) }}
  133.                             </div>
  134.                             <div class="col-md-6">
  135.                                 {{ include('Form/Includes/form-control.html.twig', {
  136.                                     id: 'title',
  137.                                     name: 'title',
  138.                                     value: app.request.get('title', ''),
  139.                                     inputModifier: 'js-floating-label',
  140.                                     inputWrapperModifier: 'position-relative',
  141.                                     labelModifier: 'floating-label',
  142.                                     label: 'press-registration.title'|trans,
  143.                                     type: 'text',
  144.                                     required: false,
  145.                                     errors: errors['title'] is defined ? [errors['title']] : null,
  146.                                 }) }}
  147.                             </div>
  148.                             <div class="col-md-6">
  149.                                 {{ include('Form/Includes/form-control.html.twig', {
  150.                                     id: 'firstname',
  151.                                     name: 'firstname',
  152.                                     value: app.request.get('firstname', ''),
  153.                                     inputModifier: 'js-floating-label',
  154.                                     inputWrapperModifier: 'position-relative',
  155.                                     labelModifier: 'floating-label',
  156.                                     label: 'press-registration.firstname'|trans,
  157.                                     type: 'text',
  158.                                     required: true,
  159.                                     errors: errors['firstname'] is defined ? [errors['firstname']] : null,
  160.                                 }) }}
  161.                             </div>
  162.                             <div class="col-md-6">
  163.                                 {{ include('Form/Includes/form-control.html.twig', {
  164.                                     id: 'lastname',
  165.                                     name: 'lastname',
  166.                                     value: app.request.get('lastname', ''),
  167.                                     inputModifier: 'js-floating-label',
  168.                                     inputWrapperModifier: 'position-relative',
  169.                                     labelModifier: 'floating-label',
  170.                                     label: 'press-registration.lastname'|trans,
  171.                                     type: 'text',
  172.                                     required: true,
  173.                                     errors: errors['lastname'] is defined ? [errors['lastname']] : null,
  174.                                 }) }}
  175.                             </div>
  176.                             <div class="col-md-6">
  177.                                 {{ include('Form/Includes/form-control.html.twig', {
  178.                                     id: 'street',
  179.                                     name: 'street',
  180.                                     value: app.request.get('street', ''),
  181.                                     inputModifier: 'js-floating-label',
  182.                                     inputWrapperModifier: 'position-relative',
  183.                                     labelModifier: 'floating-label',
  184.                                     label: 'press-registration.street'|trans,
  185.                                     type: 'text',
  186.                                     required: true,
  187.                                     errors: errors['street'] is defined ? [errors['street']] : null,
  188.                                 }) }}
  189.                             </div>
  190.                             <div class="col-md-2">
  191.                                 {{ include('Form/Includes/form-control.html.twig', {
  192.                                     id: 'zip',
  193.                                     name: 'zip',
  194.                                     value: app.request.get('zip', ''),
  195.                                     inputModifier: 'js-floating-label',
  196.                                     inputWrapperModifier: 'position-relative',
  197.                                     labelModifier: 'floating-label',
  198.                                     label: 'press-registration.zip'|trans,
  199.                                     type: 'text',
  200.                                     required: true,
  201.                                     errors: errors['zip'] is defined ? [errors['zip']] : null,
  202.                                 }) }}
  203.                             </div>
  204.                             <div class="col-md-4">
  205.                                 {{ include('Form/Includes/form-control.html.twig', {
  206.                                     id: 'city',
  207.                                     name: 'city',
  208.                                     value: app.request.get('city', ''),
  209.                                     inputModifier: 'js-floating-label',
  210.                                     inputWrapperModifier: 'position-relative',
  211.                                     labelModifier: 'floating-label',
  212.                                     label: 'press-registration.city'|trans,
  213.                                     type: 'text',
  214.                                     required: true,
  215.                                     errors: errors['city'] is defined ? [errors['city']] : null,
  216.                                 }) }}
  217.                             </div>
  218.                             <div class="col-md-6">
  219.                                 {{ include('Form/Includes/select.html.twig', {
  220.                                     id: 'country',
  221.                                     inputModifier: "js-floating-label",
  222.                                     labelModifier: "floating-label",
  223.                                     inputWrapperModifier: "select__input-wrapper position-relative",
  224.                                     name: "country",
  225.                                     required: true,
  226.                                     label: 'press-registration.Land'|trans,
  227.                                     styleModifier: 'form-group--sm',
  228.                                     options: getCountrySelectData(app.request.locale, app.request.get('country', '')),
  229.                                     errors: errors['country'] is defined ? [errors['country']] : null,
  230.                                 }) }}
  231.                             </div>
  232.                             <div class="col-md-6">
  233.                                 {{ include('Form/Includes/form-control.html.twig', {
  234.                                     id: 'phone',
  235.                                     name: 'phone',
  236.                                     value: app.request.get('phone', ''),
  237.                                     inputModifier: 'js-floating-label',
  238.                                     inputWrapperModifier: 'position-relative',
  239.                                     labelModifier: 'floating-label',
  240.                                     label: 'press-registration.phone'|trans,
  241.                                     type: 'text',
  242.                                     required: true,
  243.                                     errors: errors['phone'] is defined ? [errors['phone']] : null,
  244.                                 }) }}
  245.                             </div>
  246.                         {% endif %}
  249.                         <div class="col-12">
  250.                             {{ include('Form/Includes/text-area.html.twig', {
  251.                                 name: 'usage',
  252.                                 id: 'usage',
  253.                                 value: app.request.get('usage', ''),
  254.                                 inputModifier: 'js-floating-label',
  255.                                 inputWrapperModifier: 'position-relative',
  256.                                 labelModifier: 'floating-label',
  257.                                 label: 'press-registration.Nutzungszweck'|trans,
  258.                                 required: true,
  259.                                 errors: errors['usage'] is defined ? [errors['usage']] : null,
  260.                             }) }}
  261.                         </div>
  262.                         <div class="col-12">
  263.                             {{ include('Form/Includes/text-area.html.twig', {
  264.                                 name: 'message',
  265.                                 id: 'message',
  266.                                 value: app.request.get('message', ''),
  267.                                 inputModifier: 'js-floating-label',
  268.                                 inputWrapperModifier: 'position-relative',
  269.                                 labelModifier: 'floating-label',
  270.                                 label: 'press-registration.Ihre Nachricht'|trans,
  271.                                 required: false,
  272.                                 errors: errors['message'] is defined ? [errors['message']] : null,
  273.                             }) }}
  274.                         </div>
  275.                     </div>
  276.                 </div>
  277.                 {% if not reducedForm|default(false) %}
  278.                     <div class="content-block">
  279.                         {{ include('Includes/title-block.html.twig', {
  280.                             title: "press-registration.2 Ihre gwünschten Anmeldedaten"|trans,
  281.                             subtitle: null,
  282.                             isCentered: true,
  283.                             isWhite:  true,
  284.                             styleModifier: 'js-fade-in'
  285.                         }) }}
  288.                         <div class="row">
  289.                             <div class="col-md-6">
  290.                                 {{ include('Form/Includes/form-control.html.twig', {
  291.                                     id: 'email',
  292.                                     name: 'email',
  293.                                     value: app.request.get('email', ''),
  294.                                     inputModifier: 'js-floating-label',
  295.                                     inputWrapperModifier: 'position-relative',
  296.                                     labelModifier: 'floating-label',
  297.                                     label: 'press-registration.E-Mail'|trans,
  298.                                     type: 'text',
  299.                                     required: true,
  300.                                     errors: errors['email'] is defined ? [errors['email']] : null,
  301.                                 }) }}
  302.                             </div>
  303.                             <div class="col-md-6">
  304.                                 {{ include('Form/Includes/form-control.html.twig', {
  305.                                     id: 'password',
  306.                                     name: 'password',
  307.                                     value: '',
  308.                                     inputModifier: 'js-floating-label',
  309.                                     inputWrapperModifier: 'position-relative',
  310.                                     labelModifier: 'floating-label',
  311.                                     label: 'press-registration.Passwort'|trans,
  312.                                     type: 'password',
  313.                                     required: true,
  314.                                     errors: errors['password'] is defined ? [errors['password']] : null,
  315.                                 }) }}
  316.                             </div>
  317.                         </div>
  318.                     </div>
  320.                 {% endif %}
  322.                 <div class="text-right small mb-1">
  323.                     *{{'convention-contact.Pflichtfelder'|trans}}
  324.                 </div>
  326.                 {{ include('Form/Includes/form-control.html.twig', {
  327.                     type: 'hidden',
  328.                     name: 'gdpr-text',
  329.                     id: 'gdpr-text',
  330.                     value: 'press-registration.Ich stimme den <a href="#">Datenschutzbestimmungen</a> zu.'|trans
  331.                 }) }}
  332.                 <div>{{ 'press-registration.Ich stimme den <a href="#">Datenschutzbestimmungen</a> zu.'|trans|raw }}</div>
  334.                 <div class="text-center mt-4">
  335.                     <button type="submit" class="btn btn-primary-light">{{ 'press-registration.Registrieren'|trans }}</button>
  336.                 </div>
  338.                 <div class="text-center small mt-5 text-muted">
  339.                     {{ 'press-registration.Datenverarbeitung'|trans }}
  340.                 </div>
  341.             </form>
  342.         {% endif %}
  344.     </div>
  345. </div>