fix form poste
[auf_rh_dae.git] / project / dae / templates / dae / poste.html
index 3b18fdf..7ced63e 100644 (file)
 {% extends 'base.html' %}
+{% load adminmedia %}
+
+{% block title %}RH - DAE - Poste{% 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>
   <script src="{{ MEDIA_URL }}js/jquery-ui-1.8.11.custom.min.js"
           type="text/javascript"></script>
-  <link href="{{ MEDIA_URL }}/css/redmond/jquery-ui-1.8.11.custom.css"
-        rel="stylesheet" />
-
-  <style>
-    h1.section {background-color: #D0E8F8; text-align: center; color: #5F5F5F; margin: 50px 0px 26px 0px; border-bottom: 3px solid #BBD8EC; padding: 4px;}
-    .row {padding: 10px 0px; clear: both; display:block;}
-    .row * {float: left; margin: 0px; padding: 0px; margin-right: 4px;}
-    .row li {list-style-type: none;}
-    .underline {text-decoration: underline;}
-    .clear {display: block; clear: both;}
-    .note {text-decoration: underline; font-style: italic; margin-left: 12px;}
-    .info {font-size:13px;  font-style: italic;}
-    .noborder {border:none; margin:0; padding; 0}
-    tr.noborder td {border:none; padding-left: 0;}
-  </style>
-{% endblock %}
 
-{% block title %}
-  Formulaire poste
-{% endblock %}
+  {% 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" />
+  <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/dae.css" />
 
-{% block main %}
+  <script type="text/javascript" src="/admin/jsi18n/"></script>
+  <script type="text/javascript" src="{% admin_media_prefix %}js/core.js"></script>
 
-  <form action="" method="post">
+  {{ form.media }}
 
-    <h1 class="section">SECTION 1 - POSTE</h1>
+  <script src="{{ MEDIA_URL }}jquery-autocomplete/jquery.autocomplete.js" type="text/javascript"></script>
+  <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}jquery-autocomplete/jquery.autocomplete.css" />
 
-    <div class="row">
-        {{ form.implantation.label_tag }} {{ form.implantation.errors }} <span> : </span><span>{{ form.implantation }}<span>
-        {{ form.service.label_tag }} {{ form.service.errors }} <span> : </span><span>{{ form.service }}</span>
-    </div>
 
-    <div class="row">{{ form.nom.label_tag }} {{ form.nom.errors }} <span> : </span>{{ form.nom }}</span></div>
+  <script src="{{ MEDIA_URL }}js/dae.js" /></script>
+  <script src="{{ MEDIA_URL }}js/dae-poste.js" /></script>
 
-    <div class="row">{{ form.poste.label_tag }} {{form.poste.errors }} <span> : </span><span>{{ form.poste }}</span>
-        <span class="note">Justifier à la section 4<span>
-    </div>
+{% endblock %}
 
-    <div class="row">{{ form.responsable.label_tag }} {{ form.responsable.errors }} <span> : </span><span>{{ form.responsable }}</span></div>
+{% block main %}
+<h1>Demande d'autorisation de création de poste</h1>
 
-    <div class="row">
-        <span class="underline">{{ form.statut_residence.label_tag }}</span> <span> : </span> <span>{{ form.statut_residence.errors }} {{ form.statut_residence }} {{ form.mise_a_disposition.label_tag }}  {{ form.mise_a_disposition.errors }} {{ form.mise_a_disposition }}</span>
-    </div>
+<form action="" method="post" enctype="multipart/form-data">
 
-    <div class="row">{{ form.appel.label_tag }} {{ form.appel.errors }} <span> : </span> <span>{{ form.appel }}</span></div>
+    <fieldset>
+    <h2>
+        {% if new %}
+            Nouveau poste
+        {% else %}
+            Poste existant : {{ poste.nom }} ({{ poste.implantation.nom }})
+        {% endif %}
+    </h2>
+    <table>
+        <tbody>
+        <tr>
+            <th>{{ form.implantation.label_tag }} :<br />{{ form.implantation.errors }}</th>
+            <td>{{ form.implantation }}</td>
+        </tr>
+        <tr>
+            <th>{{ form.poste.label_tag }} :<br />{{ form.poste.errors }}</th>
+            <td>{{ form.poste }} <span class="info">Au changement de ce menu, la page va être rechargée.</span></td>
+        </tr>
+        <tr>
+            <th>{{ form.nom.label_tag }} :<br />{{ form.nom.errors }}</th>
+            <td>{{ form.nom }}</td>
+        </tr>
+        <tr>
+            <th>{{ form.type_poste.label_tag }} :<br />{{ form.type_poste.errors }}</th>
+            <td>{{ form.type_poste }}</td>
+        </tr>
+        <tr>
+            <th>{{ form.service.label_tag }} :<br />{{ form.service.errors }}</th>
+            <td>{{ form.service }}</td>
+        </tr>
+        <tr>
+            <th>{{ form.responsable.label_tag }} :<br />{{ form.responsable.errors }}</th>
+            <td>
+                <span class="info">Recherche intelligente : vous pouvez tapez le nom du poste, ou encore la dernière qui occupe celui-ci. Assurez-vous que le poste de responsable choisi dans la liste est reporté en dessous du champs de recherche, cela signifie qu'il est sélectionné.</span>
+                {{ form.responsable }}
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    </fieldset>
 
-    <div class="row">
-        <label>Durée prévue du poste </label> <span class="underline">(indépendamment du titulaire du poste)</span> :
-    </div>
+    <fieldset>
+    <h2>Recrutement</h2>
+    <table>
+        <tbody>
+        <tr>
+            <th>Statut :<br />{{ form.local.errors }} {{ form.expatrie.errors }}</th>
+            <td>
+                <span class="row">
+                {{ form.local.label_tag }}  {{ form.local }} {{ form.expatrie.label_tag }} {{ form.expatrie }} 
+                {{ form.mise_a_disposition.label_tag }} 
+                {{ form.mise_a_disposition.errors }} 
+                {{ form.mise_a_disposition }}
+                </span>
+            </td>
+        </tr>
+        <tr>
+            <th>{{ form.appel.label_tag }} :<br />{{ form.appel.errors }}</th>
+            <td>
+                <span class="row">
+                {{ form.appel }}
+                </span>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    </fieldset>
 
+    <fieldset>
+    <h2>Durée prévue du poste </h2> 
+    <span class="info">Indépendamment du titulaire du poste</span>
+    <table>
+        <tbody>
+        <tr>
+            <th rowspan="2">Durée :</th>
+            <td>du</td>
+            <td>
+                {{ form.date_debut }}<br />
+                <span class="info">({{form.date_debut.help_text }})</span><br />
+                {{ form.date_debut.errors }}
+            </td>
+            <td> au </td>
+            <td>
+                {{ form.date_fin }}<br />
+                <span class="info">({{form.date_fin.help_text }})</span><br />
+                {{ form.date_fin.errors }}
+            </td>
+            <th>{{ form.regime_travail.label_tag }} :<br />{{ form.regime_travail.errors }}</th>
+            <td colspan="4">
+                {{ form.regime_travail }}
+                <span class="info">{{ form.regime_travail.help_text }}</span>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="4" class="info">
+                <p id="note-duree">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>
+        </tbody>
+    </table>
+    </fieldset>
 
-    <div class="row">
-        <label>Durée déterminée : </label> <span>du ({{form.date_debut.help_text }}) : </span> <span>{{ form.date_debut.errors }} {{ form.date_debut }}</span> <span> au ({{form.date_fin.help_text }}) : </span> <span>{{ form.date_fin.errors }} {{ form.date_fin }}</span>
-        <span class="note">Pour une durée indéterminée, spécifier uniquement la date de début<span>
-    </div>
+    <fieldset>
+    <h2>Classement du poste</h2>
+    <table id="classement">
+        <tbody>
+        <tr>
+            <th></th>
+            <th>Échelon AUF</th>
+            <th>Valeur du point</th>
+            <th>Devise</th>
+            <th colspan="2">Salaire de base</th>
+            <th colspan="2">Indemnité, responsabilité (le cas échéant)</th>
+            <th colspan="2">Autres</th>
+            <th colspan="2">TOTAL</th>
+            <th>Taux&nbsp;>&nbsp;€</th>
+            <th colspan="2">Conversion EUR</th>
+        </tr>
+        <tr>
+            <th>Minimum</th>
+            <td>
+                {{ form.classement_min }}
+                {{ form.classement_min.errors }}
+            </td>
+            <td>
+                {{ form.valeur_point_min }}
+                {{ form.valeur_point_min.errors }}
+            </td>
+            <td>
+                {{ form.devise_min }}
+                {{ form.devise_min.errors }}
+            </td>
+            <td>
+                {{ form.salaire_min }}
+                {{ form.salaire_min.errors }}
+            </td>
+            <td><span class="devise_code">EUR</span></td>
+            <td>{{ form.indemn_min }}</td>
+            <td><span class="devise_code">EUR</span></td>
+            <td>{{ form.autre_min }}</td>
+            <td><span class="devise_code">EUR</span></td>
+            <td id="total_min" class="total-devise cell-nombre">0.00</td>
+            <td><span class="devise_code">EUR</span></td>
+            <td class="taux">1</td>
+            <td id="total_min_euro" class="total-euro cell-nombre">0.00</td>
+            <td>€</td>
+        </tr>
+        <tr>
+            <th>Maximun</th>
+            <td>
+                {{ form.classement_max }}
+                {{ form.classement_max.errors }}
+            </td>
+            <td>
+                {{ form.valeur_point_max }}
+                {{ form.valeur_point_max.errors }}
+            </td>
+            <td>
+                {{ form.devise_max }}
+                {{ form.devise_max.errors }}
+            </td>
+            <td>
+                {{ form.salaire_max }}
+                {{ form.salaire_max.errors }}
+            </td>
+            <td><span class="devise_code">EUR</span></td>
+            <td>{{ form.indemn_max }}</td>
+            <td><span class="devise_code">EUR</span></td>
+            <td>{{ form.autre_max }}</td>
+            <td><span class="devise_code">EUR</span></td>
+            <td id="total_max" class="total-devise cell-nombre">0.00</td>
+            <td><span class="devise_code">EUR</span></td>
+            <td class="taux">1</td>
+            <td id="total_max_euro" class="total-euro cell-nombre">0.00</td>
+            <td>€</td>
+        </tr>
+        </tbody>
+    </table>
 
-    <div class="row">
-        <label>Régime de travail</label><span> : </span> <span>Temps complet 100%,  Temps partiel : </span>{{ form.regime_travail.errors }} {{ form.regime_travail }}<span>%</span>
-        <label>Nbr heures par semaine</label><span> : </span> <span>{{ form.regime_travail_nb_heure_semaine.errors }} {{ form.regime_travail_nb_heure_semaine }}</span>
-    </div>
+    <p class="info">N.B Conversion en EUROS au taux de change budgétaire</p>
+    </fieldset>
 
-    <table class="noborder">
-        <tr class="noborder">
-            <td><label>Classement du poste</label> : </td>
-            <td><label>Éléments de comparaison<label> : <p class="info">Compléter uniquement lors de la création d'un poste</p></td>
-        </tr>
-        <tr>
-            <td class="noborder">
-                <table>
-                    <tr>
-                        <th></th>
-                        <th>Échelon AUF</th>
-                        <th>Salaire de base</th>
-                        <th>Indemnité, responsabilité (le cas échéant)</th>
-                        <th>Autres</th>
-                        <th>TOTAL</th>
-                        <th>Conversion EUR</th>
-                    </tr>
-                    <tr>
-                        <th>Minimum</th>
-                        <td>{{ form.classement_min }}</td>
-                        <td>{{ form.salaire_min }}</td>
-                        <td>{{ form.indemn_min }}</td>
-                        <td>{{ form.autre_min }}</td>
-                        <td>??</td>
-                        <td>??</td>
-                    </tr>
-                    <tr>
-                        <th>Maximun</th>
-                        <td>{{ form.classement_max }}</td>
-                        <td>{{ form.salaire_max }}</td>
-                        <td>{{ form.indemn_min }}</td>
-                        <td>{{ form.autre_max }}</td>
-                        <td>??</td>
-                        <td>??</td>
-                    </tr>
-                </table>
-            </td>
-            <td class="noborder">
-                <table>
-                    <tr>
-                        <th></th>
-                        <th>Locale</th>
-                        <th>Université</th>
-                        <th>Fonction publique</th>
-                        <th>ONG</th>
-                        <th>Autre</th>
-                    </tr>
-                    <tr>
-                        <th>Minimum</th>
-                        <td>{{ form.comp_locale_min }}</td>
-                        <td>{{ form.comp_universite_min }}</td>
-                        <td>{{ form.comp_fonctionpub_min }}</td>
-                        <td>{{ form.comp_ong_min }}</td>
-                        <td>{{ form.comp_autre_min }}</td>
-                    </tr>
-                    <tr>
-                        <th>Maximum</th>
-                        <td>{{ form.comp_locale_max }}</td>
-                        <td>{{ form.comp_universite_max }}</td>
-                        <td>{{ form.comp_fonctionpub_max }}</td>
-                        <td>{{ form.comp_ong_max }}</td>
-                        <td>{{ form.comp_autre_max }}</td>
-                    </tr>
-                </table>
-            </td>
-        </tr>
-        </table>
-
-        <p class="info">N.B Conversion en EUROS au taux de change budgétaire</p>
-
-        <h1 class="section clear">SECTION 2 - PERSONNEL ENGAGÉ</h1>
-        <div class="row"></div>
-
-        <h1 class="section">SECTION 3 - COÛT GLOBAL</h1>
-        <div class="row"></div>
-
-        <h1 class="section">SECTION 4 - JUSTIFICATION DE LA DEMANDE (OBLIGATOIRE)</h1>
-        <div class="row"></div>
-
-
-    {% comment %}
+    {% comment %}{% if new %}{% endcomment %}
+    <fieldset>
+    <h2>Éléments de comparaison</h2>
+    <span class="info">Compléter uniquement lors de la création d'un poste</span>
     <table>
-    {{ form.as_table }}
+        <tbody>
+        <tr>
+            <th>Devise</th>
+            <td>
+                {{ form.devise_comparaison }}
+                {{ form.devise_comparaison.errors }}
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <table id="elements-comparaison">
+        <tbody>
+        <tr>
+            <th></th>
+            <th>Université</th>
+            <th>Fonction publique</th>
+            <th>Entreprise locale</th>
+            <th>ONG</th>
+            <th>Autre</th>
+        </tr>
+        <tr>
+            <th>Minimum</th>
+            <td>{{ form.comp_universite_min }}<span class="devise"></span> (<span class="devise_euro"></span>)</td>
+            <td>{{ form.comp_fonctionpub_min }}<span class="devise"></span> (<span class="devise_euro"></span>)</td>
+            <td>{{ form.comp_locale_min }}<span class="devise"></span> (<span class="devise_euro"></span>)</td>
+            <td>{{ form.comp_ong_min }}<span class="devise"></span> (<span class="devise_euro"></span>)</td>
+            <td>{{ form.comp_autre_min }}<span class="devise"></span> (<span class="devise_euro"></span>)</td>
+        </tr>
+        <tr>
+            <th>Maximum</th>
+            <td>{{ form.comp_universite_max }}<span class="devise"></span> (<span class="devise_euro"></span>)</td>
+            <td>{{ form.comp_fonctionpub_max }}<span class="devise"></span> (<span class="devise_euro"></span>)</td>
+            <td>{{ form.comp_locale_max }}<span class="devise"></span> (<span class="devise_euro"></span>)</td>
+            <td>{{ form.comp_ong_max }}<span class="devise"></span> (<span class="devise_euro"></span>)</td>
+            <td>{{ form.comp_autre_max }}<span class="devise"></span> (<span class="devise_euro"></span>)</td>
+        </tr>
+        </tbody>
     </table>
-    {% endcomment %}
+    </fieldset>
+    {% comment %}{% endif %}{% endcomment %}
+
+    <fieldset>
+    <h2>Pièces jointes</h2>
+    <p class="info">Compléter uniquement lors de la création d'un poste</p>
+    {% include "dae/pieces.html" %}
+    </fieldset>
+
+    <fieldset>
+    <h2>Financement</h2>
+    <span class="info">Si vous avez plusieurs financements, cliquer sur sauvegarder et une nouvelle ligne de financement sera disponible.</span>
+    {% include "dae/financements.html" %}
+    </fieldset>
+
+    <fieldset>
+    <h2>Justification de la demande</h2>
+    <span class="info">La justification est obligatoire pour la création et le renouvellement d'un poste</span>
+    <br /><br />
+    <div>
+    {{ form.justification.errors }}
+    {{ form.justification }}
+    </div>
+    </fieldset>
 
     <input type="submit" name="save" value="Sauvegarder" />
-  </form>
-
-  <h2>Financement</h2>
-
-  <table cellspacing="0" id="financing">
-    <tr>
-      <th>Type</th>
-      <th>Montant</th>
-      <th>Devise</th>
-      <th>Pourcentage</th>
-      <th>Commentaire</th>
-      <th></th>
-    </tr>
-    {% for fin in poste.financements.all %}
-      <tr>
-        <td>{{ fin.type }}</td>
-        <td>{{ fin.montant }}</td>
-        <td>{{ fin.devise }}</td>
-        <td>{{ fin.pourcentage }}</td>
-        <td>{{ fin.commentaire }}</td>
-        <td><a href="{% url financement poste_key fin.id %}">Modifier</a></td>
-      </tr>
-    {% empty %}
-      <tr>
-        <td colspan="5">
-          {% if new %}
-            Vous devez enregister ce nouveau poste avant de pouvoir spécifier
-            la ou les sources de financement.
-          {% else %}
-            Aucun financement au registre
-          {% endif %}
-        </td>
-      </tr>
-    {% endfor %}
-  </table>
-  {% if not new %}
-    <a href="{% url financement poste_key %}" class="new">
-      Ajouter une source de financement
-    </a>
-  {% endif %}
-
-  <div id="financing-form"></div>
 
-  <script type="text/javascript">
-    $('#id_poste').change(function() {
-        window.location = '{% url poste %}/' + $(this).val();
-    });
-    $('#financing a, a.new').click(function() {
-        $('#financing-form').load($(this).attr('href') + '?ajax=1')
-                            .dialog({
-                                modal: true,
-                                height: 460,
-                                width: 500
-                            });
-        return false;
-    });
-  </script>
+</form>
+
 {% endblock %}