cleanup JS embauche
authorOlivier Larchevêque <olivier.larcheveque@auf.org>
Thu, 14 Apr 2011 14:57:31 +0000 (10:57 -0400)
committerOlivier Larchevêque <olivier.larcheveque@auf.org>
Thu, 14 Apr 2011 14:57:31 +0000 (10:57 -0400)
project/dae/models.py
project/dae/templates/dae/embauche-dossier.html
project/dae/templates/dae/embauche.html
project/dae/views.py
project/media/js/dae-embauche.js

index 2c8504f..eb578d2 100644 (file)
@@ -204,6 +204,14 @@ class Poste(PosteWorkflow, models.Model):
         else:
             return None
 
+    def get_default_devise(self):
+        """Récupère la devise par défaut en fonction de l'implantation (EUR autrement)"""
+        try:
+            implantation_devise = rh.TauxChange.objects.filter(implantation=self.implantation)[0].devise
+        except:
+            implantation_devise = 5 # EUR
+        return implantation_devise
+
     def __unicode__(self):
         """
         Cette fonction est consommatrice SQL car elle cherche les dossiers qui ont été liés à celui-ci.
index bfcd687..8fc7716 100644 (file)
-<div id="form-dossier">
-    <fieldset>
-    <h2>Classement et salaire de base</h2>
-    <table>
-        <tboby>
-        <tr>
-            <td colspan="7">
-                <h3>Ancien dossier <span class="info">(le cas échéant)</span></h3>
-            </td>
-        </tr>
-        {% comment %}
-        <tr>
-            <td colspan="3">
-                Davin Baragiotta - 
-                <span id="info_employe" class="info">Coord info</span>
-            </td>
-        </tr>
-        {% endcomment %}
-        <tr>
-            <th>{{ form.classement_anterieur.label_tag }}</th>
-            {% comment %}<th>Valeur du point</th>{% endcomment %}
-            <th colspan="4">{{ form.salaire_anterieur.label_tag }}</th>
-            <th>{{ form.statut_anterieur.label_tag }}</th>
-            <th>Type de contrat</th>
-        </tr>
-        <tr>
-            <td>{{ form.instance.classement_anterieur|default:"" }}<br />
-                {{ form.classement_anterieur.errors }}
-            </td>
-            {% comment %}<td>val point</td>{% endcomment %}
-            <td>{{ form.instance.salaire_anterieur|default:"" }}<br />
-                {{ form.salaire_anterieur.errors }}
-            </td>
-            <td>{% comment %}${% endcomment %}</td>
-            <td>{% comment %}0.00{% endcomment %}</td>
-            <td>{% comment %}€{% endcomment %}</td>
-            <td>{{ form.instance.statut_anterieur|default:"" }}<br />
-                {{ form.statut_anterieur.errors }}
-            </td>
-            <td></td>
-        </tr>
-        <tr>
-            <td colspan="7">
-                <h3>Précédant titulaire <span class="info">(le cas échéant)</span></h3>
-            </td>
-        </tr>
-        <tr>
-            <td colspan="7">
-                {{ form.instance.employe_anterieur }}
-                {% comment %} - 
-                <span id="info_employe" class="info">Nom du poste visé</span>
-                {% endcomment %}<br />
-                {{ form.employe_anterieur.errors }}
-            </td>
-        </tr>
-        <tr>
-            <th>{{ form.classement_titulaire_anterieur.label_tag }}</th>
-            {% comment %}<th>Valeur du point</th>{% endcomment %}
-            <th colspan="4">{{ form.salaire_titulaire_anterieur.label_tag }}</th>
-            <th>{{ form.statut_titulaire_anterieur.label_tag }}</th>
-            <th></th>
-        </tr>
-        <tr>
-            <td>{{ form.instance.classement_titulaire_anterieur }}<br />
-                {{ form.classement_titulaire_anterieur.errors }}
-            </td>
-            {% comment %}<td>val point</td>{% endcomment %}
-            <td>{{ form.instance.salaire_titulaire_anterieur }}</td>
-            <td>{% comment %}${% endcomment %}</td>
-            <td>{% comment %}0.00{% endcomment %}</td>
-            <td>{% comment %}€{% endcomment %}</td>
-            <td>{{ form.instance.statut_titulaire_anterieur }}</td>
-            <td></td>
-        </tr>
-        <tr>
-            <td colspan="7">
-                <h3>Proposition de classement</h3>
-            </td>
-        </tr>
-        {% comment %}
-        <tr>
-            <td colspan="7">
-                Davin Baragiotta - 
-                <span id="info_employe" class="info">Nom du poste visé</span>
-            </td>
-        </tr>
-        {% endcomment %}
-        <tr>
-            <th>{{ form.classement.label_tag }}</th>
-            {% comment %}<th>Valeur du point</th>{% endcomment %}
-            <th colspan="4">{{ form.salaire.label_tag }} en {{ form.devise }}</th>
-            <td colspan="2"></td>
-        </tr>
-        <tr>
-            <td>{{ form.classement }}<br />
-                {{ form.classement.errors }}
-            </td>
-            {% comment %}<td>val point</td>{% endcomment %}
-            <td>{{ form.salaire }} <span class="info">(fourchette du poste : {{ poste.salaire_min }} {{ poste.devise_min.code }} - {{ poste.salaire_max }} {{ poste.devise_max.code }})</span></td>
-            <td>{% comment %}${% endcomment %}</td>
-            <td>{% comment %}0.00{% endcomment %}</td>
-            <td>€</td>
-            <td colspan="2"></td>
-        </tr>
-        </tbody>
-    </table>
-    </fieldset>
-    
-    <script type="text/javascript">
-        function activateDossierDropDowns() {
-            $('#id_classement, #id_devise').change(loadSalaire);
-        }
-        function loadSalaire() {
-            $.getJSON('{% url salaire %}/' + $('#implantation').val() + '/' + 
-                $('#id_devise').val() + '/' + $('#id_classement').val(),
-                function(data) {
-                    $('#id_salaire').val(data.salaire_devise);
-                });
-        }
-        activateDossierDropDowns();
-    </script>
-    
-    <fieldset>
-    <h2>
-        Comparaison salariale 
-        <span class="info">
-        dans la région pour les employés occupant un poste similaire
-        </span>
-    </h2>
-    </fieldset>
-    
-    <fieldset>
-    <h2>Contrat</h2>
-    <table>
-        <tbody>
-        <tr>
-            <th>{{ form.type_contrat.label_tag }} :</th>
-            <td colspan="4">
-                {{ form.type_contrat }}<br />
-                {{ form.type_contrat.errors }}
-            </td>
-            <th>{{ form.remplacement.label_tag }} :</th>
-            <td>
-                {{ form.remplacement }}<br />
-                {{ form.remplacement.errors }}
-            </td>
-        </tr>
-        <tr>
-            <th rowspan="2">Durée :</th>
-            <td>du</td>
-            <td>
-                {{ form.contrat_date_debut }}<br />
-                <span class="info">({{form.contrat_date_debut.help_text }})</span><br />
-                {{ form.contrat_date_debut.errors }}
-            </td>
-            <td> au </td>
-            <td>
-                {{ form.contrat_date_fin }}<br />
-                <span class="info">({{form.contrat_date_fin.help_text }})</span><br />
-                {{ form.contrat_date_fin.errors }}
-            </td>
-            <th>{{ form.regime_travail.label_tag }} :<br />{{ form.regime_travail.errors }}</th>
-            <td>
-                {{ form.regime_travail }}
-                <span class="info">{{ form.regime_travail.help_text }}</span>
-            </td>
-        </tr>
-        <tr>
-            <td colspan="4" class="info">
-                <p>Pour une durée indéterminée, spécifier uniquement la date de début.</p>
-            </td>
-            <th>
-                {{ form.regime_travail_nb_heure_semaine.label_tag }} :<br />
-                {{ form.regime_travail_nb_heure_semaine.errors }}
-            </th>
-            <td>{{ form.regime_travail_nb_heure_semaine }}</td>
-        </tr>
-        <tr>
-            <th>Statut : </th>
-            <td colspan="4">
-                {{ form.statut }}
-                <span class="row">
-                {{ form.statut_residence }}
-                {% if form.statut.errors %}
-                    <br />
-                    {{ form.statut.errors }}
-                {% endif %}
-                {% if form.statut_residence.errors %}
-                    <br />
-                    {{ form.statut_residence.errors }}
-                {% endif %}
-                </span>
-            </td>
-            <th>{{ form.organisme_bstg.label_tag }} :</th>
-            <td>
-                {{ form.organisme_bstg }}
-                {% if form.organisme_bstg.errors %}
-                    <br />
-                    {{ form.organisme_bstg.errors }}
-                {% endif %}
-                <span class="info">{{ form.organisme_bstg.help_text }}</span>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-    </fieldset>
-    
-    <fieldset>
-    <h2>Accès et ouverture des comptes</h2>
-    <table>
-        <tbody>
-        <tr>
-            <th>
-                {{ form.compte_compta.label_tag }}
-            </th>
-            <td>
-                {{ form.compte_compta }}<br />
-                {{ form.compte_compta.errors }}
-            </td>
-            <th>
-                {{ form.compte_courriel.label_tag }}
-            </th>
-            <td>
-                {{ form.compte_courriel }}<br />
-                {{ form.compte_courriel.errors }}
-            </td>
-        </tr>
-        </tbody>
-    </table>
-    </fieldset>
+<fieldset>
+<h2>Classement et salaire de base</h2>
+<table>
+    <tboby>
+    <tr>
+        <td colspan="7">
+            <h3>Ancien dossier <span class="info">(le cas échéant)</span></h3>
+        </td>
+    </tr>
+    {% comment %}
+    <tr>
+        <td colspan="3">
+            Davin Baragiotta - 
+            <span id="info_employe" class="info">Coord info</span>
+        </td>
+    </tr>
+    {% endcomment %}
+    <tr>
+        <th>{{ form.classement_anterieur.label_tag }}</th>
+        {% comment %}<th>Valeur du point</th>{% endcomment %}
+        <th colspan="4">{{ form.salaire_anterieur.label_tag }}</th>
+        <th>{{ form.statut_anterieur.label_tag }}</th>
+        <th>Type de contrat</th>
+    </tr>
+    <tr>
+        <td>{{ form.instance.classement_anterieur|default:"" }}<br />
+            {{ form.classement_anterieur.errors }}
+        </td>
+        {% comment %}<td>val point</td>{% endcomment %}
+        <td>{{ form.instance.salaire_anterieur|default:"" }}<br />
+            {{ form.salaire_anterieur.errors }}
+        </td>
+        <td>{% comment %}${% endcomment %}</td>
+        <td>{% comment %}0.00{% endcomment %}</td>
+        <td>{% comment %}€{% endcomment %}</td>
+        <td>{{ form.instance.statut_anterieur|default:"" }}<br />
+            {{ form.statut_anterieur.errors }}
+        </td>
+        <td></td>
+    </tr>
+    <tr>
+        <td colspan="7">
+            <h3>Précédant titulaire <span class="info">(le cas échéant)</span></h3>
+        </td>
+    </tr>
+    <tr>
+        <td colspan="7">
+            {{ form.instance.employe_anterieur }}
+            {% comment %} - 
+            <span id="info_employe" class="info">Nom du poste visé</span>
+            {% endcomment %}<br />
+            {{ form.employe_anterieur.errors }}
+        </td>
+    </tr>
+    <tr>
+        <th>{{ form.classement_titulaire_anterieur.label_tag }}</th>
+        {% comment %}<th>Valeur du point</th>{% endcomment %}
+        <th colspan="4">{{ form.salaire_titulaire_anterieur.label_tag }}</th>
+        <th>{{ form.statut_titulaire_anterieur.label_tag }}</th>
+        <th></th>
+    </tr>
+    <tr>
+        <td>{{ form.instance.classement_titulaire_anterieur }}<br />
+            {{ form.classement_titulaire_anterieur.errors }}
+        </td>
+        {% comment %}<td>val point</td>{% endcomment %}
+        <td>{{ form.instance.salaire_titulaire_anterieur }}</td>
+        <td>{% comment %}${% endcomment %}</td>
+        <td>{% comment %}0.00{% endcomment %}</td>
+        <td>{% comment %}€{% endcomment %}</td>
+        <td>{{ form.instance.statut_titulaire_anterieur }}</td>
+        <td></td>
+    </tr>
+    <tr>
+        <td colspan="7">
+            <h3>Proposition de classement</h3>
+        </td>
+    </tr>
+    {% comment %}
+    <tr>
+        <td colspan="7">
+            Davin Baragiotta - 
+            <span id="info_employe" class="info">Nom du poste visé</span>
+        </td>
+    </tr>
+    {% endcomment %}
+    <tr>
+        <th>{{ form.classement.label_tag }}</th>
+        {% comment %}<th>Valeur du point</th>{% endcomment %}
+        <th colspan="4">{{ form.salaire.label_tag }} en {{ form.devise }}</th>
+        <td colspan="2"></td>
+    </tr>
+    <tr>
+        <td>{{ form.classement }}<br />
+            {{ form.classement.errors }}
+        </td>
+        {% comment %}<td>val point</td>{% endcomment %}
+        <td>{{ form.salaire }} <span class="info">(fourchette du poste : {{ poste.salaire_min }} {{ poste.devise_min.code }} - {{ poste.salaire_max }} {{ poste.devise_max.code }})</span></td>
+        <td>{% comment %}${% endcomment %}</td>
+        <td>{% comment %}0.00{% endcomment %}</td>
+        <td>€</td>
+        <td colspan="2"></td>
+    </tr>
+    </tbody>
+</table>
+</fieldset>
+
+<script type="text/javascript">
+    function activateDossierDropDowns() {
+        $('#id_classement, #id_devise').change(loadSalaire);
+    }
+    function loadSalaire() {
+        $.getJSON('{% url salaire %}/' + $('#implantation').val() + '/' + 
+            $('#id_devise').val() + '/' + $('#id_classement').val(),
+            function(data) {
+                $('#id_salaire').val(data.salaire_devise);
+            });
+    }
+    activateDossierDropDowns();
+</script>
+
+<fieldset>
+<h2>
+    Comparaison salariale 
+    <span class="info">
+    dans la région pour les employés occupant un poste similaire
+    </span>
+</h2>
+</fieldset>
+
+<fieldset>
+<h2>Contrat</h2>
+<table>
+    <tbody>
+    <tr>
+        <th>{{ form.type_contrat.label_tag }} :</th>
+        <td colspan="4">
+            {{ form.type_contrat }}<br />
+            {{ form.type_contrat.errors }}
+        </td>
+        <th>{{ form.remplacement.label_tag }} :</th>
+        <td>
+            {{ form.remplacement }}<br />
+            {{ form.remplacement.errors }}
+        </td>
+    </tr>
+    <tr>
+        <th rowspan="2">Durée :</th>
+        <td>du</td>
+        <td>
+            {{ form.contrat_date_debut }}<br />
+            <span class="info">({{form.contrat_date_debut.help_text }})</span><br />
+            {{ form.contrat_date_debut.errors }}
+        </td>
+        <td> au </td>
+        <td>
+            {{ form.contrat_date_fin }}<br />
+            <span class="info">({{form.contrat_date_fin.help_text }})</span><br />
+            {{ form.contrat_date_fin.errors }}
+        </td>
+        <th>{{ form.regime_travail.label_tag }} :<br />{{ form.regime_travail.errors }}</th>
+        <td>
+            {{ form.regime_travail }}
+            <span class="info">{{ form.regime_travail.help_text }}</span>
+        </td>
+    </tr>
+    <tr>
+        <td colspan="4" class="info">
+            <p>Pour une durée indéterminée, spécifier uniquement la date de début.</p>
+        </td>
+        <th>
+            {{ form.regime_travail_nb_heure_semaine.label_tag }} :<br />
+            {{ form.regime_travail_nb_heure_semaine.errors }}
+        </th>
+        <td>{{ form.regime_travail_nb_heure_semaine }}</td>
+    </tr>
+    <tr>
+        <th>Statut : </th>
+        <td colspan="4">
+            {{ form.statut }}
+            <span class="row">
+            {{ form.statut_residence }}
+            {% if form.statut.errors %}
+                <br />
+                {{ form.statut.errors }}
+            {% endif %}
+            {% if form.statut_residence.errors %}
+                <br />
+                {{ form.statut_residence.errors }}
+            {% endif %}
+            </span>
+        </td>
+        <th>{{ form.organisme_bstg.label_tag }} :</th>
+        <td>
+            {{ form.organisme_bstg }}
+            {% if form.organisme_bstg.errors %}
+                <br />
+                {{ form.organisme_bstg.errors }}
+            {% endif %}
+            <span class="info">{{ form.organisme_bstg.help_text }}</span>
+        </td>
+    </tr>
+    </tbody>
+</table>
+</fieldset>
+
+<fieldset>
+<h2>Accès et ouverture des comptes</h2>
+<table>
+    <tbody>
+    <tr>
+        <th>
+            {{ form.compte_compta.label_tag }}
+        </th>
+        <td>
+            {{ form.compte_compta }}<br />
+            {{ form.compte_compta.errors }}
+        </td>
+        <th>
+            {{ form.compte_courriel.label_tag }}
+        </th>
+        <td>
+            {{ form.compte_courriel }}<br />
+            {{ form.compte_courriel.errors }}
+        </td>
+    </tr>
+    </tbody>
+</table>
+</fieldset>
 
-</div>
index 0d2b26c..62eb4b9 100644 (file)
         {{ form.as_table }}
     </table>
     </fieldset>
-
-    <script type="text/javascript">
-        $('#id_poste').change(function() {
-            window.location = '{% url embauche %}/' + $(this).val();
-        });
-    </script>
 {% else %}
     <h2 class="section">SECTION 1 - POSTE</h2>
     <fieldset>
                                     value="{{ dossier.id }}" />
     </fieldset>
 
-    <script type="text/javascript">
-        
-        /* Ajout des datespickers sur les inputs loadés via AJAX.
-        On s'assure qu'on est pas dans le cas initial où ils sont déjà ajoutés.
-        (La façon dont c'est fait requiert que les inputs soient uniquement dans la partie AJAX).*/
-        function datepicker() {
-            var date_pickers = $(".datetimeshortcuts");
-            if (date_pickers.length == 0)
-                DateTimeShortcuts.init();
-        }
-    
-        function activateEmployeDropDown() {
-            $('#id_employe').change(loadEmploye);
-        }
-
-        function loadEmploye() {
-            var employeUrl = '{% url employe %}/' + $(this).val();
-            $('#form-employe').html('<tr><td>Chargement...</td></tr>')
-                .load(employeUrl, activateEmployeDropDown);
-            var dossierUrl = '{% url dossier %}/' + $('#poste').val() +
-                '/' + $(this).val();
-            $('#form-dossier').html('<tr><td>Chargement...</td></tr>')
-                .load(dossierUrl, function() {
-                        datepicker();
-                        activateDossierDropDowns();
-                    });
-        }
-        activateEmployeDropDown();
-      </script>
-
-      {% with forms.dossier as form %}
-        {% include "dae/embauche-dossier.html" %}
-      {% endwith %}
+      <div id="form-dossier">
+        {% comment %}Wrapper du formulaire de dossier{% endcomment %}
+      </div>
 
       <fieldset>
           <h2>Pièces jointes</h2>
           {% include "dae/pieces.html" %}
       </fieldset>
       
-      <script type="text/javascript">
-        function activateDossierDropDowns() {
-            $('#id_classement, #id_devise').change(loadSalaire);
-        }
-
-        function loadSalaire() {
-            $.getJSON('{% url salaire %}/' + $('#implantation').val() + '/' +
-                      $('#id_devise').val() + '/' + $('#id_classement').val(),
-              function(data) {
-                $('#id_salaire').val(data.salaire_devise);
-              });
-        }
-
-        activateDossierDropDowns();
-      </script>
-
       <h2 class="section">SECTION 3 - COÛT GLOBAL</h2>
 
       <fieldset>
 
       </fieldset>
 
-      <script type="text/javascript">
-        function round2(n) {
-            return Math.round(n * 100) / 100;
-        }
-
-        $('#global-cost input[id^="montant"]').live('keyup', function() {
-            var value = $(this).val(),
-                idParts = $(this).attr('id').split('-'),
-                name = idParts[0],
-                id = idParts[1];
-            if (name == 'montant') {
-                $('#montant_mois-' + id).val(round2(value / 12));
-            } else {
-                value = value * 12;
-                $('#montant-' + id).val(round2(value));
-            }
-            var taux = $('#taux_devise-' + id).val();
-            $('#montant_euro_mois-' + id).text(round2(value / taux / 12));
-            $('#montant_euro-' + id).text(round2(value / taux));
-        });
-      </script>
-
       <h2 class="section">SECTION 4 - JUSTIFICATION DE LA DEMANDE (OBLIGATOIRE)</h2>
 
       <input type="submit" name="save" value="Sauvegarder" />
     </form>
-    <script type="text/javascript">
-        $('#type-remun').change(function() {
-            if ($(this).val() != '') {
-                $('#global-cost').html('<tr><td>Chargement...</td></tr>')
-                                 .load('{% url add_remun %}/' +
-                                       $('#dossier').val() + '/' +
-                                       $(this).val(), function() {
-                    $('#type-remun').val('');
-                });
-            }
-        });
-    </script>
   {% endif %}
 {% endblock %}
 
index 6407a4d..2889b66 100644 (file)
@@ -303,6 +303,11 @@ def dossier(request, poste_key, employe_key):
 
     poste_source, poste_id = poste_key.split('-')
     poste = get_object_or_404(dae.Poste, pk=poste_id)
+
+    # Récupérer la devise de l'implantation lié au poste
+    implantation_devise = poste.get_default_devise()
+    data.update({'devise' : implantation_devise.id})
     if poste.id_rh_id is not None:
         poste_rh = get_object_or_404(rh.Poste, pk=poste.id_rh_id)
     else:
index a90b28c..41b6473 100644 (file)
@@ -2,5 +2,88 @@
 *          EMBAUCHE
 *******************************************************************************/
 
+function activateDossierDropDowns() {
+    $('#id_classement, #id_devise').change(loadSalaire);
+}
+
+function loadSalaire() {
+    $.getJSON('{% url salaire %}/' + $('#implantation').val() + '/' +
+              $('#id_devise').val() + '/' + $('#id_classement').val(),
+      function(data) {
+        $('#id_salaire').val(data.salaire_devise);
+      });
+}
+
+function round2(n) {
+    return Math.round(n * 100) / 100;
+}
+
+$('#global-cost input[id^="montant"]').live('keyup', function() {
+    var value = $(this).val(),
+        idParts = $(this).attr('id').split('-'),
+        name = idParts[0],
+        id = idParts[1];
+    if (name == 'montant') {
+        $('#montant_mois-' + id).val(round2(value / 12));
+    } else {
+        value = value * 12;
+        $('#montant-' + id).val(round2(value));
+    }
+    var taux = $('#taux_devise-' + id).val();
+    $('#montant_euro_mois-' + id).text(round2(value / taux / 12));
+    $('#montant_euro-' + id).text(round2(value / taux));
+});
+
+activateDossierDropDowns();
+
+$('#type-remun').change(function() {
+    if ($(this).val() != '') {
+        $('#global-cost').html('<tr><td>Chargement...</td></tr>')
+                         .load('{% url add_remun %}/' +
+                               $('#dossier').val() + '/' +
+                               $(this).val(), function() {
+            $('#type-remun').val('');
+        });
+    }
+});
+
+/* Ajout des datespickers sur les inputs loadés via AJAX.
+On s'assure qu'on est pas dans le cas initial où ils sont déjà ajoutés.
+(La façon dont c'est fait requiert que les inputs soient uniquement dans la partie AJAX).*/
+function datepicker() {
+    var date_pickers = $(".datetimeshortcuts");
+    if (date_pickers.length == 0)
+        DateTimeShortcuts.init();
+}
+
+function activateEmployeDropDown() {
+    $('#id_employe').change(loadEmploye);
+}
+
+function loadEmploye() {
+    var employeUrl = '/dae/employe/' + $(this).val();
+    $('#form-employe').html('<tr><td>Chargement...</td></tr>')
+        .load(employeUrl, activateEmployeDropDown);
+    var dossierUrl = '/dae/dossier/' + $('#poste').val() +
+        '/' + $(this).val();
+    $('#form-dossier').html('<tr><td>Chargement...</td></tr>')
+        .load(dossierUrl, function() {
+                datepicker();
+                activateDossierDropDowns();
+            });
+}
+
 $(document).ready(function() {
+
+    /* Lorsqu'on choisit un poste dans la liste on recharge la page avec le
+    poste chargé dans la view (grâce à son id dans l'URL).*/
+    $('#id_poste').change(function() {
+        window.location = '/dae/embauche/' + $(this).val();
+    });
+
+    /* on lance le JS au chargement de la page, la toute première fois,
+    puis on cable le change au select pour le rechargement. */
+    loadEmploye();
+    activateEmployeDropDown();
+
 });