justification embauche
[auf_rh_dae.git] / project / dae / templates / dae / embauche.html
index 3ad06a8..4253e88 100644 (file)
@@ -1,9 +1,26 @@
 {% extends 'base.html' %}
+{% load adminmedia %}
+
+{% block title %}RH - DAE - Embauche{% endblock %}
+{% block titre %}Ressources humaines{% endblock %}
+{% block sous_titre %}Demande d'autorisation d'embauche{% endblock %}
 
 {% block extrahead %}
   <script src="{{ MEDIA_URL }}js/jquery-1.5.1.min.js"
           type="text/javascript"></script>
 
+  {% comment  %} style pour le calendier {% endcomment %}
+  <script type="text/javascript">
+    window.__admin_media_prefix__ = "{% filter escapejs %}{% admin_media_prefix %}{% endfilter %}";
+  </script>
+  <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/calendrier.css" />
+  <script type="text/javascript" src="/admin/jsi18n/"></script>
+  <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 {
         width:100%;
     .gauche { float:left; }
     .droite { float:right; text-align:right; }
     .clear { clear:both; width:100%; }
+    th ul.errorlist {float: right;}
   </style>
 {% endblock %}
 
-{% block title %}
-  Embauche
-{% endblock %}
-
 {% block main %}
 <h1>Demandes d'autorisation d'engagement de personnel</h1>
-<form action="" method="post">
+<form action="" method="post" enctype="multipart/form-data">
 {% if step == 'poste' %}
     <h2 class="section">SECTION 1 - POSTE</h2>
     <fieldset>
         {{ 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">
-        function activateEmployeDropDown() {
-            $('#id_employe').change(loadEmploye);
-        }
+      <div id="form-dossier">
+        {% comment %}Wrapper du formulaire de dossier{% endcomment %}
+        {% with forms.dossier as form %}
+            {% include "dae/embauche-dossier.html" %}
+        {% endwith %}
+      </div>
 
-        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, activateDossierDropDowns);
-        }
-        activateEmployeDropDown();
-    </script>
-    
-    {% with forms.dossier as form %}
-        {% include "dae/embauche-dossier.html" %}
-    {% endwith %}
-    
-    <h2 class="section">SECTION 3 - COÛT GLOBAL</h2>
-    
-    <h2 class="section">SECTION 4 - JUSTIFICATION DE LA DEMANDE (OBLIGATOIRE)</h2>
-    
-    <input type="submit" name="save" value="Sauvegarder" />
-{% endif %}
-</form>
+      <fieldset>
+          <h2>Pièces jointes</h2>
+          <p class="info">CV, lettre de motivation...</p>
+          {% include "dae/pieces.html" %}
+      </fieldset>
+      
+      <h2 class="section">SECTION 3 - COÛT GLOBAL</h2>
+
+      <fieldset>
+
+        {% if new %}
+          <p>
+            Vous devez enregister ce dossier avant de pouvoir détailler le
+            coût global.
+          </p>
+        {% else %}
+          <table cellspacing="0" id="global-cost">
+            {% include 'dae/embauche-remun.html' %}
+          </table>
+
+          <select id="type-remun" name="type-remun">
+            <option value="">(Ajouter une ligne)</option>
+            {% for tr in type_remun %}
+              <option value="{{ tr.id }}">{{ tr.nom }}</option>
+            {% endfor %}
+          </select>
+        {% endif %}
+
+      </fieldset>
+
+      <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>
+  {% endif %}
 {% endblock %}