templates/community/registration-form-setting.html.twig line 1

Open in your IDE?
  1. {% if app.user %}
  2.     {% if app.user.contact.avatar is defined and app.user.contact.avatar is not empty %}
  3.         {% set filelabel = sulu_resolve_media(app.user.contact.avatar.id, 'fr').fileVersion.name %}
  4.     {% else %}
  5.         {% set filelabel = 'Cliquez ici pour mettre une photo de profil' %}
  6.     {% endif %}
  7.     {% if app.user.contact.typologieActeur %}
  8.         {% set typologieActeurName = app.user.contact.typologieActeur.name %}
  9.     {% else %}
  10.         {% set typologieActeurName = '' %}
  11.     {% endif %}
  12.     {% if app.user.contact.typologieStructure %}
  13.         {% set typologieStructure = app.user.contact.typologieStructure.name %}
  14.     {% else %}
  15.         {% set typologieStructure = '' %}
  16.     {% endif %}
  17. {% else %}
  18.     {% set filelabel = 'Cliquez ici pour mettre une photo de profil' %}
  19.     {% set typologieActeurName = '' %}
  20.     {% set territoireIntervName = '' %}
  21.     {% set typologieStructure = '' %}
  22.     {% set type = 'profile' %}
  23. {% endif %}
  25. {% if formType is defined %}
  26.     {% set type = formType %}
  27. {% endif %}
  28. {% set liClass = "dflex w100 jcsb fwwrap" %}
  29. <div class="{{ type }}-form-container mlr-1em cblue">
  30.     {% if type is defined and type == "registration" %}
  31.         <div class="header-cont">
  32.             <h1 class="mb-0p5em">Inscription</h1>
  33.             <span class="lh24 mb-2em diblock">Pas encore membre de PQN-A ? Rien de plus simple ! Il suffit de créer votre espace personnel en 1 clic !</span>
  34.         </div>
  35.     {% endif %}
  37.     {% for message in app.flashes('error') %}
  38.         <div class="mb-10px">{{ message }}</div>
  39.     {% endfor %}
  40.     {{ form_start(form) }}
  41.     <div class="mes-informations br8 in">
  42.         {% include "articles/blocks/noscript.html.twig" %}
  43.         {% if type is defined and type == "registration" %}
  44.             <h2 class="fw400 fs36 lh40 mb-1em">Qui êtes-vous ?</h2>
  45.         {% else %}
  46.             <h2 class="fs24 fw400 lh32 mb-40px">Mes informations</h2>
  47.         {% endif %}
  48.         <ul>
  49.             <li class="{{liClass}}">
  50.                 {{ form_row(form.firstName) }}
  51.                 {{ form_row(form.lastName) }}
  52.             </li>
  53.             <li class="{{liClass}}">
  54.                 <div>
  55.                     {% if type == "registration" %}
  56.                         {{ form_errors(form.email) }}
  57.                         {{ form_widget(form.email) }}
  58.                     {% endif %}
  59.                     {{ form_label(form.mainEmail) }}
  60.                     {{ form_widget(form.mainEmail) }}
  61.                 </div>
  62.                 {{ form_row(form.number) }}
  63.             </li>
  64.             <li class="dflex jcsb fwwrap">
  65.                 {{ form_row(form.typologieActeurValue) }}
  66.                 <div id="autres-typologie-container">
  67.                     {% if form.typologieActeurValue.vars.value == "Autres" %}
  68.                         {{ form_label(form.autresTypologieActeur) }}
  69.                         {{ form_widget(form.autresTypologieActeur) }}
  70.                     {% endif %}
  71.                 </div>
  72.             </li>
  73.             <li class="dflex jcsb fwwrap">
  74.                 <div class="file-input-container prelative">
  75.                     <span class="fw400 fs14 lh20">
  76.                         Photo de profil
  77.                     </span>
  78.                     <div class="prelative">
  79.                         {{ form_row(form.avatar, {'label': filelabel}) }}
  80.                         <img src="/resources/img/paper-clip-icon.svg" alt="Profil" class="pabsolute" width="15" height="16">
  81.                     </div>
  82.                 </div>
  83.             </li>
  84.             <li class="dflex w100 fwwrap social-media-li">
  85.                 {{ form_row(form.socialMediaProfiles) }}
  87.             </li>
  88.             <li class="dflex w100 jcc">
  89.                 {{ form_row(form.submit) }}
  90.             </li>
  91.             {% if type is defined and type == "registration" %}
  92.                 {% include "community/block/info-oblig.html.twig" %}
  93.             {% endif %}
  94.         </ul>
  95.     </div>
  96.     <div class="mon-activite br8">
  97.         {% if type is defined and type == "registration" %}
  98.             <h2 class="fw400 fs36 lh40 mb-1em">Quel est votre travail ?</h2>
  99.         {% else %}
  100.             <h2 class="fs24 fw400 lh32 mb-40px">Mon activité</h2>
  101.         {% endif %}
  102.         <ul class="prelative">
  103.             {% if type is defined and type == "registration" %}
  104.                 <li>
  105.                     <button class="cblue fs16 lh24 pabsolute" id="previous1">
  106.                         Précédent
  107.                     </button>
  108.                 </li>
  109.             {% endif %}
  110.             <li class="{{liClass}}">
  111.                 {{ form_row(form.structure, {'attr': {'autocomplete': 'off'}}) }}
  113.                 <div id="structure-container">
  114.                     {{ form_row(form.structureText, {'value' : typologieStructure, 'attr': {'autocomplete': 'off'}}) }}
  115.                     <div>
  116.                         <label class="fw400 fs14 lh20"></label>
  117.                         <div id="registration_typologieStructure">
  118.                             {% for structure in form.typologieStructure %}
  119.                                 {{ form_label(structure, null, {
  120.                                     label_attr: {'tabindex': 0 },
  121.                                     'attr': {'autocomplete': 'off'}
  122.                                 }) }}
  123.                             {% endfor %}
  124.                         </div>
  125.                         <div class="hidden" id="structureRadioContainer">
  126.                             {% for structure in form.typologieStructure %}
  127.                                 {{ form_widget(structure) }}
  128.                             {% endfor %}
  129.                         </div>
  130.                     </div>
  131.                 </div>
  132.             </li>
  134.             <li class="{{liClass}}">
  135.                 {{ form_row(form.street) }}
  136.                 {{ form_row(form.city) }}
  137.             </li>
  138.             <li class="{{liClass}}">
  139.                 {{ form_row(form.zip) }}
  140.                 <div id="fonction-container">
  141.                     {% if form.fonction.vars.data is defined and form.fonction.vars.data is not empty %}
  142.                         {% set fonctionId = form.vars.id ~ '_fonction' %}
  143.                         <label for="{{fonctionId}}" class="fw400 fs14 lh20 required">{{ field_label(form.fonction) }}</label>
  144.                         <select name="{{ field_name(form.fonction) }}" id="{{fonctionId}}" data-value="{{form.fonction.vars.data}}">
  145.                             {% for label, value in field_choices(form.fonction) %}
  146.                                 <option value="{{ value }}" {% if value == form.fonction.vars.data %} selected {% endif %}>{{ label }}</option>
  147.                             {% endfor %}
  148.                         </select>
  149.                     {% endif %}
  150.                 </div>
  151.             </li>
  153.             <li class="{{liClass}}">
  154.                 {{ form_row(form.fonction_desc) }}
  155.             </li>
  157.             <li class="{{liClass}}">
  158.                 <div id="departement-container">
  159.                     {% set fonctionId = form.vars.id ~ '_departement' %}
  160.                     <label for="{{fonctionId}}" class="fw400 fs14 lh20 required">{{ field_label(form.departement) }}</label>
  161.                     <select name="{{ field_name(form.departement) }}" id="{{fonctionId}}" data-value="{{form.departement.vars.value}}" {% if app.user and app.user.contact.territoireInterv is not empty %} data-territoire="{{app.user.contact.territoireInterv.id}}" {% endif %}>
  162.                         <option value="">Aucun</option>
  163.                         {% for label, value in field_choices(form.departement) %}
  164.                             <option value="{{ value }}" {% if value == form.departement.vars.value %} selected {% endif %}>{{ label }}</option>
  165.                         {% endfor %}
  166.                     </select>
  167.                 </div>
  168.             </li>
  170.             <li class="{{liClass}} note-container">
  171.                 {{ form_row(form.note) }}
  172.             </li>
  174.             <li class="dflex w100 jcsb fdc fwwrap">
  175.                 <label class="fw400 fs14 lh20">
  176.                     Thématiques d'intervention et d'intérêt*
  177.                 </label>
  178.                 <div class="thematique-container fwwrap nolimit" id="thematique-container">
  179.                     {% for child in form.thematiques %}
  180.                         <div class="thematique-row">
  181.                             {{ form_widget(child) }}
  182.                             {{ form_label(child, null, {translation_domain: 'fr'}) }}
  183.                         </div>
  184.                     {% endfor %}
  185.                 </div>
  186.             </li>
  188.             <li class="dflex w100 jcsb fdc fwwrap">
  189.                 <label class="fw400 fs14 lh20">
  190.                     Abonnements aux lettres d’infos sur les sujets
  191.                 </label>
  192.                 <div class="thematique-container fwwrap nolimit" id="thematique-container">
  193.                     {% for child in form.optins %}
  194.                         <div class="thematique-row">
  195.                             {{ form_widget(child) }}
  196.                             {{ form_label(child, null, {translation_domain: 'fr'}) }}
  197.                         </div>
  198.                     {% endfor %}
  199.                 </div>
  200.             </li>
  202.             <li class="dflex w100 jcc">
  203.                 {{ form_row(form.submit2) }}
  204.             </li>
  205.             {% if type is defined and type == "registration" %}
  206.                 {% include "community/block/info-oblig.html.twig" %}
  207.             {% endif %}
  208.         </ul>
  209.     </div>
  210.     <div class="reset-password br8">
  211.         {% if type is defined and type == "registration" %}
  212.             <h2 class="fw400 fs36 lh40 mb-1em">Confidentialité</h2>
  213.         {% else %}
  214.             <h2 class="fs24 fw400 lh32 mb-40px">Modifier mon mot de passe</h2>
  215.         {% endif %}
  216.         <ul class="prelative">
  217.             {% if type is defined and type == "registration" %}
  218.                 <li>
  219.                     <button class="cblue fs16 lh24 pabsolute" id="previous2">
  220.                         Précédent
  221.                     </button>
  222.                 </li>
  223.             {% endif %}
  224.             <li class="{{liClass}}">
  225.                 <div class="prelative" id="firstpassword-container">
  226.                     {{ form_label(form.plainPassword.first) }}
  227.                     {{ form_widget(form.plainPassword.first) }}
  228.                     {% if type is defined and type == "registration" %}
  229.                         <button class="pabsolute showpass" id="showpass1">{{ source("/svg/eye-icon.html.twig") }}</button>
  230.                     {% endif %}
  231.                 </div>
  232.                 <div class="prelative">
  233.                     {{ form_label(form.plainPassword.second) }}
  234.                     {{ form_widget(form.plainPassword.second) }}
  235.                     {% if type is defined and type == "registration" %}
  236.                         <button class="pabsolute showpass" id="showpass2">{{ source("/svg/eye-icon.html.twig") }}</button>
  237.                     {% endif %}
  238.                 </div>
  239.             </li>
  240.             {% if type is defined and type == "registration" %}
  241.                 <li class="{{liClass}}">
  242.                     {{ form_row(form.visibleAnnuaire) }}
  243.                 </li>
  244.                 <li class="dflex w100 fwwrap terms">
  245.                     <div>
  246.                         {{ form_widget(form.terms) }}
  247.                         {{ form_label(form.terms) }}
  248.                     </div>
  249.                     <span class="fw400 fs14 lh20">Voir la
  250.                         <a href="/politique-de-confidentialite" class="cblue">politique de confidentialité</a>
  251.                     </span>
  252.                     {{ form_errors(form.terms) }}
  253.                 </li>
  254.             {% endif %}
  255.             {% if type is defined and type == "registration" %}
  256.                 {{ form_row(form.recaptcha) }}
  257.             {% endif %}
  258.             <li class="dflex w100 fdc aic mt-1em">
  259.                 {{ form_row(form.submit3) }}
  260.             </li>
  262.             {% if type is defined and type == "registration" %}
  263.                 {% include "community/block/info-oblig.html.twig" %}
  264.             {% endif %}
  265.         </ul>
  266.     </div>
  268.     {{ form_row(form._token) }}
  269.     {{ form_end(form, {render_rest: false}) }}
  270.     {% if type is defined and type == "profile" %}
  271.         <div class="center mb-40px">
  272.             <a href="{{ path('sulu_community.logout') }}" class="deconnect">Déconnexion</a>
  273.         </div>
  274.     {% endif %}
  275. </div>