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

Open in your IDE?
  1. {% extends "Frontend/base-recrutement.html.twig" %}
  3. {% block body %}
  4.     <div id="presentationCadre">
  5.         {% if poste_title %}
  6.            {% block title %}<title>Recrutements - {{ poste_title }}</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>
  15.         {% endif %}
  17.         {%  if parameters %}
  18.         <div class="row">
  19.             <div class="col">
  20.                 {{ parameters.slogan | raw }}
  21.             </div>
  22.         </div>
  24.         <div class="row">
  25.             <div class="col">
  26.                 {{ parameters.abstract | raw }}
  27.             </div>
  28.         </div>
  29.         {% endif %}
  31.         <div class="row mt-6">
  32.             <div class="col">
  33.                  {% if is_spontane %}
  34.                     <p>Cette plateforme vous permet de proposer  votre <b> candidature spontanée </b></p>
  35.                     <div id="posteDescription">{{ poste_description | raw}}</div>
  36.                     {% if poste_title %}
  37.                         <p>Pour déposer votre candidature, vous devez:
  38.                         <ol>
  39.                             <li>Créer un compte sur cette plateforme si ce n'est pas déjà le cas.</li>
  40.                             <li>Déposer votre cv et votre lettre de motivation sur votre espace personnel dans la rubrique <b>candidature spontanée</b>.</li>
  41.                         </ol>
  42.                         </p>
  43.                     {% endif %}
  44.                 {% elseif poste_title%}
  45.                     <p>Cette plateforme vous permet de proposer votre candidature à {{ site_name }} pour le poste de : </p>
  46.                     <div id="posteTitle">{{ poste_title }}</div>
  47.                     <div id="posteDescription">{{ poste_description | raw}}</div>
  48.                     <div id="posteFiche">{% if poste_fiche %}  <a target="_blank" class="btn btn-primary" href="{{ path('frontend_download_fiche_poste',{'id':poste_fiche.id}) }}"><i class="fa fa-eye"></i> Consulter la fiche du poste</a> {% endif %}
  49.                         {% if poste_annexe %}  <a target="_blank" class="btn btn-info" href="{{ path('frontend_download_fiche_poste',{'id':poste_annexe.id}) }}"><i class="fa fa-eye"></i> Consulter la liste des pièces à joindre</a> {% endif %}</div>
  50.                     <p>Pour candidater, vous devez:
  51.                     <ol>
  52.                         <li>Créer un compte sur ce site si ce n'est pas déjà le cas.</li>
  53.                         <li>Déposer l'ensemble de votre dossier sur votre espace personnel.</li>
  54.                     </ol>
  55.                     </p>
  56.                 {% else %}
  58.                 {% endif %}
  59.             </div>
  60.         </div>
  62.         <div id="msg-success" class="row" {% if message==""%}  style="display: none"      {% endif %}>
  63.             <div class="col">
  64.                 <div  id="msg-success" class="alert alert-{{message_type}}"><i class="fa fa-info-circle"></i>{{ message }}</div>
  65.             </div>
  66.         </div>
  68.         <div class="row mt-4">
  69.             <div id="login" class="col-sm-6 mb-4">
  70.                 {% if not private %}
  71.                 <div class="row">
  72.                     {% if poste_title %}
  73.                         <legend class="border-bottom">Vous avez déjà un compte </legend>
  74.                     {% else %}
  75.                         <legend class="border-bottom"> Accéder à votre espace </legend>
  76.                     {% endif %}
  78.                     <form class="form-horizontal" action="{{ path('frontend_candidat_login_check') }}" method="post">
  79.                         {% if error %}
  80.                             <div id="msg-error" class="alert alert-danger">
  81.                                 <i class="fa fa-info-circle"></i>
  82.                                 {% if error.message=='Bad credentials.' %}Identifiant et/ou mot de passe éronné.
  83.                                 {% elseif error.message=='User account is disabled.' %} Vous n'avez pas activé votre compte via le premier email que vous avez reçu.
  84.                                 {% elseif error.message=='The presented password cannot be empty.'%}Le mot de passe ne peut être vide.
  85.                                 {% elseif error.message=='The presented password is invalid.'%}Le mot de passe est invalide.
  86.                                 {% else %}{{error.message}}{% endif %}
  87.                             </div>
  88.                         {% endif %}
  90.                         <div class="row mb-2">
  91.                             <label class="col-sm-5" for="username">Identifiant :</label>
  92.                             <div class="col-sm-7">
  93.                                 <input type="text" class="form-control" id="username" name="_username" placeholder="adresse de messagerie" value="{{ last_username }}" />
  94.                             </div>
  95.                         </div>
  96.                         <div class="row mb-2">
  97.                             <label class="col-sm-5" for="password">Mot de passe  :</label>
  98.                             <div class="col-sm-7">
  99.                                 <input type="password" class="form-control" id="password" name="_password" />
  100.                             </div>
  101.                         </div>
  103.                         <div class="row">
  104.                             <div class="col-md-12 text-center">
  105.                                 <button type="submit" class="btn btn-success">  <span class="fa fa-sign-in-alt" aria-hidden="true"></span> Connexion</button>
  106.                             </div>
  107.                         </div>
  108.                     </form>
  110.                     <div class="passwordLink">
  111.                         <a id="pwdLink"  data-bs-toggle="modal" data-target="#msgPwdOublie"><i class="fa fa-user-circle"> </i> Mot de passe oublié ?</a><br>
  112.                         <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>
  113.                     </div>
  114.                 </div>
  115.                 {% endif %}
  116.                 <div id="login_cas" class="row {% if not private %}mt-4{% endif %}">
  117.                     <legend class="border-bottom">J'ai un compte universitaire </legend>
  118.                     <div class="col text-center">
  119.                             <a class="btn btn-success" href="{{ path('frontend_candidat_interne_view') }}"><i class="fa fa-sign-in-alt"></i> Connexion avec mon compte <br> {{ site_name }}</a>
  120.                     </div>
  121.                 </div>
  122.             </div>
  124.             <div class="col-sm-6">
  125.                 <div class="row">
  126.                     {% if poste_title %}
  127.                             {% if not private %}
  128.                             <legend>Créer votre compte</legend>
  129.                             <form id="form_create" class="form-horizontal" action="{{ path('frontend_candidat_poste', {'poste': poste})}}" method="post">
  130.                                 {{ form_errors(form) }}
  131.                                 <div class="row mb-2">
  132.                                     <label class="control-label  col-sm-4" for="{{ form.nom.vars.id }}">Nom :</label>
  133.                                     <div class="col-sm-8">
  134.                                         {{ form_widget(form.nom) }}
  135.                                     </div>
  136.                                 </div>
  137.                                 <div class="row mb-2">
  138.                                     <label class="control-label  col-sm-4" for="{{ form.prenom.vars.id }}">Prénom :</label>
  139.                                     <div class="col-sm-8">
  140.                                         {{ form_widget(form.prenom) }}
  141.                                     </div>
  142.                                 </div>
  143.                                 <div class="row mb-2">
  144.                                     <label class="control-label  col-sm-4" for="{{ form.genre.vars.id }}">Genre :</label>
  145.                                     <div class="col-sm-8">
  146.                                         {{ form_widget(form.genre) }}
  147.                                     </div>
  148.                                 </div>
  149.                                 <div class="row mb-2">
  150.                                     <label class="control-label  col-sm-5" for="{{ form.date_naissance.vars.id }}">Date de naissance :</label>
  151.                                     <div class="col-sm-7">
  152.                                         {{ form_widget(form.date_naissance) }}
  153.                                     </div>
  154.                                 </div>
  155.                                 <div class="row mb-2">
  156.                                     <label class="control-label  col-sm-5" for="{{ form.lieu_naissance.vars.id }}">Lieu de naissance :</label>
  157.                                     <div class="col-sm-7">
  158.                                         {{ form_widget(form.lieu_naissance) }}
  159.                                     </div>
  160.                                 </div>
  161.                                 <div class="row mb-2">
  162.                                     <label class="control-label  col-sm-4" for="{{ form.tel.vars.id }}">Tel :</label>
  163.                                     <div class="col-sm-8">
  164.                                         {{ form_widget(form.tel) }}
  165.                                     </div>
  166.                                 </div>
  167.                                 <div class="row mb-2">
  168.                                     <label class="control-label  col-sm-4" for="{{ form.email.vars.id }}">Courriel :</label>
  169.                                     <div class="col-sm-8">
  170.                                         {{ form_widget(form.email) }}
  171.                                     </div>
  172.                                 </div>
  173.                                 <div class="row mb-2">
  174.                                     <label class="control-label  col-sm-4" for="{{ form.adresse.vars.id }}">Adresse :</label>
  175.                                     <div class="col-sm-8">
  176.                                         {{ form_widget(form.adresse) }}
  177.                                     </div>
  178.                                 </div>
  179.                                 <div class="row mb-2">
  180.                                     <label class="control-label  col-sm-4" for="{{ form.cp.vars.id }}">CP :</label>
  181.                                     <div class="col-sm-8">
  182.                                         {{ form_widget(form.cp) }}
  183.                                     </div>
  184.                                 </div>
  185.                                 <div class="row mb-2">
  186.                                     <label class="control-label  col-sm-4" for="{{ form.ville.vars.id }}">Ville :</label>
  187.                                     <div class="col-sm-8">
  188.                                         {{ form_widget(form.ville) }}
  189.                                     </div>
  190.                                 </div>
  191.                                 <div class="row mb-2">
  192.                                     <label class="control-label  col-sm-4" for="{{ form.pays.vars.id }}">Pays :</label>
  193.                                     <div class="col-sm-8">
  194.                                         {{ form_widget(form.pays) }}
  195.                                     </div>
  196.                                 </div>
  197.                                 <div class="row mb-2">
  198.                                     <label class="control-label  col-sm-4" for="{{ form.password.password.vars.id }}">Mot de passe :</label>
  199.                                     <div class="col-sm-8">
  200.                                         {{ form_widget(form.password.password) }}
  201.                                     </div>
  202.                                 </div>
  203.                                 <div class="row mb-2">
  204.                                     <label class="control-label col-sm-4" for="{{ form.password.confirmation.vars.id }}">Confirmation :</label>
  205.                                     <div class="col-sm-8">
  206.                                         {{ form_widget(form.password.confirmation) }}
  207.                                     </div>
  208.                                 </div>
  209.                                 <div class="row mb-2">
  210.                                     <label class="control-label  col-sm-4" for="{{ form.terms.vars.id }}">Termes :</label>
  211.                                     <div class="col-sm-1 terms">
  212.                                         {{ form_widget(form.terms) }}
  213.                                     </div>
  214.                                     <div class="col-sm-offset-7">
  215.                                     </div>
  216.                                 </div>
  218.                                 {{ form_rest(form) }}
  220.                                 <div class="row">
  221.                                     <div class="col-md-12 text-center">
  222.                                         <button type="submit" class="btn btn-success"><i class="fa fa-check-circle" ></i> Valider</button>
  223.                                     </div>
  224.                                 </div>
  225.                             </form>
  226.                             {% else %}
  227.                                 <div class="alert alert-warning">
  228.                                     <i class="fa fa-info-circle"></i> Ce poste est réservé aux personnels de l'établissement.
  229.                                 </div>
  230.                             {% endif %}
  231.                     {% else %}
  232.                             <legend class="border-bottom">Candidater <a class="allPostes" href="{{  path('frontend_postes') }}"><i class="fa fa-hand-point-right"> </i> Postes</a></legend>
  234.                             <ul id="cats" class="nav nav-tabs" role="tablist">
  235.                                 {% for cat in cats %}
  236.                                     <li class="nav-item" role="presentation">
  237.                                         <button id="cat-tab-{{cat.id}}" class="nav-link {% if loop.first %}active{% endif %}" aria-selected="{% if loop.first %}true{% else %}false{% endif %}" aria-controls="cat-{{cat.id}}" data-bs-toggle="tab"  data-bs-target="#cat-{{cat.id}}">{{cat.name}}</button>
  238.                                     </li>
  239.                                 {% endfor %}
  240.                             </ul>
  241.                             <div id="catsContent" class="tab-content">
  242.                                 {% for cat in cats %}
  243.                                     {% set postes = attribute(postesByCategory, cat.id) %}
  244.                                     <div id="cat-{{cat.id}}" class="tab-pane fade  {% if loop.first %}show active{% endif %}" aria-labelledby="cat-tab-{{cat.id}}">
  245.                                         {% include 'Frontend/Candidat/carousel.html.twig' %}
  246.                                     </div>
  247.                                 {% endfor %}
  248.                             </div>
  250.                     {% endif %}
  251.                 </div>
  252.             </div>
  254.         </div>
  256.         <div class="row mt-4">
  257.             <legend class="border-bottom">Candidature spontanéee </legend>
  258.             <div class="col">
  259.                 <p>Cette plateforme vous permet de proposer votre candidature pour un poste en cours de parution ou par le biais d'une <a href="{{ path("frontend_candidat_poste",{"poste":"CAND_SPONT"}) }}"> candidature spontanée</a>. </p>
  260.             </div>
  261.         </div>
  262.     </div>
  264.     <div class="modal fade" id="msgPwdOublie" tabindex="-1" aria-labelledby="msgPwdOublieModalLabel" aria-hidden="true">
  265.         <div class="modal-dialog modal-dialog-centered">
  266.             <div class="modal-content">
  267.                 <div class="modal-header">
  268.                     <h5 class="modal-title" id="msgPwdOublieModalLabel">Générer un nouveau mot de passe</h5>
  269.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  270.                 </div>
  271.                 <div class="modal-body">
  272.                     <div class="row">
  273.                         <div class="col-3">
  274.                             <label for="user_login">Identifiant : </label>
  275.                         </div>
  276.                         <div class="col-9">
  277.                             <input id="user_login" placeholder="adresse de messagerie" class="form-control" type="text" value="" name="user_login">
  278.                         </div>
  279.                     </div>
  280.                 </div>
  281.                 <div class="modal-footer">
  282.                     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i class="fa fa-times-circle"></i> Fermer</button>
  283.                     <button id="submitPwd" class="btn btn-primary"> <i class="fa fa-paper-plane"></i> Générer un mot de passe</button>
  284.                 </div>
  285.             </div>
  286.         </div>
  287.     </div>
  289.     <div class="modal fade" id="msgActivSend" tabindex="-1" aria-labelledby="msgActivSendModalLabel" aria-hidden="true">
  290.         <div class="modal-dialog modal-dialog-centered">
  291.             <div class="modal-content">
  292.                 <div class="modal-header">
  293.                     <h5 class="modal-title" id="msgActivSendModalLabel">Renvoyer le courriel d'activation</h5>
  294.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  295.                 </div>
  296.                 <div class="modal-body">
  297.                     <div class="row">
  298.                         <div class="col-3">
  299.                             <label for="user_login_activ">Identifiant : </label>
  300.                         </div>
  301.                         <div class="col-9">
  302.                             <input id="user_login_activ" placeholder="adresse de messagerie" class="form-control" type="text" value="" name="user_login_activ">
  303.                         </div>
  304.                     </div>
  305.                 </div>
  306.                 <div class="modal-footer">
  307.                     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i class="fa fa-times-circle"></i> Fermer</button>
  308.                     <button id="submitActivSend" class="btn btn-primary"> <i class="fa fa-paper-plane"></i> Envoyer le courriel</button>
  309.                 </div>
  310.             </div>
  311.         </div>
  312.     </div>
  314.     <div class="modal fade" id="msgTermes" tabindex="-1" aria-labelledby="termesModalLabel" aria-hidden="true">
  315.         <div class="modal-dialog">
  316.             <div class="modal-content">
  317.                 <div class="modal-header">
  318.                     <h5 class="modal-title" id="termesModalLabel">Termes et conditions d'utilisation</h5>
  319.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  320.                 </div>
  321.                 <div class="modal-body">
  322.                     {% if is_spontane %}
  323.                         {% include 'Frontend/Candidat/Termes/termes-cand_spont.html.twig' %}
  324.                     {% else %}
  325.                         {% include 'Frontend/Candidat/Termes/termes.html.twig' %}
  326.                     {% endif %}
  327.                 </div>
  328.                 <div class="modal-footer">
  329.                     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><i class="fa fa-times-circle"></i> Fermer</button>
  330.                     <button id="validTermes" class="btn btn-primary"><i class="fa fa-user-check"></i> J'accepte</button>
  331.                 </div>
  332.             </div>
  333.         </div>
  334.     </div>
  337.     <script type="text/javascript">
  338.         $(document).ready(function() {
  340.             var msgTermes = new bootstrap.Modal(document.getElementById('msgTermes'));
  341.             var msgPwdOublie = new bootstrap.Modal(document.getElementById('msgPwdOublie'));
  342.             var msgActivSend= new bootstrap.Modal(document.getElementById('msgActivSend'));
  345.             $("#rec_candidat_terms").on('click', function (event){
  346.                 if(this.checked)
  347.                     msgTermes.show();
  348.             });
  350.             $("#activLink").on('click', function (event){
  351.                 event.preventDefault();
  352.                 msgActivSend.show();
  353.             });
  355.             $("#submitActivSend").on('click', function (event){
  356.                 event.preventDefault();
  357.                 msgActivSend.hide();
  359.                 var objData = {};
  360.                 var url = $(this.element).attr('data-url');
  361.                 objData = { mail: $("#user_login_activ").val() };
  363.                 if(validateEmail($("#user_login_activ").val()))
  364.                 {
  365.                     $.ajax({
  366.                         url: '{{  path('candidat_sendMailActivateAccount') }}',
  367.                         dataType: "json",
  368.                         data : objData,
  369.                         type: 'POST',
  370.                         success: function (data)
  371.                         {
  372.                             if(data.success==1)
  373.                             {
  374.                                 $("#msg-success").show();
  375.                                 $("#msg-success").find(".alert").html(data.message);
  376.                                 $("#msg-success").find(".alert").removeClass('alert-');
  377.                                 $("#msg-success").find(".alert").addClass('alert-info');
  378.                             }
  379.                             else
  380.                             {
  381.                                 $("#msg-error").show();
  382.                                 $("#msg-error").html(data.message);
  383.                             }
  384.                         }
  385.                     });
  386.                 }
  387.             });
  389.             $("#pwdLink").on('click', function (event){
  390.                 event.preventDefault();
  391.                 msgPwdOublie.show();
  392.             });
  394.             $("#submitPwd").on('click', function (event){
  395.                 event.preventDefault();
  396.                 msgPwdOublie.hide();
  397.                 var objData = {};
  398.                 var url = $(this.element).attr('data-url');
  399.                 objData = { mail: $("#user_login").val() };
  401.                 if(validateEmail($("#user_login").val()))
  402.                 {
  403.                     $.ajax({
  404.                         url: '{{  path('candidat_resetPwd') }}',
  405.                         dataType: "json",
  406.                         data : objData,
  407.                         type: 'POST',
  408.                         success: function (data)
  409.                         {
  410.                             if(data.success==1)
  411.                             {
  412.                                 $("#msg-success").show();
  413.                                 $("#msg-success").find(".alert").html(data.message);
  414.                                 $("#msg-success").find(".alert").removeClass('alert-');
  415.                                 $("#msg-success").find(".alert").addClass('alert-info');
  417.                             }
  418.                             else
  419.                             {
  420.                                 $("#msg-error").show();
  421.                                 $("#msg-error").html(data.message);
  422.                             }
  423.                         }
  424.                     });
  425.                 }
  426.             });
  428.         });
  430.         function validateEmail(sEmail) {
  431.             var filter = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
  432.             if (filter.test(sEmail)) {
  433.                 return true;
  434.             }
  435.             else {
  436.                 return false;
  437.             }
  438.         }
  440.     </script>
  443. {% endblock %}
  445. {% block contact %}
  446.     <p><a target="_blank" href="mailto:{{ mail_rh_recrutement }}">Contacter les ressources humaines</a></p>
  447. {% endblock %}