project/dae/templates/dae/embauche.html

   1 {% extends 'base.html' %}
   2 {% load adminmedia %}
   3
   4 {% block title %}RH - DAE - Embauche{% endblock %}
   5 {% block titre %}Ressources humaines{% endblock %}
   6 {% block sous_titre %}Demande d'autorisation d'embauche{% endblock %}
   7
   8 {% block extrahead %}
   9   <script src="{{ MEDIA_URL }}js/jquery-1.5.1.min.js"
  10           type="text/javascript"></script>
  11
  12   {% comment  %} style pour le calendier {% endcomment %}
  13   <script type="text/javascript">
  14     window.__admin_media_prefix__ = "{% filter escapejs %}{% admin_media_prefix %}{% endfilter %}";
  15   </script>
  16   <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/calendrier.css" />
  17   <script type="text/javascript" src="/admin/jsi18n/"></script>
  18   <script type="text/javascript" src="{% admin_media_prefix %}js/core.js"></script>
  19   <script type="text/javascript" src="{% admin_media_prefix %}js/calendar.js"></script>
  20   <script type="text/javascript" src="{% admin_media_prefix %}js/admin/DateTimeShortcuts.js"></script>
  21   <script src="{{ MEDIA_URL }}js/dae.js" type="text/javascript"></script>
  22   <script src="{{ MEDIA_URL }}js/dae-embauche.js" type="text/javascript"></script>
  23
  24   <style>
  25     h2.section {
  26         width:100%;
  27         background-color: #D0E8F8;
  28         text-align: center;
  29         color: #5F5F5F;
  30         margin: 50px 0px 26px 0px;
  31         border-bottom: 3px solid #BBD8EC;
  32         padding: 4px;
  33         }
  34     .row {padding: 10px 0px; clear: both; display:block;}
  35     .row * {float: left; margin: 0px; padding: 0px; margin-right: 4px;}
  36     .row li {list-style-type: none;}
  37     .underline {text-decoration: underline;}
  38     .clear {display: block; clear: both;}
  39     .note {text-decoration: underline; font-style: italic; margin-left: 12px;}
  40     .info {font-size:13px;  font-style: italic;}
  41     .noborder {border:none; margin:0; padding; 0}
  42     tr.noborder td {border:none; padding-left: 0;}
  43     .gauche { float:left; }
  44     .droite { float:right; text-align:right; }
  45     .clear { clear:both; width:100%; }
  46     th ul.errorlist {float: right;}
  47   </style>
  48 {% endblock %}
  49
  50 {% block main %}
  51 <h1>Demandes d'autorisation d'engagement de personnel</h1>
  52 <form action="" method="post" enctype="multipart/form-data">
  53 {% if step == 'poste' %}
  54     <h2 class="section">SECTION 1 - POSTE</h2>
  55     <fieldset>
  56     <h2>Poste visé</h2>
  57
  58     <table cellspacing="0">
  59         {{ form.as_table }}
  60     </table>
  61     </fieldset>
  62 {% else %}
  63     <h2 class="section">SECTION 1 - POSTE</h2>
  64     <fieldset>
  65     <h2>Poste : {{ poste.nom }} ({{ poste.implantation.nom }})</h2>
  66
  67     </fieldset>
  68
  69     <h2 class="section">SECTION 2 - PERSONNEL ENGAGÉ</h2>
  70     <fieldset>
  71     <div>
  72         <div class="gauche"><h2>Personne</h2></div>
  73         <div class="droite">
  74             <table class="droite">
  75                 <tbody>
  76                 <tr>
  77                     <th>Mobilité interne</th>
  78                     <td colspan="3"><input id="mobilite_interne" type="checkbox" name="mobilite_interne" /></td>
  79                 </tr>
  80                 </tbody>
  81             </table>
  82         </div>
  83     </div>
  84     <div class="clear"></div>
  85     <table id="form-employe">
  86         <tbody>
  87         <tr>
  88             <th>
  89                 Employé :<br />
  90                 {{ forms.employe.employe.errors }}
  91             </th>
  92             <td colspan="5">{{ forms.employe.employe }}</td>
  93         </tr>
  94         <tr>
  95             <th>
  96                 {{ forms.employe.nom.label_tag }} :<br />
  97                 {{ forms.employe.nom.errors }}
  98             </th>
  99             <td>{{ forms.employe.nom }}</td>
 100             <th>
 101                 {{ forms.employe.prenom.label_tag }} :<br />
 102                 {{ forms.employe.prenom.errors }}
 103             </th>
 104             <td>{{ forms.employe.prenom }}</td>
 105             <th>
 106                 {{ forms.employe.genre.label_tag }} :<br />
 107                 {{ forms.employe.genre.errors }}
 108             </th>
 109             <td>{{ forms.employe.genre }}</td>
 110         </tr>
 111         </tbody>
 112     </table>
 113
 114     <input type="hidden" id="poste" name="poste"
 115                                     value="dae-{{ poste.id }}" />
 116     <input type="hidden" id="implantation" name="implantation"
 117                                     value="{{ poste.implantation_id }}" />
 118     <input type="hidden" id="dossier" name="dossier"
 119                                     value="{{ dossier.id }}" />
 120     </fieldset>
 121
 122     <fieldset>
 123     <h2>Comparaison salariale</h2>
 124     <span class="info">dans la région pour les employés occupant un poste similaire</span>
 125     <table>
 126         <tbody>
 127             <tr>
 128                 <th>Employé</th>
 129                 <th>Poste</th>
 130                 <th>Date fin contrat</th>
 131                 <th>Salaire</th>
 132                 <th>Salaire EUR</th>
 133                 <th>Implantation</th>
 134                 <th>Famille Emploi</th>
 135             </tr>
 136             {% for d in comparaison_dossiers %}
 137             <tr>
 138                 <td>{{ d.employe }}</td>
 139                 <td>{{ d.poste1.type_poste.nom }} {{ d.complement1 }}</td>
 140                 <td>{{ d.contrat_date_fin|default:"en cours" }}</td>
 141                 <td>{{ d.get_salaire_display }}</td>
 142                 <td>{{ d.get_salaire_euro_display }}</td>
 143                 <td>{{ d.poste1.implantation }}</td>
 144                 <td>{{ d.poste1.type_poste.famille_emploi.nom }}</td>
 145             </tr>
 146             {% endfor %}
 147         </tbody>
 148     </table>
 149     </fieldset>
 150
 151
 152       <div id="form-dossier">
 153         {% comment %}Wrapper du formulaire de dossier{% endcomment %}
 154         {% with forms.dossier as form %}
 155             {% include "dae/embauche-dossier.html" %}
 156         {% endwith %}
 157       </div>
 158
 159       <fieldset>
 160           <h2>Pièces jointes</h2>
 161           <p class="info">CV, lettre de motivation...</p>
 162           {% include "dae/pieces.html" %}
 163       </fieldset>
 164
 165       <h2 class="section">SECTION 3 - COÛT GLOBAL</h2>
 166
 167       <fieldset>
 168
 169         {% if new %}
 170           <p>
 171             Vous devez enregister ce dossier avant de pouvoir détailler le
 172             coût global.
 173           </p>
 174         {% else %}
 175           <table cellspacing="0" id="global-cost">
 176             {% include 'dae/embauche-remun.html' %}
 177           </table>
 178
 179           <select id="type-remun" name="type-remun">
 180             <option value="">(Ajouter une ligne)</option>
 181             {% for tr in type_remun %}
 182               <option value="{{ tr.id }}">{{ tr.nom }}</option>
 183             {% endfor %}
 184           </select>
 185         {% endif %}
 186
 187       </fieldset>
 188
 189       <h2 class="section">SECTION 4 - JUSTIFICATION DE LA DEMANDE (OBLIGATOIRE)</h2>
 190       <h3>A - Justification du poste</h3>
 191       <p>{{ poste.justification }}</p>
 192
 193       <h3>B - Justification de l'employé</h3>
 194       <p class="info">Les questions posées pour la justification apparaîtront après avoir enregistré le dossier.</p>
 195       <table>
 196       <tr>
 197         <th>NOUVEL EMPLOYÉ</th>
 198         <th>RENOUVELLEMENT, PROLONGATION, RECLASSEMENT, MOBILITÉ INTERNE</th>
 199       </tr>
 200       <tr>
 201         <td>
 202         {% with justificationsNouveauForm as form %}
 203           {% include "dae/justifications.html" %}
 204         {% endwith %}
 205         </td>
 206         <td>
 207         {% with justificationsAutreForm as form %}
 208           {% include "dae/justifications.html" %}
 209         {% endwith %}
 210         </td>
 211       </tr>
 212       </table>
 213       <input type="submit" name="save" value="Sauvegarder" />
 214     </form>
 215   {% endif %}
 216 {% endblock %}
 217