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         var i = 0;
  28         var prefix  = 'edu_';
  29         while ($('.' + prefix + i).length != 0) {
  30             i++;
  31         }
  32         for (var j = 0; j < i; j++) {
  33             prepareType(j);
  34         }
  35         break;
  36       case 'poly':
  37         updateGroupSubLink(document.forms.prof_annu.groupesx_sub);
  38         break;
  39       case 'deco':
  40         for (var i in names) {
  41             if (typeof names[i] != 'function') {
  42                 if (document.getElementById("medal_" + i) != null) {
  43                     getMedalName(i);
  44                     buildGrade(i, document.forms.prof_annu["medal_" + i + "_grade"].value);
  45                 }
  46             }
  47         }
  48         break;
  49       case 'emploi':
  50         for (var i = 0 ; document.getElementById('job_' + i) != null ; ++i) {
  51             updateJobSecteur(i, 'job_' + i, 'jobs[' + i + ']',
  52                              document.forms.prof_annu["jobs[" + i + "][ss_secteur]"].value);
  53         }
  54         registerEnterpriseAutocomplete(-1);
  55         break;
  56     }
  57 }
  58
  59 var educationDegree;
  60 var educationDegreeAll;
  61 var educationDegreeName;
  62
  63 // General
  64
  65 var subgrades;
  66 var names;
  67 function fillType(selectCtrl, edu, fill)
  68 {
  69     var i;
  70     var i0 = 0;
  71
  72     for (i = selectCtrl.options.length; i >= 0; i--) {
  73         selectCtrl.options[i] = null;
  74     }
  75
  76     if (fill || edu < 0) {
  77         selectCtrl.options[0] = new Option(' ');
  78         i0 = 1;
  79     }
  80     if (edu >= 0) {
  81         for (i = 0; i < educationDegree[edu].length; i++) {
  82             selectCtrl.options[i0 + i] = new Option(educationDegreeName[educationDegree[edu][i] - 1], educationDegree[edu][i]);
  83         }
  84     } else if (fill) {
  85         for (i = 0; i < educationDegreeAll.length; i++) {
  86             selectCtrl.options[i0 + i] = new Option(educationDegreeName[educationDegreeAll[i] - 1], educationDegreeAll[i]);
  87         }
  88     }
  89 }
  90
  91
  92 function selectType(selectCtrl, type)
  93 {
  94     for (i = 0; i < selectCtrl.options.length; i++) {
  95         if (selectCtrl.options[i].value == type) {
  96             selectCtrl.selectedIndex = i;
  97         }
  98     }
  99 }
 100
 101 function prepareType(i)
 102 {
 103     fillType(document.forms.prof_annu["edus[" + i + "][degreeid]"], document.forms.prof_annu["edus[" + i + "][eduid]"].selectedIndex - 1);
 104     selectType(document.forms.prof_annu["edus[" + i + "][degreeid]"], document.forms.prof_annu["edu_" + i + "_tmp"].value);
 105 }
 106
 107 function addSearchName()
 108 {
 109   var i = 0;
 110   while (document.getElementById('search_name_' + i) != null) {
 111       i++;
 112   }
 113   $('#add_search_name').before('<div id="search_name_' + i + '" style="padding:2px" class="center"></div>');
 114   Ajax.update_html('search_name_' + i, 'profile/ajax/searchname/' + i,function(){
 115     $('#search_name_'+i+' input')[1].focus();
 116   });
 117 }
 118
 119 function removeSearchName(i)
 120 {
 121   if (document.getElementById('search_name_'+i+'_new') != null) {
 122     $('#search_name_'+i).remove();
 123   } else {
 124     removeObject('search_name_'+i, 'search_name['+i+']');
 125   }
 126 }
 127
 128 function delNationality(i)
 129 {
 130     $('#nationalite' + i).hide().find('select').val('');
 131 }
 132
 133 function addNationality()
 134 {
 135     var i = 0;
 136     if ($('#nationalite2').find('select').val() == "") {
 137         i = 2;
 138     } else if ($('#nationalite3').find('select').val() == "") {
 139         i = 3;
 140     }
 141     if ((i == 2) || (i == 3)) {
 142         $('#nationalite' + i).show();
 143     }
 144 }
 145
 146 function addNetworking()
 147 {
 148     var i = 0;
 149     var nws = 'networking_';
 150     while (document.getElementById(nws + i) != null) {
 151         i++;
 152     }
 153     var namefirst = '';
 154     var html = '<tr id="networking_' + i + '">'
 155         + '  <td colspan="2">'
 156         + '    <div style="float: left; width: 200px;">'
 157         + '      <span class="flags">'
 158         + '        <input type="checkbox" name="networking[' + i + '][pub]"/>'
 159         + '        <img src="images/icons/flag_green.gif" alt="site public" title="site public">'
 160         + '      </span>&nbsp;'
 161         + '      <select id="networking_type_' + i + '" name="networking[' + i + '][type]" onchange="javascript:updateNetworking(' + i + ');">';
 162     for (nw in nw_list) {
 163         if (namefirst == '') {
 164             namefirst = nw;
 165         }
 166         html += '  <option value="' + nw_list[nw] + '">' + nw + '</option>';
 167     }
 168     html += '</select>'
 169         + '      <input type="hidden" id="networking_name_' + i + '" name="networking[' + i + '][name]" value="' + namefirst + '"/>'
 170         + '    </div>'
 171         + '    <div style="float: left">'
 172         + '      <input type="text" name="networking[' + i + '][address]" value="" size="30"/>'
 173         + '      <a href="javascript:removeNetworking(' + i + ')">'
 174         + '        <img src="images/icons/cross.gif" alt="cross" title="Supprimer cet élément"/>'
 175         + '      </a>'
 176         + '    </div>'
 177         + '  </td>'
 178         + '</tr>';
 179
 180     $('#networking').before(html);
 181 }
 182
 183 function removeNetworking(id)
 184 {
 185     $('#networking_' + id).remove();
 186 }
 187
 188 function updateNetworking(i)
 189 {
 190     var name = document.getElementById('networking_name_' + i);
 191     var type = document.getElementById('networking_type_' + i);
 192     if (type != null && name != null) {
 193         name.value = type.options[type.selectedIndex].text;
 194     }
 195
 196 }
 197
 198 // Addresses
 199
 200 function removeObject(id, pref)
 201 {
 202     document.getElementById(id).style.display = "none";
 203     document.forms.prof_annu[pref + "[removed]"].value = "1";
 204 }
 205
 206 function restoreObject(id, pref)
 207 {
 208     document.getElementById(id).style.display = '';
 209     document.forms.prof_annu[pref + "[removed]"].value = "0";
 210 }
 211
 212 function getAddressElement(adrid, adelement)
 213 {
 214     return document.forms.prof_annu["addresses[" + adrid + "][" + adelement + "]"];
 215 }
 216
 217 function checkCurrentAddress(newCurrent)
 218 {
 219     var hasCurrent = false;
 220     var i = 0;
 221     while (getAddressElement(i, 'pub') != null) {
 222         var radio = getAddressElement(i, 'current');
 223         var removed = getAddressElement(i, 'removed');
 224         if (removed.value == "1" && radio.checked) {
 225             radio.checked = false;
 226         } else if (radio.checked && radio != newCurrent) {
 227             radio.checked = false;
 228         } else if (radio.checked) {
 229             hasCurrent = true;
 230         }
 231         i++;
 232     }
 233     if (!hasCurrent) {
 234         i = 0;
 235         while (getAddressElement(i, 'pub') != null) {
 236             var radio = getAddressElement(i, 'current');
 237             var removed = getAddressElement(i, 'removed');
 238             if (removed.value != "1") {
 239                 radio.checked= true;
 240                 return;
 241             }
 242             i++;
 243         }
 244     }
 245 }
 246
 247 function removeAddress(id, pref)
 248 {
 249     removeObject(id, pref);
 250     checkCurrentAddress(null);
 251     if (document.forms.prof_annu[pref + '[datemaj]'].value != '') {
 252         document.getElementById(id + '_grayed').style.display = '';
 253     }
 254 }
 255
 256 function restoreAddress(id, pref)
 257 {
 258     document.getElementById(id +  '_grayed').style.display = 'none';
 259     checkCurrentAddress(null);
 260     restoreObject(id, pref);
 261 }
 262
 263 function addAddress()
 264 {
 265     var i = 0;
 266     while (getAddressElement(i, 'pub') != null) {
 267         i++;
 268     }
 269     $("#add_adr").before('<div id="addresses_' + i + '_cont"></div>');
 270     Ajax.update_html('addresses_' + i + '_cont', 'profile/ajax/address/' + i, checkCurrentAddress);
 271 }
 272
 273 function addEdu()
 274 {
 275     var i = 0;
 276     var prefix  = 'edu_';
 277     var class_parity;
 278
 279     while ($('.' + prefix + i).length != 0) {
 280         i++;
 281     }
 282     if (i % 2) {
 283         class_parity = 'pair';
 284     } else {
 285         class_parity = 'impair';
 286     }
 287     $.get(platal_baseurl + 'profile/ajax/edu/' + i + '/' + class_parity,
 288           function(data) {
 289               $('#edu_add').before(data);
 290               prepareType(i);
 291           });
 292 }
 293
 294 function removeEdu(id)
 295 {
 296     $('.' + id).remove();
 297 }
 298
 299 function addTel(prefid, prefname)
 300 {
 301     var i = 0;
 302     var prefix  = prefid + '_';
 303     while (document.getElementById(prefix + i) != null) {
 304         i++;
 305     }
 306     $('#' + prefix + 'add').before('<div id="' + prefix + i + '" style="clear: both; padding-top: 4px; padding-bottom: 4px"></div>');
 307     Ajax.update_html(prefix + i, 'profile/ajax/tel/' + prefid + '/' + prefname + '/' + i);
 308 }
 309
 310 function removeTel(id)
 311 {
 312     $('#' + id).remove();
 313 }
 314
 315 function addPhoneComment(id, pref)
 316 {
 317     document.getElementById(id+'_comment').style.display = '';
 318     document.getElementById(id+'_addComment').style.display = 'none';
 319 }
 320
 321 function removePhoneComment(id, pref)
 322 {
 323     document.getElementById(id+'_comment').style.display = 'none';
 324     document.forms.prof_annu[pref+ '[comment]'].value = '';
 325     document.getElementById(id+'_addComment').style.display = '';
 326 }
 327
 328 // Geoloc
 329
 330 function validGeoloc(id, pref)
 331 {
 332     document.getElementById(id + '_geoloc').style.display = 'none';
 333     document.getElementById(id + '_geoloc_error').style.display = 'none';
 334     document.getElementById(id + '_geoloc_valid').style.display = 'none';
 335     document.forms.prof_annu[pref + "[parsevalid]"].value = "1";
 336     document.forms.prof_annu[pref + "[text]"].value = document.forms.prof_annu[pref + "[geoloc]"].value;
 337     document.forms.prof_annu[pref + "[cityid]"].value = document.forms.prof_annu[pref + "[geoloc_cityid]"].value;
 338     attachEvent(document.forms.prof_annu[pref + "[text]"], "click",
 339                 function() { document.forms.prof_annu[pref + "[text]"].blur(); });
 340     document.forms.prof_annu[pref + "[text]"].className = '';
 341 }
 342
 343 function validAddress(id, pref)
 344 {
 345     document.getElementById(id + '_geoloc').style.display = 'none';
 346     document.getElementById(id + '_geoloc_error').style.display = 'none';
 347     document.getElementById(id + '_geoloc_valid').style.display = 'none';
 348     document.forms.prof_annu[pref + "[parsevalid]"].value = "1";
 349     attachEvent(document.forms.prof_annu[pref + "[text]"], "click",
 350                 function() { document.forms.prof_annu[pref + "[text]"].blur(); });
 351     document.forms.prof_annu[pref + "[text]"].className = '';
 352 }
 353
 354
 355 // Groups
 356
 357 function updateGroup(type)
 358 {
 359     var val = document.forms.prof_annu[type + '_sel'].value;
 360     if (val == '0' || document.getElementById(type + '_' + val) != null) {
 361         document.getElementById(type + '_add').style.display = 'none';
 362     } else {
 363         document.getElementById(type + '_add').style.display = '';
 364     }
 365 }
 366
 367 function removeGroup(cat, id)
 368 {
 369     $('#' + cat + '_' + id).remove();
 370     updateGroup(cat);
 371 }
 372
 373 function addGroup(cat)
 374 {
 375     var cb   = document.forms.prof_annu[cat + '_sel'];
 376     var id   = cb.value;
 377     var text = cb.options[cb.selectedIndex].text;
 378     var html = '<tr id="' + cat + '_' + id + '">'
 379         + '  <td>'
 380         + '    <input type="hidden" name="' + cat + '[' + id + ']" value="' + text + '" />'
 381         + '  </td>'
 382         + '  <td>'
 383         + '    <div style="float: left; width: 70%">'
 384         +        text
 385         + '    </div>'
 386         + '    <a href="javascript:removeGroup(\'' + cat + '\', ' + id + ')">'
 387         + '      <img src="images/icons/cross.gif" alt="cross" title="Supprimer ce groupe" />'
 388         + '    </a>'
 389         + '  </td>'
 390         + '</tr>';
 391     $('#' + cat).after(html);
 392     updateGroup(cat);
 393 }
 394
 395 function updateGroupSubLink(cb)
 396 {
 397     var href = cb.value ? cb.value : "http://www.polytechnique.net";
 398     document.getElementById("groupesx_sub").href = href;
 399 }
 400
 401
 402 // Medals
 403
 404 function updateMedal()
 405 {
 406     var val = document.forms.prof_annu['medal_sel'].value;
 407     if (val == '' || document.getElementById('medal_' + val) != null) {
 408         document.getElementById('medal_add').style.display = 'none';
 409     } else {
 410         document.getElementById('medal_add').style.display = '';
 411     }
 412 }
 413
 414 function getMedalName(id)
 415 {
 416     document.getElementById('medal_name_' + id).innerHTML = names[id];
 417 }
 418
 419 function buildGrade(id, current)
 420 {
 421     var grade;
 422     var subg = subgrades[id];
 423     var obj  = $('#medal_grade_' + id);
 424     if (!subg) {
 425         obj.prepend('<input type="hidden" name="medals[' + id + '][grade]" value="0" />');
 426     } else {
 427         var html = 'Agrafe : <select name="medals[' + id + '][grade]">';
 428         html += '<option value="0">Non précisée</option>';
 429         for (grade = 0 ; grade < subg.length ; grade++) {
 430             html += '<option value="' + subg[grade][0] + '"';
 431             if (subg[grade][0] == current) {
 432                 html += ' selected="selected"';
 433             }
 434             html += '>' + subg[grade][1] + '</option>';
 435         }
 436
 437         html += '</select>';
 438         obj.prepend(html);
 439     }
 440 }
 441
 442 function makeAddProcess(id)
 443 {
 444     return function(data)
 445     {
 446         $('#medals').after(data);
 447         updateMedal();
 448         getMedalName(id);
 449         buildGrade(id, 0);
 450     };
 451 }
 452
 453 function addMedal()
 454 {
 455     var id = document.forms.prof_annu['medal_sel'].value;
 456     $.get(platal_baseurl + 'profile/ajax/medal/' + id, makeAddProcess(id));
 457 }
 458
 459 function removeMedal(id)
 460 {
 461     $("#medal_" + id).remove();
 462     updateMedal();
 463 }
 464
 465
 466 // Jobs
 467
 468 function removeJob(id, pref)
 469 {
 470     document.getElementById(id + '_cont').style.display = 'none';
 471     if (document.forms.prof_annu[pref + '[new]'].value == '0') {
 472         document.getElementById(id + '_grayed').style.display = '';
 473         document.getElementById(id + '_grayed_name').innerHTML =
 474             document.forms.prof_annu[pref + "[name]"].value.replace('<', '&lt;');
 475     }
 476     document.forms.prof_annu[pref + "[removed]"].value = "1";
 477 }
 478
 479 function restoreJob(id, pref)
 480 {
 481     document.getElementById(id + '_cont').style.display = '';
 482     document.getElementById(id + '_grayed').style.display = 'none';
 483     document.forms.prof_annu[pref + "[removed]"].value = "0";
 484 }
 485
 486 function updateJobSecteur(nb, id, pref, sel)
 487 {
 488     var secteur = document.forms.prof_annu[pref + '[secteur]'].value;
 489     if (secteur == '') {
 490         secteur = '-1';
 491     }
 492     Ajax.update_html(id + '_ss_secteur', 'profile/ajax/secteur/' +nb + '/' + secteur + '/' + sel);
 493 }
 494
 495 function makeAddJob(id)
 496 {
 497     return function(data)
 498     {
 499         $('#add_job').before(data);
 500         registerEnterpriseAutocomplete(id);
 501         updateSecteur('job_' + id, 'jobs[' + id + ']', '');
 502     };
 503 }
 504
 505 function addJob()
 506 {
 507     var i = 0;
 508     while (document.getElementById('job_' + i) != null) {
 509         ++i;
 510     }
 511     $.get(platal_baseurl + 'profile/ajax/job/' + i, makeAddJob(i));
 512 }
 513
 514
 515 // Skills
 516
 517 function updateSkill(cat)
 518 {
 519     var val  = document.forms.prof_annu[cat + '_sel'].value;
 520     var show = true;
 521     if (val == '') {
 522         show = false;
 523     }
 524     if (document.getElementById(cat + '_' + val) != null) {
 525         show = false;
 526     }
 527     document.getElementById(cat + '_add').style.display = show ? '' : 'none';
 528 }
 529
 530 function addSkill(cat)
 531 {
 532     var sel  = document.forms.prof_annu[cat + '_sel'];
 533     var val  = sel.value;
 534     var text = sel.options[sel.selectedIndex].text;
 535     $.get(platal_baseurl + 'profile/ajax/skill/' + cat + '/' + val,
 536           function(data) {
 537           $('#' + cat).append(data);
 538           document.getElementById(cat + '_' + val + '_title').innerHTML = text;
 539           updateSkill(cat);
 540           });
 541 }
 542
 543 function removeSkill(cat, id)
 544 {
 545     $('#' + cat + '_' + id).remove();
 546     updateSkill(cat);
 547 }
 548
 549
 550 // Mentor
 551
 552 function updateCountry()
 553 {
 554     var val = document.forms.prof_annu.countries_sel.value;
 555     var show = true;
 556     if (val == '' || val == '00') {
 557         show = false;
 558     }
 559     if (document.getElementById('countries_' + val) != null) {
 560         show = false;
 561     }
 562     document.getElementById('countries_add').style.display = show ? '' : 'none';
 563 }
 564
 565 function addCountry()
 566 {
 567     var cb   = document.forms.prof_annu.countries_sel;
 568     var val  = cb.value;
 569     var text = cb.options[cb.selectedIndex].text;
 570     var html = '<div id="countries_' + val + '" style="clear: both; margin-bottom: 0.7em">'
 571         + '  <a href="javascript:removeCountry(\'' + val + '\')" style="display: block; float:right">'
 572         + '    <img src="images/icons/cross.gif" alt="" title="Supprimer ce pays" />'
 573         + '  </a>'
 574         + '  <div style="float: left; width: 50%">' + text + '</div>'
 575         + '  <input type="hidden" name="countries[' + val + ']" value="' + text + '" />'
 576         + '</div>';
 577     $('#countries').append(html);
 578     updateCountry();
 579 }
 580
 581 function removeCountry(id)
 582 {
 583     $('#countries_' + id).remove();
 584     updateCountry();
 585 }
 586 function updateSSecteur()
 587 {
 588     var s  = document.forms.prof_annu.secteur_sel.value;
 589     var ss = document.forms.prof_annu['jobs[-1][ss_secteur]'].value;
 590     var show = true;
 591     if (s == '' || ss == '') {
 592         show = false;
 593     }
 594     if (document.getElementById('secteurs_' + s + '_' + ss) != null) {
 595         show = false;
 596     }
 597     document.getElementById('secteurs_add').style.display = show ? 'block' : 'none';
 598 }
 599
 600 function updateSecteur()
 601 {
 602     var secteur = document.forms.prof_annu.secteur_sel.value;
 603     if (secteur == '') {
 604         secteur = '-1';
 605         document.getElementById('ss_secteur_sel').innerHTML = '';
 606         return;
 607     }
 608     $.get(platal_baseurl + 'profile/ajax/secteur/-1/' + secteur,
 609           function(data) {
 610           data = '<a href="javascript:addSecteur()" style="display: none; float: right" id="secteurs_add">'
 611           +  '  <img src="images/icons/add.gif" alt="" title="Ajouter ce secteur" />'
 612           +  '</a>' + data;
 613           document.getElementById('ss_secteur_sel').innerHTML = data;
 614           attachEvent(document.forms.prof_annu['jobs[-1][ss_secteur]'], 'change', updateSSecteur);
 615           });
 616 }
 617
 618 function addSecteur()
 619 {
 620     var scb = document.forms.prof_annu.secteur_sel;
 621     var s  = scb.value;
 622     var st = scb.options[scb.selectedIndex].text;
 623
 624     var sscb = document.forms.prof_annu['jobs[-1][ss_secteur]'];
 625     var ss = sscb.value;
 626     var sst = sscb.options[sscb.selectedIndex].text;
 627
 628     var html = '<div id="secteurs_' + s + '_' + ss + '" style="clear: both; margin-top: 0.5em" class="titre">'
 629         + '  <a href="javascript:removeSecteur(\'' + s + '\', \'' + ss + '\')" style="display: block; float: right">'
 630         + '    <img src="images/icons/cross.gif" alt="" title="Supprimer ce secteur" />'
 631         + '  </a>'
 632         + '  <input type="hidden" name="secteurs[' + s + '][' + ss + ']" value="' + sst + '" />'
 633         + '  ' + sst
 634         + '</div>';
 635     $('#secteurs').append(html);
 636     updateSSecteur();
 637 }
 638
 639 function removeSecteur(s, ss)
 640 {
 641     $('#secteurs_' + s + '_' + ss).remove();
 642     updateSSecteur();
 643 }
 644
 645 function registerEnterpriseAutocomplete(id)
 646 {
 647     $(".enterprise_name").each(
 648       function() {
 649         if (id == -1 || this.name == "jobs[" + id + "][name]") {
 650             $(this).autocomplete(platal_baseurl + "search/autocomplete/entreprise",
 651                                  {
 652                                    selectOnly:1,
 653                                    field:this.name,
 654                                    matchSubset:0,
 655                                    width:$(this).width()
 656                                  });
 657         }
 658       }
 659     );
 660 }
 661
 662 // vim:set et sw=4 sts=4 sws=4 foldmethod=marker enc=utf-8: