justification embauche
[auf_rh_dae.git] / project / dae / templates / dae / embauche.html
index 1825d1d..4253e88 100644 (file)
@@ -18,6 +18,8 @@
   <script type="text/javascript" src="{% admin_media_prefix %}js/core.js"></script>
   <script type="text/javascript" src="{% admin_media_prefix %}js/calendar.js"></script>
   <script type="text/javascript" src="{% admin_media_prefix %}js/admin/DateTimeShortcuts.js"></script>
+  <script src="{{ MEDIA_URL }}js/dae.js" type="text/javascript"></script>
+  <script src="{{ MEDIA_URL }}js/dae-embauche.js" type="text/javascript"></script>
 
   <style>
     h2.section {
@@ -41,6 +43,7 @@
     .gauche { float:left; }
     .droite { float:right; text-align:right; }
     .clear { clear:both; width:100%; }
+    th ul.errorlist {float: right;}
   </style>
 {% endblock %}
 
         {{ 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 %}
+        {% with forms.dossier as form %}
+            {% include "dae/embauche-dossier.html" %}
+        {% endwith %}
+      </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>
-
+      <p class="info">Les questions posées pour la justification apparaîtront après avoir enregistré le dossier.</p>
+      <table>
+      <tr>
+        <th>NOUVEL EMPLOYÉ</th>
+        <th>RENOUVELLEMENT, PROLONGATION, RECLASSEMENT, MOBILITÉ INTERNE</th>
+      </tr>
+      <tr>
+        <td> 
+        {% with justificationsNouveauForm as form %}
+          {% include "dae/justifications.html" %}
+        {% endwith %}
+        </td>
+        <td>
+        {% with justificationsAutreForm as form %}
+          {% include "dae/justifications.html" %}
+        {% endwith %}
+        </td>
+      </tr>
+      </table>
       <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 %}