templates/montheatre/inscription_normal.inc.html.twig line 1

Open in your IDE?
  1. <script type="text/javascript">
  2.             $(document).ready(function() {
  3.                 jQuery.validator.messages.required = "";
  4.                 var img_error;
  5.                 $("#masterform").validate({
  6.                     onkeyup: false, // on check à chaque champ
  7.                     rules: { // regle de validation
  8.                         password_first: {
  9.                             required: true,
  10.                             minlength: 8
  11.                         },
  12.                         password_second: {
  13.                             required: true,
  14.                             minlength: 8,
  15.                             equalTo: "#password_first"
  16.                         }
  17.                     },
  18.                     messages: { // messages d'erreur
  19.                         password_first: {
  20.                             minlength: img_error+" le mot de passe doit faire au moins 8 caractères"
  21.                         },
  22.                         password_second: {
  23.                             equalTo: img_error+" les deux mot de passe ne sont pas identiques",
  24.                             minlength: img_error+" le mot de passe doit faire au moins 8 caractères"
  25.                         },
  26.                         email: {
  27.                             email: img_error+" l\'adresse de courriel semble incorrecte.",
  28.                             remote: jQuery.validator.format(img_error+" <em>{0}</em> est déjà utilisée pour un autre compte mon théâtre. Si c'est la votre, vous pouvez changer <a href=\"/montheatre/recuppass/email/{0}\">changer votre mot de passe ou retrouver votre pseudonyme</a> ou <a href=\"/montheatre/validation/retry/{0}\">valider votre inscription</a> si vous ne l'avez pas encore fait")
  29.                         },
  30.                         login: {
  31.                             remote: jQuery.validator.format(img_error+" <em>{0}</em> est déjà utilisée par un autre compte mon théâtre. Vous devez choisir un autre pseudonyme ou <a href=\"/montheatre/recuppass/email/{0}\">changer votre mot de passe</a> si vous l'avez oublié"),
  32.                             rangelength: img_error+" le pseudonyme doit faire entre 5 et 30 caractères"
  33.                         },
  34.                         firstname: { required: " " },
  35.                         lastname: { required: " " }
  36.                     },
  37.                     errorPlacement: function(error, element) { // placer l'erreur après le champ et supprimer la précision
  38.                         error.insertAfter(element);
  39.                         idfield = element.attr('id');
  40.                         $('#field_precision_'+idfield).empty();
  41.                         error.next('.require_img').empty();
  42.                     },
  43.                     errorElement: "span", // placer l'erreur dans un span
  44.                     success: function(label) {
  45.                         label.html(img_ok);
  46.                         idfield = label.attr('htmlfor');
  47.                         $('#field_precision_'+idfield).empty();
  48.                         label.next('.require_img').empty();
  49.                         $('#'+idfield).parent().removeClass('require_erreur');
  50.                     },
  51.                     onsubmit: false, // laisser la validation du formulaire
  52.                     debug:false
  53.                 });
  54.             });
  55.     </script>
  56. {{ form_start(form) }}
  57.     <div class="tc-panel-header">
  58.         <h2 id="compte" class="tc-neutral-color">Mon compte</h2>
  59.     </div>
  60.     <div class="tc-panel-body">
  61.         <div class="tc-block">
  62.             <div class="tc-block-header">
  63.                 <h3>Les champs signalés par un <span class="require">*</span> sont obligatoires.</h3>
  64.             </div>
  65.             <div class="tc-block-body">
  66.                 {% if change_mode is not defined or (change_mode is defined and not change_mode) %}
  67.                     <p>Vos informations de connexion : vous recevrez une demande de validation par courriel</p>
  68.                 {% else %}
  69.                     <p>Si vous changez d'adresse de courriel, vous recevrez un message pour
  70.                     <strong>confirmer la nouvelle adresse</strong>.<br />Si vous ne confirmez pas cette nouvelle adresse, elle ne sera pas prise en compte.</p>
  71.                 {% endif %}
  72.                 {{ form_label(form.email) }}
  73.                 {{ form_widget(form.email) }}
  74.                 {{ form_label(form.login) }}
  75.                 {{ form_widget(form.login) }}
  76.             </div>
  77.         </div>
  78.         <div class="tc-block">
  79.             <div class="tc-block-header">
  80.                 {% if change_mode is defined and change_mode %}
  81.                 <h3 class="tc-bold">Saisissez un mot de passe uniquement si vous souhaitez changer l'actuel.</h3>
  82.                 {% endif %}
  83.             </div>
  84.             <div class="tc-block-body">
  85.                 <div style="margin-bottom:0">
  86.                     {{ form_label(form.password.children.first) }}
  87.                     {{ form_widget(form.password.children.first) }}
  88.                     {{ form_label(form.password.children.second) }}
  89.                     {{ form_widget(form.password.children.second) }}
  90.                 </div>
  91.                 {{ form_label(form.firstname) }}
  92.                 {{ form_widget(form.firstname) }}
  93.                 {{ form_label(form.lastname) }}
  94.                 {{ form_widget(form.lastname) }}
  95.                 {{ form_label(form.country) }}
  96.                 {{ form_widget(form.country) }}
  97.                 {% if change_mode is not defined or (change_mode is defined and not change_mode) %}
  98.                     {% include 'includes/recaptcha.inc.html.twig' %}
  99.                 {% endif %}
  100.             </div>
  101.         </div>
  102.     </div>
  103.     <div class="tc-panel-header">
  104.         <h2 id="complements" class="tc-neutral-color">Mes informations complémentaires</h2>
  105.     </div>
  106.     {% if afficher_questions_falcutatives is not defined or (afficher_questions_falcutatives is defined and not afficher_questions_falcutatives) %}
  107.     <div class="tc-panel-body">
  108.         <div class="tc-block">
  109.             <div class="tc-block-body">
  110.                 <p id="section_infos">Quelques questions facultatives pour mieux connaître nos visiteurs (informations non publiques)</p>
  111.                 {{ form_label(form.secteur) }}
  112.                 {{ form_widget(form.secteur) }}
  113.                 {{ form_label(form.structure) }}
  114.                 {{ form_widget(form.structure) }}
  115.                 {{ form_label(form.fonction) }}
  116.                 {{ form_widget(form.fonction) }}
  117.                 {{ form_label(form.address) }}
  118.                 {{ form_widget(form.address) }}
  119.                 {{ form_label(form.zip) }}
  120.                 {{ form_widget(form.zip) }}
  121.                 {{ form_label(form.city) }}
  122.                 {{ form_widget(form.city) }}
  123.                 {{ form_label(form.phone) }}
  124.                 {{ form_widget(form.phone) }}
  125.             </div>
  126.         </div>
  127.     </div>
  128.     {% endif %}
  129.     <div class="tc-panel-footer">
  130.         {% if change_mode is not defined or (change_mode is defined and not change_mode) %}
  131.             <p class="normal"> {{ form_row(form.thnet) }} Je souhaite recevoir la lettre d'information de theatre-contemporain.net</p>
  132.             {% if form.theduc is defined and form.theduc %}
  133.                 <p class="normal">{{ form.theduc.html|raw }} Je souhaite recevoir la lettre d'information de <strong>educ</strong>.theatre-contemporain.net</p>
  134.             {% endif %}
  135.         {% endif %}
  136.         {{ form_widget(form.validation) }}
  137.         <a href="/montheatre/" class="tc-btn-cancel">Annuler</a><br>
  138.     </div>
  139. {{ form_end(form) }}
  140. {% if clear_password_TODO is defined and clear_password_TODO %}
  141. <script type="text/javascript">
  142.     $(function(){
  143.         // vider la champ password
  144.         $('.password_field').val('');
  145.     });
  146. </script>
  147. {% endif %}
  148. {% if change_mode is defined and change_mode %}
  149. <script type="text/javascript">
  150.     $(document).ready(function() {
  151.         // remplir la région à partir du code postal
  152.         $("#zip").blur(function() {
  153.             val = $('#zip').val();
  154.             $.ajax({
  155.                 type: "GET",
  156.                 url: "/ajax/zipregion/zip/"+val,
  157.                 success: function(msg){
  158.                     msg = parseInt(msg);
  159.                     if(msg>0) {
  160.                         $("#idregion option:selected").attr("selected",'');
  161.                         $('#idregion option[value='+msg+']').attr("selected", "selected");
  162.                     }
  163.                 }
  164.             });
  165.         });
  166.     });
  167. </script>
  168. {% endif %}