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       <div id="form-dossier">
 123         {% comment %}Wrapper du formulaire de dossier{% endcomment %}
 124         {% with forms.dossier as form %}
 125             {% include "dae/embauche-dossier.html" %}
 126         {% endwith %}
 127       </div>
 128
 129       <fieldset>
 130           <h2>Pièces jointes</h2>
 131           <p class="info">CV, lettre de motivation...</p>
 132           {% include "dae/pieces.html" %}
 133       </fieldset>
 134
 135       <h2 class="section">SECTION 3 - COÛT GLOBAL</h2>
 136
 137       <fieldset>
 138
 139         {% if new %}
 140           <p>
 141             Vous devez enregister ce dossier avant de pouvoir détailler le
 142             coût global.
 143           </p>
 144         {% else %}
 145           <table cellspacing="0" id="global-cost">
 146             {% include 'dae/embauche-remun.html' %}
 147           </table>
 148
 149           <select id="type-remun" name="type-remun">
 150             <option value="">(Ajouter une ligne)</option>
 151             {% for tr in type_remun %}
 152               <option value="{{ tr.id }}">{{ tr.nom }}</option>
 153             {% endfor %}
 154           </select>
 155         {% endif %}
 156
 157       </fieldset>
 158
 159       <h2 class="section">SECTION 4 - JUSTIFICATION DE LA DEMANDE (OBLIGATOIRE)</h2>
 160       <p class="info">Les questions posées pour la justification apparaîtront après avoir enregistré le dossier.</p>
 161       <table>
 162       <tr>
 163         <th>NOUVEL EMPLOYÉ</th>
 164         <th>RENOUVELLEMENT, PROLONGATION, RECLASSEMENT, MOBILITÉ INTERNE</th>
 165       </tr>
 166       <tr>
 167         <td>
 168         {% with justificationsNouveauForm as form %}
 169           {% include "dae/justifications.html" %}
 170         {% endwith %}
 171         </td>
 172         <td>
 173         {% with justificationsAutreForm as form %}
 174           {% include "dae/justifications.html" %}
 175         {% endwith %}
 176         </td>
 177       </tr>
 178       </table>
 179       <input type="submit" name="save" value="Sauvegarder" />
 180     </form>
 181   {% endif %}
 182 {% endblock %}
 183