htdocs/javascript/profile.js

   1 /***************************************************************************
   2  *  Copyright (C) 2003-2008 Polytechnique.org                              *
   3  *  http://opensource.polytechnique.org/                                   *
   4  *                                                                         *
   5  *  This program is free software; you can redistribute it and/or modify   *
   6  *  it under the terms of the GNU General Public License as published by   *
   7  *  the Free Software Foundation; either version 2 of the License, or      *
   8  *  (at your option) any later version.                                    *
   9  *                                                                         *
  10  *  This program is distributed in the hope that it will be useful,        *
  11  *  but WITHOUT ANY WARRANTY; without even the implied warranty of         *
  12  *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the          *
  13  *  GNU General Public License for more details.                           *
  14  *                                                                         *
  15  *  You should have received a copy of the GNU General Public License      *
  16  *  along with this program; if not, write to the Free Software            *
  17  *  Foundation, Inc.,                                                      *
  18  *  59 Temple Place, Suite 330, Boston, MA  02111-1307  USA                *
  19  ***************************************************************************/
  20
  21 // Page initialization
  22
  23 function wizPage_onLoad(id)
  24 {
  25     switch (id) {
  26       case 'general':
  27         fillType(document.forms.prof_annu['appli1[type]'], document.forms.prof_annu['appli1[id]'].selectedIndex-1);
  28         selectType(document.forms.prof_annu['appli1[type]'], document.forms.prof_annu['appli1_tmp'].value);
  29         fillType(document.forms.prof_annu['appli2[type]'], document.forms.prof_annu['appli2[id]'].selectedIndex-1);
  30         selectType(document.forms.prof_annu['appli2[type]'], document.forms.prof_annu['appli2_tmp'].value);
  31         break;
  32       case 'poly':
  33         updateGroupSubLink(document.forms.prof_annu.groupesx_sub);
  34         break;
  35       case 'deco':
  36         for (var i in names) {
  37             if (typeof names[i] != 'function') {
  38                 if (document.getElementById("medal_" + i) != null) {
  39                     getMedalName(i);
  40                     buildGrade(i, document.forms.prof_annu["medal_" + i + "_grade"].value);
  41                 }
  42             }
  43         }
  44         break;
  45       case 'emploi':
  46         for (var i = 0 ; document.getElementById('job_' + i) != null ; ++i) {
  47             updateJobSecteur(i, 'job_' + i, 'jobs[' + i + ']',
  48                              document.forms.prof_annu["jobs[" + i + "][ss_secteur]"].value);
  49         }
  50         break;
  51     }
  52 }
  53
  54 var applisType;
  55 var applisTypeAll;
  56
  57 // General
  58
  59 var subgrades;
  60 var names;
  61 function fillType(selectCtrl, appli, fill)
  62 {
  63     var i;
  64     var i0=0;
  65
  66     for (i = selectCtrl.options.length; i >=0; i--) {
  67         selectCtrl.options[i] = null;
  68     }
  69
  70     if (fill || appli <0) {
  71         selectCtrl.options[0] = new Option(' ');
  72         i0=1;
  73     }
  74     if (appli>=0)
  75         for (i=0; i < applisType[appli].length; i++)
  76             selectCtrl.options[i0+i] = new Option(applisType[appli][i]);
  77     else if (fill)
  78         for (i=0; i < applisTypeAll.length; i++)
  79             selectCtrl.options[i0+i] = new Option(applisTypeAll[i]);
  80 }
  81
  82
  83 function selectType(selectCtrl, type)
  84 {
  85     for (i = 0; i < selectCtrl.options.length; i++) {
  86         if (selectCtrl.options[i].text == type)
  87             selectCtrl.selectedIndex=i;
  88     }
  89 }
  90
  91
  92
  93 // Addresses
  94
  95 function removeObject(id, pref)
  96 {
  97     document.getElementById(id).style.display = "none";
  98     document.forms.prof_annu[pref + "[removed]"].value = "1";
  99 }
 100
 101 function restoreObject(id, pref)
 102 {
 103     document.getElementById(id).style.display = '';
 104     document.forms.prof_annu[pref + "[removed]"].value = "0";
 105 }
 106
 107 function getAddressElement(adrid, adelement)
 108 {
 109     return document.forms.prof_annu["addresses[" + adrid + "][" + adelement + "]"];
 110 }
 111
 112 function checkCurrentAddress(newCurrent)
 113 {
 114     var hasCurrent = false;
 115     var i = 0;
 116     while (getAddressElement(i, 'pub') != null) {
 117         var radio = getAddressElement(i, 'current');
 118         var removed = getAddressElement(i, 'removed');
 119         if (removed.value == "1" && radio.checked) {
 120             radio.checked = false;
 121         } else if (radio.checked && radio != newCurrent) {
 122             radio.checked = false;
 123         } else if (radio.checked) {
 124             hasCurrent = true;
 125         }
 126         i++;
 127     }
 128     if (!hasCurrent) {
 129         i = 0;
 130         while (getAddressElement(i, 'pub') != null) {
 131             var radio = getAddressElement(i, 'current');
 132             var removed = getAddressElement(i, 'removed');
 133             if (removed.value != "1") {
 134                 radio.checked= true;
 135                 return;
 136             }
 137             i++;
 138         }
 139     }
 140 }
 141
 142 function removeAddress(id, pref)
 143 {
 144     removeObject(id, pref);
 145     checkCurrentAddress(null);
 146     if (document.forms.prof_annu[pref + '[datemaj]'].value != '') {
 147         document.getElementById(id + '_grayed').style.display = '';
 148     }
 149 }
 150
 151 function restoreAddress(id, pref)
 152 {
 153     document.getElementById(id +  '_grayed').style.display = 'none';
 154     checkCurrentAddress(null);
 155     restoreObject(id, pref);
 156 }
 157
 158 function addAddress()
 159 {
 160     var i = 0;
 161     while (getAddressElement(i, 'pub') != null) {
 162         i++;
 163     }
 164     $("#add_adr").before('<div id="addresses_' + i + '_cont"></div>');
 165     Ajax.update_html('addresses_' + i + '_cont', 'profile/ajax/address/' + i, checkCurrentAddress);
 166 }
 167
 168 function addTel(id)
 169 {
 170     var i = 0;
 171     var adid = 'addresses_' + id;
 172     var tel  = adid + '_tel_';
 173     while (document.getElementById(tel + i) != null) {
 174         i++;
 175     }
 176     $('#' + adid + '_add_tel').before('<div id="' + tel + i + '" style="clear: both"></div>');
 177     Ajax.update_html(tel + i, 'profile/ajax/tel/' + id + '/' + i);
 178 }
 179
 180
 181 // Geoloc
 182
 183 function validGeoloc(id, pref)
 184 {
 185     document.getElementById(id + '_geoloc').style.display = 'none';
 186     document.getElementById(id + '_geoloc_error').style.display = 'none';
 187     document.getElementById(id + '_geoloc_valid').style.display = 'none';
 188     document.forms.prof_annu[pref + "[parsevalid]"].value = "1";
 189     document.forms.prof_annu[pref + "[text]"].value = document.forms.prof_annu[pref + "[geoloc]"].value;
 190     document.forms.prof_annu[pref + "[cityid]"].value = document.forms.prof_annu[pref + "[geoloc_cityid]"].value;
 191     attachEvent(document.forms.prof_annu[pref + "[text]"], "click",
 192                 function() { document.forms.prof_annu[pref + "[text]"].blur(); });
 193     document.forms.prof_annu[pref + "[text]"].className = '';
 194 }
 195
 196 function validAddress(id, pref)
 197 {
 198     document.getElementById(id + '_geoloc').style.display = 'none';
 199     document.getElementById(id + '_geoloc_error').style.display = 'none';
 200     document.getElementById(id + '_geoloc_valid').style.display = 'none';
 201     document.forms.prof_annu[pref + "[parsevalid]"].value = "1";
 202     attachEvent(document.forms.prof_annu[pref + "[text]"], "click",
 203                 function() { document.forms.prof_annu[pref + "[text]"].blur(); });
 204     document.forms.prof_annu[pref + "[text]"].className = '';
 205 }
 206
 207
 208 // Groups
 209
 210 function updateGroup(type)
 211 {
 212     var val = document.forms.prof_annu[type + '_sel'].value;
 213     if (val == '0' || document.getElementById(type + '_' + val) != null) {
 214         document.getElementById(type + '_add').style.display = 'none';
 215     } else {
 216         document.getElementById(type + '_add').style.display = '';
 217     }
 218 }
 219
 220 function removeGroup(cat, id)
 221 {
 222     $('#' + cat + '_' + id).remove();
 223     updateGroup(cat);
 224 }
 225
 226 function addGroup(cat)
 227 {
 228     var cb   = document.forms.prof_annu[cat + '_sel'];
 229     var id   = cb.value;
 230     var text = cb.options[cb.selectedIndex].text;
 231     var html = '<tr id="' + cat + '_' + id + '">'
 232         + '  <td>'
 233         + '    <input type="hidden" name="' + cat + '[' + id + ']" value="' + text + '" />'
 234         + '  </td>'
 235         + '  <td>'
 236         + '    <div style="float: left; width: 70%">'
 237         +        text
 238         + '    </div>'
 239         + '    <a href="javascript:removeGroup(\'' + cat + '\', ' + id + ')">'
 240         + '      <img src="images/icons/cross.gif" alt="cross" title="Supprimer ce groupe" />'
 241         + '    </a>'
 242         + '  </td>'
 243         + '</tr>';
 244     $('#' + cat).after(html);
 245     updateGroup(cat);
 246 }
 247
 248 function updateGroupSubLink(cb)
 249 {
 250     var href = cb.value ? cb.value : "http://www.polytechnique.net";
 251     document.getElementById("groupesx_sub").href = href;
 252 }
 253
 254
 255 // Medals
 256
 257 function updateMedal()
 258 {
 259     var val = document.forms.prof_annu['medal_sel'].value;
 260     if (val == '' || document.getElementById('medal_' + val) != null) {
 261         document.getElementById('medal_add').style.display = 'none';
 262     } else {
 263         document.getElementById('medal_add').style.display = '';
 264     }
 265 }
 266
 267 function getMedalName(id)
 268 {
 269     document.getElementById('medal_name_' + id).innerHTML = names[id];
 270 }
 271
 272 function buildGrade(id, current)
 273 {
 274     var grade;
 275     var subg = subgrades[id];
 276     var obj  = $('#medal_grade_' + id);
 277     if (!subg) {
 278         obj.prepend('<input type="hidden" name="medals[' + id + '][grade]" value="0" />');
 279     } else {
 280         var html = 'Agrafe : <select name="medals[' + id + '][grade]">';
 281         html += '<option value="0">Non précisée</option>';
 282         for (grade = 0 ; grade < subg.length ; grade++) {
 283             html += '<option value="' + subg[grade][0] + '"';
 284             if (subg[grade][0] == current) {
 285                 html += ' selected="selected"';
 286             }
 287             html += '>' + subg[grade][1] + '</option>';
 288         }
 289
 290         html += '</select>';
 291         obj.prepend(html);
 292     }
 293 }
 294
 295 function makeAddProcess(id)
 296 {
 297     return function(data)
 298     {
 299         $('#medals').after(data);
 300         updateMedal();
 301         getMedalName(id);
 302         buildGrade(id, 0);
 303     };
 304 }
 305
 306 function addMedal()
 307 {
 308     var id = document.forms.prof_annu['medal_sel'].value;
 309     $.get(platal_baseurl + 'profile/ajax/medal/' + id, makeAddProcess(id));
 310 }
 311
 312 function removeMedal(id)
 313 {
 314     $("#medal_" + id).remove();
 315     updateMedal();
 316 }
 317
 318
 319 // Jobs
 320
 321 function removeJob(id, pref)
 322 {
 323     document.getElementById(id + '_cont').style.display = 'none';
 324     if (document.forms.prof_annu[pref + '[new]'].value == '0') {
 325         document.getElementById(id + '_grayed').style.display = '';
 326         document.getElementById(id + '_grayed_name').innerHTML =
 327             document.forms.prof_annu[pref + "[name]"].value.replace('<', '&lt;');
 328     }
 329     document.forms.prof_annu[pref + "[removed]"].value = "1";
 330 }
 331
 332 function restoreJob(id, pref)
 333 {
 334     document.getElementById(id + '_cont').style.display = '';
 335     document.getElementById(id + '_grayed').style.display = 'none';
 336     document.forms.prof_annu[pref + "[removed]"].value = "0";
 337 }
 338
 339 function updateJobSecteur(nb, id, pref, sel)
 340 {
 341     var secteur = document.forms.prof_annu[pref + '[secteur]'].value;
 342     if (secteur == '') {
 343         secteur = '-1';
 344     }
 345     Ajax.update_html(id + '_ss_secteur', 'profile/ajax/secteur/' +nb + '/' + secteur + '/' + sel);
 346 }
 347
 348 function makeAddJob(id)
 349 {
 350     return function(data)
 351     {
 352         $('#add_job').before(data);
 353         updateSecteur('job_' + id, 'jobs[' + id + ']', '');
 354     };
 355 }
 356
 357 function addJob()
 358 {
 359     var i = 0;
 360     while (document.getElementById('job_' + i) != null) {
 361         ++i;
 362     }
 363     $.get(platal_baseurl + 'profile/ajax/job/' + i, makeAddJob(i));
 364 }
 365
 366
 367 // Skills
 368
 369 function updateSkill(cat)
 370 {
 371     var val  = document.forms.prof_annu[cat + '_sel'].value;
 372     var show = true;
 373     if (val == '') {
 374         show = false;
 375     }
 376     if (document.getElementById(cat + '_' + val) != null) {
 377         show = false;
 378     }
 379     document.getElementById(cat + '_add').style.display = show ? '' : 'none';
 380 }
 381
 382 function addSkill(cat)
 383 {
 384     var sel  = document.forms.prof_annu[cat + '_sel'];
 385     var val  = sel.value;
 386     var text = sel.options[sel.selectedIndex].text;
 387     $.get(platal_baseurl + 'profile/ajax/skill/' + cat + '/' + val,
 388           function(data) {
 389           $('#' + cat).append(data);
 390           document.getElementById(cat + '_' + val + '_title').innerHTML = text;
 391           updateSkill(cat);
 392           });
 393 }
 394
 395 function removeSkill(cat, id)
 396 {
 397     $('#' + cat + '_' + id).remove();
 398     updateSkill(cat);
 399 }
 400
 401
 402 // Mentor
 403
 404 function updateCountry()
 405 {
 406     var val = document.forms.prof_annu.countries_sel.value;
 407     var show = true;
 408     if (val == '' || val == '00') {
 409         show = false;
 410     }
 411     if (document.getElementById('countries_' + val) != null) {
 412         show = false;
 413     }
 414     document.getElementById('countries_add').style.display = show ? '' : 'none';
 415 }
 416
 417 function addCountry()
 418 {
 419     var cb   = document.forms.prof_annu.countries_sel;
 420     var val  = cb.value;
 421     var text = cb.options[cb.selectedIndex].text;
 422     var html = '<div id="countries_' + val + '" style="clear: both; margin-bottom: 0.7em">'
 423         + '  <a href="javascript:removeCountry(\'' + val + '\')" style="display: block; float:right">'
 424         + '    <img src="images/icons/cross.gif" alt="" title="Supprimer ce pays" />'
 425         + '  </a>'
 426         + '  <div style="float: left; width: 50%">' + text + '</div>'
 427         + '  <input type="hidden" name="countries[' + val + ']" value="' + text + '" />'
 428         + '</div>';
 429     $('#countries').append(html);
 430     updateCountry();
 431 }
 432
 433 function removeCountry(id)
 434 {
 435     $('#countries_' + id).remove();
 436     updateCountry();
 437 }
 438 function updateSSecteur()
 439 {
 440     var s  = document.forms.prof_annu.secteur_sel.value;
 441     var ss = document.forms.prof_annu['jobs[-1][ss_secteur]'].value;
 442     var show = true;
 443     if (s == '' || ss == '') {
 444         show = false;
 445     }
 446     if (document.getElementById('secteurs_' + s + '_' + ss) != null) {
 447         show = false;
 448     }
 449     document.getElementById('secteurs_add').style.display = show ? 'block' : 'none';
 450 }
 451
 452 function updateSecteur()
 453 {
 454     var secteur = document.forms.prof_annu.secteur_sel.value;
 455     if (secteur == '') {
 456         secteur = '-1';
 457     }
 458     $.get(platal_baseurl + 'profile/ajax/secteur/-1/' + secteur,
 459           function(data) {
 460           data = '<a href="javascript:addSecteur()" style="display: none; float: right" id="secteurs_add">'
 461           +  '  <img src="images/icons/add.gif" alt="" title="Ajouter ce secteur" />'
 462           +  '</a>' + data;
 463           document.getElementById('ss_secteur_sel').innerHTML = data;
 464           attachEvent(document.forms.prof_annu['jobs[-1][ss_secteur]'], 'change', updateSSecteur);
 465           });
 466 }
 467
 468 function addSecteur()
 469 {
 470     var scb = document.forms.prof_annu.secteur_sel;
 471     var s  = scb.value;
 472     var st = scb.options[scb.selectedIndex].text;
 473
 474     var sscb = document.forms.prof_annu['jobs[-1][ss_secteur]'];
 475     var ss = sscb.value;
 476     var sst = sscb.options[sscb.selectedIndex].text;
 477
 478     var html = '<div id="secteurs_' + s + '_' + ss + '" style="clear: both; margin-top: 0.5em" class="titre">'
 479         + '  <a href="javascript:removeSecteur(\'' + s + '\', \'' + ss + '\')" style="display: block; float: right">'
 480         + '    <img src="images/icons/cross.gif" alt="" title="Supprimer ce secteur" />'
 481         + '  </a>'
 482         + '  <input type="hidden" name="secteurs[' + s + '][' + ss + ']" value="' + sst + '" />'
 483         + '  ' + sst
 484         + '</div>';
 485     $('#secteurs').append(html);
 486     updateSSecteur();
 487 }
 488
 489 function removeSecteur(s, ss)
 490 {
 491     $('#secteurs_' + s + '_' + ss).remove();
 492     updateSSecteur();
 493 }
 494
 495 // vim:set et sw=4 sts=4 sws=4 foldmethod=marker enc=utf-8: