templates/Frontend/Candidat/vacation.html.twig line 1

Open in your IDE?
  1. {% extends "Frontend/base-vacataire.html.twig" %}
  3. {% block body %}
  4.     <div id="presentationCadre">
  6.         {% block title %}<title>Espace vacataire</title>{% endblock %}
  7.          <div class="row mt-4 justify-content-end">
  8.             <div class="col-2 pt-2">
  9.                 <a href="{{ path('frontend_candidat') }}" class="btn btn-warning">
  10.                     <i class="fa fa-home"></i>
  11.                     Accueil
  12.                 </a>
  13.             </div>
  14.         </div>
  16.         <div class="row">
  17.             <div class="col">
  18.             <p>Cet espace vous permet de <b> déposer votre dossier de vacataire.</b></p>
  19.                 <p>Pour déposer votre dossier de vacataire, vous devez:
  20.                 <ol>
  21.                     <li>Créer un compte sur ce site si ce n'est pas déjà le cas.</li>
  22.                     <li>Déposer les différentes pièces sur votre espace personnel en sélectionnant auparavant la campagne de vacation.</li>
  23.                 </ol>
  24.                 </p>
  25.             </div>
  26.         </div>
  28.         <div id="msg-success" class="row" {% if message==""%}  style="display: none"      {% endif %}>
  29.             <div class="col">
  30.                 <div  id="msg-success" class="alert alert-{{message_type}}"><i class="fa fa-info-circle"></i> {{ message }}</div>
  31.             </div>
  32.         </div>
  34.         <div class="row mt-4">
  35.             <div id="login" class="col-sm-6">
  36.                 <div class="row">
  38.                     <legend class="border-bottom"> Accéder à votre espace </legend>
  40.                     <form class="form-horizontal" action="{{ path('frontend_vacataire_login_check') }}" method="post">
  41.                         {% if error %}
  42.                             <div id="msg-error" class="alert alert-danger">
  43.                                 <i class="fa fa-info-circle"></i>
  44.                                 {% if error.message=='Bad credentials.' %}Identifiant et/ou mot de passe éronné.
  45.                                 {% elseif error.message=='User account is disabled.' %} Vous n'avez pas activé votre compte via le premier email que vous avez reçu.
  46.                                 {% elseif error.message=='The presented password cannot be empty.'%}Le mot de passe ne peut être vide.
  47.                                 {% elseif error.message=='The presented password is invalid.'%}Le mot de passe est invalide.
  48.                                 {% else %}{{error.message}}{% endif %}
  49.                             </div>
  50.                         {% endif %}
  52.                         <div class="row mb-2">
  53.                             <label class="col-sm-5" for="username">Identifiant :</label>
  54.                             <div class="col-sm-7">
  55.                                 <input type="text" class="form-control" id="username" name="_username" placeholder="adresse de messagerie" value="{{ last_username }}" />
  56.                             </div>
  57.                         </div>
  58.                         <div class="row mb-2">
  59.                             <label class="col-sm-5" for="password">Mot de passe  :</label>
  60.                             <div class="col-sm-7">
  61.                                 <input type="password" class="form-control" id="password" name="_password" />
  62.                             </div>
  63.                         </div>
  65.                         <div class="row">
  66.                             <div class="col-md-12 text-center">
  67.                                 <button type="submit" class="btn btn-success">  <span class="fa fa-sign-in-alt" aria-hidden="true"></span> Connexion</button>
  68.                             </div>
  69.                         </div>
  70.                     </form>
  72.                     <div class="passwordLink">
  73.                         <a id="pwdLink"  data-bs-toggle="modal" data-target="#msgPwdOublie"><i class="fa fa-user-circle"> </i> Mot de passe oublié ?</a><br>
  74.                         <a id="activLink"  data-bs-toggle="modal" data-target="#msgActivSend"><i class="fa fa-user-circle"> </i> Vous n'avez pas reçu le mail d'activation ?</a>
  75.                     </div>
  77.                 </div>
  78.             </div>
  80.             <div class="col-sm-6">
  81.                 <div class="row">
  82.                     <legend>Créer votre compte</legend>
  83.                     <form id="form_create" class="form-horizontal" action="{{ path('frontend_vacataire')}}" method="post">
  84.                         {{ form_errors(form) }}
  85.                         <div class="row mb-2">
  86.                             <label class="form-label  col-sm-4" for="{{ form.nom.vars.id }}">Nom :</label>
  87.                             <div class="col-sm-8">
  88.                                 {{ form_widget(form.nom) }}
  89.                             </div>
  90.                         </div>
  91.                         <div class="row mb-2">
  92.                             <label class="form-label  col-sm-4" for="{{ form.prenom.vars.id }}">Prénom :</label>
  93.                             <div class="col-sm-8">
  94.                                 {{ form_widget(form.prenom) }}
  95.                             </div>
  96.                         </div>
  97.                         <div class="row mb-2">
  98.                             <label class="form-label  col-sm-4" for="{{ form.genre.vars.id }}">Genre :</label>
  99.                             <div class="col-sm-8">
  100.                                 {{ form_widget(form.genre) }}
  101.                             </div>
  102.                         </div>
  103.                         <div class="row mb-2">
  104.                             <label class="form-label  col-sm-4" for="{{ form.date_naissance.vars.id }}">Date de naissance :</label>
  105.                             <div class="col-sm-8">
  106.                                 {{ form_widget(form.date_naissance) }}
  107.                             </div>
  108.                         </div>
  109.                         <div class="row mb-2">
  110.                             <label class="form-label  col-sm-4" for="{{ form.lieu_naissance.vars.id }}">Lieu de naissance :</label>
  111.                             <div class="col-sm-8">
  112.                                 {{ form_widget(form.lieu_naissance) }}
  113.                             </div>
  114.                         </div>
  115.                         <div class="row mb-2">
  116.                             <label class="form-label  col-sm-4" for="{{ form.tel.vars.id }}">Tel :</label>
  117.                             <div class="col-sm-8">
  118.                                 {{ form_widget(form.tel) }}
  119.                             </div>
  120.                         </div>
  121.                         <div class="row mb-2">
  122.                             <label class="form-label  col-sm-4" for="{{ form.email.vars.id }}">Courriel :</label>
  123.                             <div class="col-sm-8">
  124.                                 {{ form_widget(form.email) }}
  125.                             </div>
  126.                         </div>
  127.                         <div class="row mb-2">
  128.                             <label class="form-label  col-sm-4" for="{{ form.adresse.vars.id }}">Adresse :</label>
  129.                             <div class="col-sm-8">
  130.                                 {{ form_widget(form.adresse) }}
  131.                             </div>
  132.                         </div>
  133.                         <div class="row mb-2">
  134.                             <label class="form-label  col-sm-4" for="{{ form.cp.vars.id }}">CP :</label>
  135.                             <div class="col-sm-8">
  136.                                 {{ form_widget(form.cp) }}
  137.                             </div>
  138.                         </div>
  139.                         <div class="row mb-2">
  140.                             <label class="form-label  col-sm-4" for="{{ form.ville.vars.id }}">Ville :</label>
  141.                             <div class="col-sm-8">
  142.                                 {{ form_widget(form.ville) }}
  143.                             </div>
  144.                         </div>
  145.                         <div class="row mb-2">
  146.                             <label class="form-label  col-sm-4" for="{{ form.pays.vars.id }}">Pays :</label>
  147.                             <div class="col-sm-8">
  148.                                 {{ form_widget(form.pays) }}
  149.                             </div>
  150.                         </div>
  151.                         <div class="row mb-2">
  152.                             <label class="form-label  col-sm-4" for="{{ form.password.password.vars.id }}">Mot de passe :</label>
  153.                             <div class="col-sm-8">
  154.                                 {{ form_widget(form.password.password) }}
  155.                             </div>
  156.                         </div>
  157.                         <div class="row mb-2">
  158.                             <label class="form-label col-sm-4" for="{{ form.password.confirmation.vars.id }}">Confirmation :</label>
  159.                             <div class="col-sm-8">
  160.                                 {{ form_widget(form.password.confirmation) }}
  161.                             </div>
  162.                         </div>
  163.                         <div class="row mb-2">
  164.                             <label class="form-label  col-sm-4" for="{{ form.terms.vars.id }}">Termes :</label>
  165.                             <div class="col-sm-1 terms">
  166.                                 {{ form_widget(form.terms) }}
  167.                             </div>
  168.                             <div class="col-sm-offset-7">
  169.                             </div>
  170.                         </div>
  172.                         {{ form_rest(form) }}
  174.                         <div class="control-group">
  175.                             <div class="controls">
  176.                                 <button type="submit" class="btn btn-success"><span class="fa fa-check-circle" ></span>  Valider</button>
  177.                             </div>
  178.                         </div>
  179.                     </form>
  180.                 </div>
  181.             </div>
  183.         </div>
  187.         <div class="modal fade" id="msgPwdOublie" tabindex="-1" aria-labelledby="msgPwdOublieModalLabel" aria-hidden="true">
  188.             <div class="modal-dialog modal-dialog-centered">
  189.                 <div class="modal-content">
  190.                     <div class="modal-header">
  191.                         <h5 class="modal-title" id="msgPwdOublieModalLabel">Générer un nouveau mot de passe</h5>
  192.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  193.                     </div>
  194.                     <div class="modal-body">
  195.                         <div class="row">
  196.                             <div class="col-3">
  197.                                 <label for="user_login">Identifiant : </label>
  198.                             </div>
  199.                             <div class="col-9">
  200.                                 <input id="user_login" placeholder="adresse de messagerie" class="form-control" type="text" value="" name="user_login">
  201.                             </div>
  202.                         </div>
  203.                     </div>
  204.                     <div class="modal-footer">
  205.                         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i class="fa fa-times-circle"></i> Fermer</button>
  206.                         <button id="submitPwd" class="btn btn-primary"> <i class="fa fa-paper-plane"></i> Générer un mot de passe</button>
  207.                     </div>
  208.                 </div>
  209.             </div>
  210.         </div>
  212.         <div class="modal fade" id="msgActivSend" tabindex="-1" aria-labelledby="msgActivSendModalLabel" aria-hidden="true">
  213.             <div class="modal-dialog modal-dialog-centered">
  214.                 <div class="modal-content">
  215.                     <div class="modal-header">
  216.                         <h5 class="modal-title" id="msgActivSendModalLabel">Renvoyer le courriel d'activation</h5>
  217.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  218.                     </div>
  219.                     <div class="modal-body">
  220.                         <div class="row">
  221.                             <div class="col-3">
  222.                                 <label for="user_login_activ">Identifiant : </label>
  223.                             </div>
  224.                             <div class="col-9">
  225.                                 <input id="user_login_activ" placeholder="adresse de messagerie" class="form-control" type="text" value="" name="user_login_activ">
  226.                             </div>
  227.                         </div>
  228.                     </div>
  229.                     <div class="modal-footer">
  230.                         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i class="fa fa-times-circle"></i> Fermer</button>
  231.                         <button id="submitActivSend" class="btn btn-primary"> <i class="fa fa-paper-plane"></i> Envoyer le courriel</button>
  232.                     </div>
  233.                 </div>
  234.             </div>
  235.         </div>
  237.         <div class="modal fade" id="msgTermes" tabindex="-1" aria-labelledby="termesModalLabel" aria-hidden="true">
  238.             <div class="modal-dialog">
  239.                 <div class="modal-content">
  240.                     <div class="modal-header">
  241.                         <h5 class="modal-title" id="termesModalLabel">Termes et conditions d'utilisation</h5>
  242.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  243.                     </div>
  244.                     <div class="modal-body">
  245.                             {% include 'Frontend/Candidat/Termes/termes.html.twig' %}
  246.                     </div>
  247.                     <div class="modal-footer">
  248.                         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i class="fa fa-times-circle"></i> Fermer</button>
  249.                         <button id="validTermes" class="btn btn-primary"><i class="fa fa-user-check"></i> J'accepte</button>
  250.                     </div>
  251.                 </div>
  252.             </div>
  253.         </div>
  255.     </div>
  257.     <script type="text/javascript">
  258.         $(document).ready(function() {
  260.             var msgTermes = new bootstrap.Modal(document.getElementById('msgTermes'));
  261.             var msgPwdOublie = new bootstrap.Modal(document.getElementById('msgPwdOublie'));
  262.             var msgActivSend= new bootstrap.Modal(document.getElementById('msgActivSend'));
  264.             $("#rec_candidat_terms").on('click', function (event){
  265.                 if(this.checked)
  266.                     msgTermes.show();
  267.             });
  269.             $("#activLink").on('click', function (event){
  270.                 event.preventDefault();
  271.                 msgActivSend.show();
  272.             });
  274.             $("#submitActivSend").on('click', function (event){
  275.                 event.preventDefault();
  276.                 msgActivSend.hide();
  278.                 var objData = {};
  279.                 var url = $(this.element).attr('data-url');
  280.                 objData = { mail: $("#user_login_activ").val() };
  282.                 if(validateEmail($("#user_login_activ").val()))
  283.                 {
  284.                     $.ajax({
  285.                         url: '{{  path('frontend_vacataire_activate_account') }}',
  286.                         dataType: "json",
  287.                         data : objData,
  288.                         type: 'POST',
  289.                         success: function (data)
  290.                         {
  291.                             if(data.success==1)
  292.                             {
  293.                                 $("#msg-success").show();
  294.                                 $("#msg-success").find(".alert").html(data.message);
  295.                                 $("#msg-success").find(".alert").removeClass('alert-');
  296.                                 $("#msg-success").find(".alert").addClass('alert-info');
  297.                             }
  298.                             else
  299.                             {
  300.                                 $("#msg-error").show();
  301.                                 $("#msg-error").html(data.message);
  302.                             }
  303.                         }
  304.                     });
  305.                 }
  306.             });
  308.             $("#pwdLink").on('click', function (event){
  309.                 event.preventDefault();
  310.                 msgPwdOublie.show();
  311.             });
  313.             $("#submitPwd").on('click', function (event){
  314.                 event.preventDefault();
  315.                 msgPwdOublie.hide();
  316.                 var objData = {};
  317.                 var url = $(this.element).attr('data-url');
  318.                 objData = { mail: $("#user_login").val() };
  320.                 if(validateEmail($("#user_login").val()))
  321.                 {
  322.                     $.ajax({
  323.                         url: '{{  path('frontend_vacataire_mdp') }}',
  324.                         dataType: "json",
  325.                         data : objData,
  326.                         type: 'POST',
  327.                         success: function (data)
  328.                         {
  329.                             if(data.success==1)
  330.                             {
  331.                                 $("#msg-success").show();
  332.                                 $("#msg-success").find(".alert").html(data.message);
  333.                                 $("#msg-success").find(".alert").removeClass('alert-');
  334.                                 $("#msg-success").find(".alert").addClass('alert-info');
  336.                             }
  337.                             else
  338.                             {
  339.                                 $("#msg-error").show();
  340.                                 $("#msg-error").html(data.message);
  341.                             }
  342.                         }
  343.                     });
  344.                 }
  345.             });
  347.         });
  349.         function validateEmail(sEmail) {
  350.             var filter = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
  351.             if (filter.test(sEmail)) {
  352.                 return true;
  353.             }
  354.             else {
  355.                 return false;
  356.             }
  357.         }
  359.     </script>
  361. {% endblock %}
  363. {% block contact %}
  364.   <p><a target="_blank" href="mailto:{{ mail_rh_vacataire }}">Contacter les ressources humaines</a></p>
  365. {% endblock %}