Poste javascript calculs et devise
[auf_rh_dae.git] / project / dae / templates / dae / poste.html
CommitLineData
5d680e84 1{% extends 'base.html' %}
37bf2d05 2
498881f4 3{% block title %}RH - DAE{% endblock %}
4{% block titre %}Ressources humaines{% endblock %}
5efcd48e 5{% block sous_titre %}
6Demande d'autorisation d'embauche
7{% endblock %}
498881f4 8
37bf2d05 9{% block extrahead %}
703e5cfb
NC
10 <script src="{{ MEDIA_URL }}js/jquery-1.5.1.min.js"
11 type="text/javascript"></script>
12 <script src="{{ MEDIA_URL }}js/jquery-ui-1.8.11.custom.min.js"
13 type="text/javascript"></script>
14 <link href="{{ MEDIA_URL }}/css/redmond/jquery-ui-1.8.11.custom.css"
15 rel="stylesheet" />
ce110fb9
OL
16
17 <style>
18 h1.section {background-color: #D0E8F8; text-align: center; color: #5F5F5F; margin: 50px 0px 26px 0px; border-bottom: 3px solid #BBD8EC; padding: 4px;}
19 .row {padding: 10px 0px; clear: both; display:block;}
20 .row * {float: left; margin: 0px; padding: 0px; margin-right: 4px;}
21 .row li {list-style-type: none;}
22 .underline {text-decoration: underline;}
23 .clear {display: block; clear: both;}
24 .note {text-decoration: underline; font-style: italic; margin-left: 12px;}
25 .info {font-size:13px; font-style: italic;}
26 .noborder {border:none; margin:0; padding; 0}
27 tr.noborder td {border:none; padding-left: 0;}
28 </style>
37bf2d05
NC
29{% endblock %}
30
37bf2d05 31{% block main %}
498881f4 32<h1>Demande d'autorisation de création de poste</h1>
33
5efcd48e 34<form action="" method="post">
35 <fieldset>
36 <h2>
37 {% if new %}
38 Nouveau poste
39 {% else %}
40 Poste existant : {{ poste.nom }} ({{ poste.implantation.nom }})
41 {% endif %}
42 </h2>
43 <table>
44 <tbody>
45 <tr>
46 <th>{{ form.poste.label_tag }} :<br />{{ form.poste.errors }}</th>
47 <td>{{ form.poste }}</td>
48 </tr>
49 <tr>
50 <th>{{ form.nom.label_tag }} :<br />{{ form.nom.errors }}</th>
51 <td>{{ form.nom }}</td>
52 </tr>
53 <tr>
54 <th>{{ form.type_poste.label_tag }} :<br />{{ form.type_poste.errors }}</th>
55 <td>{{ form.type_poste }}</td>
56 </tr>
57 <tr>
58 <th>{{ form.implantation.label_tag }} :<br />{{ form.implantation.errors }}</th>
59 <td>{{ form.implantation }}</td>
60 </tr>
61 <tr>
62 <th>{{ form.service.label_tag }} :<br />{{ form.service.errors }}</th>
63 <td>{{ form.service }}</td>
64 </tr>
65 <tr>
66 <th>{{ form.responsable.label_tag }} :<br />{{ form.responsable.errors }}</th>
67 <td>{{ form.responsable }}</td>
68 </tr>
69 </tbody>
70 </table>
71 </fieldset>
d949462d 72
5efcd48e 73 <fieldset>
74 <h2>Recrutement</h2>
75 <table>
76 <tbody>
77 <tr>
78 <th>{{ form.statut_residence.label_tag }} :<br />{{ form.statut_residence.errors }}</th>
79 <td>
80 <span class="row">
81 {{ form.statut_residence }}
82 {{ form.mise_a_disposition.label_tag }}
83 {{ form.mise_a_disposition.errors }}
84 {{ form.mise_a_disposition }}
85 </span>
86 </td>
87 </tr>
88 <tr>
89 <th>{{ form.appel.label_tag }} :<br />{{ form.appel.errors }}</th>
90 <td>
91 <span class="row">
92 {{ form.appel }}
93 </span>
94 </td>
95 </tr>
96 </tbody>
97 </table>
98 </fieldset>
d949462d 99
5efcd48e 100 <fieldset>
101 <h2>Durée prévue du poste </h2>
9fb2ccd9 102 <span class="info">Indépendamment du titulaire du poste</span>
5efcd48e 103 <table>
104 <tbody>
105 <tr>
106 <th rowspan="2">Durée :</th>
107 <td>du</td>
108 <td>
109 {{ form.date_debut }}<br />
110 <span class="info">({{form.date_debut.help_text }})</span><br />
111 {{ form.date_debut.errors }}
112 </td>
113 <td> au </td>
114 <td>
115 {{ form.date_fin }}<br />
116 <span class="info">({{form.date_fin.help_text }})</span><br />
117 {{ form.date_fin.errors }}
118 </td>
119 </tr>
120 <tr>
121 <td colspan="4" class="info">Pour une durée indéterminée, spécifier uniquement la date de début.</td>
ce110fb9
OL
122 </tr>
123 <tr>
5efcd48e 124 <th>{{ form.regime_travail.label_tag }} :<br />{{ form.regime_travail.errors }}</th>
125 <td colspan="4">
126 {{ form.regime_travail }}
127 <span class="info">{{ form.regime_travail.help_text }}</span>
ce110fb9 128 </td>
0f23302a 129 </tr>
5efcd48e 130 <tr>
131 <th>
132 {{ form.regime_travail_nb_heure_semaine.label_tag }} :<br />
133 {{ form.regime_travail_nb_heure_semaine.errors }}
134 </th>
135 <td colspan="4">{{ form.regime_travail_nb_heure_semaine }}</td>
136 </tr>
137 </tbody>
0f23302a 138 </table>
5efcd48e 139 </fieldset>
0f23302a 140
5efcd48e 141 <fieldset>
142 <h2>Classement du poste</h2>
143 <table>
144 <tbody>
145 <tr>
146 <th></th>
147 <th>Échelon AUF</th>
96d32304 148 <th>Coefficient</th>
5efcd48e 149 <th>Valeur du point</th>
3d627bfd 150 <th>Devise</th>
151 <th colspan="2">Salaire de base</th>
152 <th colspan="2">Indemnité, responsabilité (le cas échéant)</th>
153 <th colspan="2">Autres</th>
154 <th colspan="2">TOTAL</th>
155 <th colspan="2">Conversion EUR</th>
5efcd48e 156 </tr>
157 <tr>
158 <th>Minimum</th>
159 <td>{{ form.classement_min }}</td>
96d32304 160 <td>{{ form.coefficient_min }}</td>
5efcd48e 161 <td>
162 {{ form.valeur_point_min }}
163 {{ form.valeur_point_min.errors }}
164 </td>
3d627bfd 165 <td>
166 {{ form.devise_min }}
167 {{ form.devise_min.errors }}
168 </td>
5efcd48e 169 <td>{{ form.salaire_min }}</td>
3d627bfd 170 <td><span class="devise_min_code">EUR</span></td>
5efcd48e 171 <td>{{ form.indemn_min }}</td>
3d627bfd 172 <td><span class="devise_min_code">EUR</span></td>
5efcd48e 173 <td>{{ form.autre_min }}</td>
3d627bfd 174 <td><span class="devise_min_code">EUR</span></td>
85668061 175 <td id="total_min"></td>
3d627bfd 176 <td><span class="devise_min_code">EUR</span></td>
177 <td id="total_min_eur"></td>
178 <td>€</td>
0f23302a 179 </tr>
180 <tr>
5efcd48e 181 <th>Maximun</th>
182 <td>{{ form.classement_max }}</td>
96d32304 183 <td>{{ form.coefficient_max }}</td>
5efcd48e 184 <td>
185 {{ form.valeur_point_max }}
186 {{ form.valeur_point_max.errors }}
ce110fb9 187 </td>
3d627bfd 188 <td>
189 {{ form.devise_max }}
190 {{ form.devise_max.errors }}
191 </td>
5efcd48e 192 <td>{{ form.salaire_max }}</td>
3d627bfd 193 <td><span class="devise_max_code">EUR</span></td>
5efcd48e 194 <td>{{ form.indemn_max }}</td>
3d627bfd 195 <td><span class="devise_max_code">EUR</span></td>
5efcd48e 196 <td>{{ form.autre_max }}</td>
3d627bfd 197 <td><span class="devise_max_code">EUR</span></td>
85668061 198 <td id="total_max"></td>
3d627bfd 199 <td><span class="devise_max_code">EUR</span></td>
85668061 200 <td id="total_max_eur">??</td>
3d627bfd 201 <td>€</td>
ce110fb9 202 </tr>
5efcd48e 203 </tbody>
0f23302a 204 </table>
ce110fb9 205
0f23302a 206 <p class="info">N.B Conversion en EUROS au taux de change budgétaire</p>
5efcd48e 207 </fieldset>
208
209 {% if new %}
210 <fieldset>
211 <h2>Éléments de comparaison</h2>
212 <p class="info">Compléter uniquement lors de la création d'un poste</p>
213 <table>
214 <tbody>
215 <tr>
216 <th></th>
217 <th>Locale</th>
218 <th>Université</th>
219 <th>Fonction publique</th>
220 <th>ONG</th>
221 <th>Autre</th>
222 </tr>
223 <tr>
224 <th>Minimum</th>
225 <td>{{ form.comp_locale_min }}</td>
226 <td>{{ form.comp_universite_min }}</td>
227 <td>{{ form.comp_fonctionpub_min }}</td>
228 <td>{{ form.comp_ong_min }}</td>
229 <td>{{ form.comp_autre_min }}</td>
230 </tr>
231 <tr>
232 <th>Maximum</th>
233 <td>{{ form.comp_locale_max }}</td>
234 <td>{{ form.comp_universite_max }}</td>
235 <td>{{ form.comp_fonctionpub_max }}</td>
236 <td>{{ form.comp_ong_max }}</td>
237 <td>{{ form.comp_autre_max }}</td>
238 </tr>
239 </tbody>
240 </table>
241 <p class="info">N.B Conversion en EUROS au taux de change budgétaire</p>
242 </fieldset>
243 {% endif %}
ce110fb9 244
5efcd48e 245 {% comment %}
0f23302a 246 <h1 class="section clear">SECTION 2 - PERSONNEL ENGAGÉ</h1>
247 <div class="row"></div>
ce110fb9 248
0f23302a 249 <h1 class="section">SECTION 3 - COÛT GLOBAL</h1>
250 <div class="row"></div>
ce110fb9 251
0f23302a 252 <h1 class="section">SECTION 4 - JUSTIFICATION DE LA DEMANDE (OBLIGATOIRE)</h1>
253 <div class="row"></div>
5efcd48e 254 {% endcomment %}
3ed49093 255 <input type="submit" name="save" value="Sauvegarder" />
5efcd48e 256</form>
3ed49093 257
5efcd48e 258 <fieldset>
259 <h2>Financement</h2>
3ed49093 260
5efcd48e 261 <table cellspacing="0" id="financing">
3ed49093
NC
262 <tr>
263 <th>Type</th>
264 <th>Montant</th>
265 <th>Devise</th>
266 <th>Pourcentage</th>
267 <th>Commentaire</th>
268 <th></th>
269 </tr>
270 {% for fin in poste.financements.all %}
271 <tr>
43d04712 272 <td>{{ fin.get_type_display }}</td>
3ed49093 273 <td>{{ fin.montant }}</td>
43d04712 274 <td>€
275 {% comment %}
276 {{ fin.devise }}
277 {% endcomment %}
278 </td>
3ed49093
NC
279 <td>{{ fin.pourcentage }}</td>
280 <td>{{ fin.commentaire }}</td>
281 <td><a href="{% url financement poste_key fin.id %}">Modifier</a></td>
282 </tr>
283 {% empty %}
284 <tr>
285 <td colspan="5">
286 {% if new %}
287 Vous devez enregister ce nouveau poste avant de pouvoir spécifier
288 la ou les sources de financement.
289 {% else %}
290 Aucun financement au registre
291 {% endif %}
292 </td>
293 </tr>
294 {% endfor %}
5efcd48e 295 </table>
296 {% if not new %}
703e5cfb 297 <a href="{% url financement poste_key %}" class="new">
3ed49093
NC
298 Ajouter une source de financement
299 </a>
5efcd48e 300 {% endif %}
703e5cfb 301
5efcd48e 302 <div id="financing-form"></div>
303 </fieldset>
703e5cfb 304
b50b0cd3 305 <script type="text/javascript">
306 $('#id_poste').change(function() {
307 window.location = '{% url poste %}/' + $(this).val();
308 });
309 $('#financing a, a.new').click(function() {
310 $('#financing-form').load($(this).attr('href') + '?ajax=1')
311 .dialog({
312 modal: true,
313 height: 500,
314 width: 550
315 });
316 return false;
317 });
3d627bfd 318
319 /* CLASSEMENT MIN */
85668061 320 $(document).ready(function() {
3d627bfd 321 valeur_min = '<input type="hidden" id="valeur_min" name="valeur_min" value="0" disabled="disabled">'
322 devise_min_code = '<input type="hidden" id="devise_min_code" name="devise_min_code" value="5" disabled="disabled">'
85668061 323 $('#id_valeur_point_min').after(valeur_min)
3d627bfd 324 $('#id_devise_min').after(devise_min_code)
85668061 325 });
3d627bfd 326 /* binds */
85668061 327 $('#id_coefficient_min').bind('coeff_min_modified', function(){
328 $('#id_salaire_min').trigger('update_salaire_min');
329 });
3d627bfd 330 $('.devise_min_code').bind('update_devise_min_code', function(){
331 devise_code = $('#devise_min_code').val();
332 $('.devise_min_code').empty();
333 $('.devise_min_code').text(devise_code);
334 });
85668061 335 $('#id_salaire_min').bind('update_salaire_min', function(){
336 valeur = $('#valeur_min').val();
337 coeff = $('#id_coefficient_min').val();
338 salaire = coeff * valeur;
339 salaire = clean_float(salaire);
3d627bfd 340 $(this).val(salaire);
85668061 341 $('#total_min').trigger('update_total_min');
342 });
343 $('#total_min').bind('update_total_min', function(){
344 total = 0;
345 salaire = $('#id_salaire_min').val();
346 indemn = $('#id_indemn_min').val();
347 autre = $('#id_autre_min').val();
348 salaire = clean_float(salaire);
349 indemn = clean_float(indemn);
350 autre = clean_float(autre);
351 total = salaire + indemn + autre;
3d627bfd 352 $(this).empty();
353 $(this).text(total.toFixed(2));
85668061 354 });
3d627bfd 355 /* change */
85668061 356 $('#id_coefficient_min').change(function(){
3d627bfd 357 $(this).trigger('coeff_min_modified');
85668061 358 });
b50b0cd3 359 $('#id_classement_min').change(function() {
360 classement = $(this).val();
361 url = "{% url dae_coefficient %}";
362 $.post(url, {'classement':classement}, function(data){
b50b0cd3 363 $('#id_coefficient_min').val(data["coefficient"]);
85668061 364 $('#id_coefficient_min').trigger('coeff_min_modified');
b50b0cd3 365 }, 'json');
366 });
85668061 367 $('#id_valeur_point_min').change(function() {
3d627bfd 368 url_valeur = "{% url dae_valeur %}";
369 url_devise = "{% url dae_devise %}";
370 $.post(url_valeur, {'valeur_point':$(this).val()}, function(data){
85668061 371 $('#valeur_min').val(data["valeur"]);
372 $('#id_salaire_min').trigger('update_salaire_min');
373 }, 'json');
3d627bfd 374 $.post(url_devise, {'valeur_point':$(this).val()}, function(data){
375 $('#id_devise_min').val(data["devise"]);
376 $('#devise_min_code').val(data["devise_code"]);
377 $('.devise_min_code').trigger('update_devise_min_code');
378 }, 'json');
379 });
380 $('#id_devise_min').change(function(){
381 url_devise_code = "{% url dae_devise_code %}";
382 $.post(url_devise_code, {'devise':$(this).val()}, function(data){
383 $('#devise_min_code').val(data["devise_code"]);
384 $('.devise_min_code').trigger('update_devise_min_code');
385 }, 'json');
85668061 386 });
387 $('#id_salaire_min').change(function(){
388 $('#total_min').trigger('update_total_min');
389 });
390 $('#id_indemn_min').change(function(){
391 $('#total_min').trigger('update_total_min');
392 });
393 $('#id_autre_min').change(function(){
394 $('#total_min').trigger('update_total_min');
395 });
396
3d627bfd 397 /* CLASSEMENT MAX */
b50b0cd3 398 $('#id_classement_max').change(function() {
b50b0cd3 399 url = "{% url dae_coefficient %}";
3d627bfd 400 $.post(url, {'classement':$(this).val()}, function(data){
b50b0cd3 401 $('#id_coefficient_max').val(data["coefficient"]);
402 }, 'json');
403 });
85668061 404
3d627bfd 405 /* helpers */
85668061 406 function clean_float(value){
407 if (value == undefined)
408 output = 0;
409 else
410 output = parseFloat(value);
411 output = Math.round(output*100)/100;
412 return output;
413 }
b50b0cd3 414
415 </script>
5d680e84 416{% endblock %}