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         registerEnterpriseAutocomplete(-1);
  51         break;
  52     }
  53 }
  54
  55 var applisType;
  56 var applisTypeAll;
  57
  58 // General
  59
  60 var subgrades;
  61 var names;
  62 function fillType(selectCtrl, appli, fill)
  63 {
  64     var i;
  65     var i0=0;
  66
  67     for (i = selectCtrl.options.length; i >=0; i--) {
  68         selectCtrl.options[i] = null;
  69     }
  70
  71     if (fill || appli <0) {
  72         selectCtrl.options[0] = new Option(' ');
  73         i0=1;
  74     }
  75     if (appli>=0)
  76         for (i=0; i < applisType[appli].length; i++)
  77             selectCtrl.options[i0+i] = new Option(applisType[appli][i]);
  78     else if (fill)
  79         for (i=0; i < applisTypeAll.length; i++)
  80             selectCtrl.options[i0+i] = new Option(applisTypeAll[i]);
  81 }
  82
  83
  84 function selectType(selectCtrl, type)
  85 {
  86     for (i = 0; i < selectCtrl.options.length; i++) {
  87         if (selectCtrl.options[i].text == type)
  88             selectCtrl.selectedIndex=i;
  89     }
  90 }
  91
  92
  93
  94 // Addresses
  95
  96 function removeObject(id, pref)
  97 {
  98     document.getElementById(id).style.display = "none";
  99     document.forms.prof_annu[pref + "[removed]"].value = "1";
 100 }
 101
 102 function restoreObject(id, pref)
 103 {
 104     document.getElementById(id).style.display = '';
 105     document.forms.prof_annu[pref + "[removed]"].value = "0";
 106 }
 107
 108 function getAddressElement(adrid, adelement)
 109 {
 110     return document.forms.prof_annu["addresses[" + adrid + "][" + adelement + "]"];
 111 }
 112
 113 function checkCurrentAddress(newCurrent)
 114 {
 115     var hasCurrent = false;
 116     var i = 0;
 117     while (getAddressElement(i, 'pub') != null) {
 118         var radio = getAddressElement(i, 'current');
 119         var removed = getAddressElement(i, 'removed');
 120         if (removed.value == "1" && radio.checked) {
 121             radio.checked = false;
 122         } else if (radio.checked && radio != newCurrent) {
 123             radio.checked = false;
 124         } else if (radio.checked) {
 125             hasCurrent = true;
 126         }
 127         i++;
 128     }
 129     if (!hasCurrent) {
 130         i = 0;
 131         while (getAddressElement(i, 'pub') != null) {
 132             var radio = getAddressElement(i, 'current');
 133             var removed = getAddressElement(i, 'removed');
 134             if (removed.value != "1") {
 135                 radio.checked= true;
 136                 return;
 137             }
 138             i++;
 139         }
 140     }
 141 }
 142
 143 function removeAddress(id, pref)
 144 {
 145     removeObject(id, pref);
 146     checkCurrentAddress(null);
 147     if (document.forms.prof_annu[pref + '[datemaj]'].value != '') {
 148         document.getElementById(id + '_grayed').style.display = '';
 149     }
 150 }
 151
 152 function restoreAddress(id, pref)
 153 {
 154     document.getElementById(id +  '_grayed').style.display = 'none';
 155     checkCurrentAddress(null);
 156     restoreObject(id, pref);
 157 }
 158
 159 function addAddress()
 160 {
 161     var i = 0;
 162     while (getAddressElement(i, 'pub') != null) {
 163         i++;
 164     }
 165     $("#add_adr").before('<div id="addresses_' + i + '_cont"></div>');
 166     Ajax.update_html('addresses_' + i + '_cont', 'profile/ajax/address/' + i, checkCurrentAddress);
 167 }
 168
 169 function addTel(id)
 170 {
 171     var i = 0;
 172     var adid = 'addresses_' + id;
 173     var tel  = adid + '_tel_';
 174     while (document.getElementById(tel + i) != null) {
 175         i++;
 176     }
 177     $('#' + adid + '_add_tel').before('<div id="' + tel + i + '" style="clear: both"></div>');
 178     Ajax.update_html(tel + i, 'profile/ajax/tel/' + id + '/' + i);
 179 }
 180
 181
 182 // Geoloc
 183
 184 function validGeoloc(id, pref)
 185 {
 186     document.getElementById(id + '_geoloc').style.display = 'none';
 187     document.getElementById(id + '_geoloc_error').style.display = 'none';
 188     document.getElementById(id + '_geoloc_valid').style.display = 'none';
 189     document.forms.prof_annu[pref + "[parsevalid]"].value = "1";
 190     document.forms.prof_annu[pref + "[text]"].value = document.forms.prof_annu[pref + "[geoloc]"].value;
 191     document.forms.prof_annu[pref + "[cityid]"].value = document.forms.prof_annu[pref + "[geoloc_cityid]"].value;
 192     attachEvent(document.forms.prof_annu[pref + "[text]"], "click",
 193                 function() { document.forms.prof_annu[pref + "[text]"].blur(); });
 194     document.forms.prof_annu[pref + "[text]"].className = '';
 195 }
 196
 197 function validAddress(id, pref)
 198 {
 199     document.getElementById(id + '_geoloc').style.display = 'none';
 200     document.getElementById(id + '_geoloc_error').style.display = 'none';
 201     document.getElementById(id + '_geoloc_valid').style.display = 'none';
 202     document.forms.prof_annu[pref + "[parsevalid]"].value = "1";
 203     attachEvent(document.forms.prof_annu[pref + "[text]"], "click",
 204                 function() { document.forms.prof_annu[pref + "[text]"].blur(); });
 205     document.forms.prof_annu[pref + "[text]"].className = '';
 206 }
 207
 208
 209 // Groups
 210
 211 function updateGroup(type)
 212 {
 213     var val = document.forms.prof_annu[type + '_sel'].value;
 214     if (val == '0' || document.getElementById(type + '_' + val) != null) {
 215         document.getElementById(type + '_add').style.display = 'none';
 216     } else {
 217         document.getElementById(type + '_add').style.display = '';
 218     }
 219 }
 220
 221 function removeGroup(cat, id)
 222 {
 223     $('#' + cat + '_' + id).remove();
 224     updateGroup(cat);
 225 }
 226
 227 function addGroup(cat)
 228 {
 229     var cb   = document.forms.prof_annu[cat + '_sel'];
 230     var id   = cb.value;
 231     var text = cb.options[cb.selectedIndex].text;
 232     var html = '<tr id="' + cat + '_' + id + '">'
 233         + '  <td>'
 234         + '    <input type="hidden" name="' + cat + '[' + id + ']" value="' + text + '" />'
 235         + '  </td>'
 236         + '  <td>'
 237         + '    <div style="float: left; width: 70%">'
 238         +        text
 239         + '    </div>'
 240         + '    <a href="javascript:removeGroup(\'' + cat + '\', ' + id + ')">'
 241         + '      <img src="images/icons/cross.gif" alt="cross" title="Supprimer ce groupe" />'
 242         + '    </a>'
 243         + '  </td>'
 244         + '</tr>';
 245     $('#' + cat).after(html);
 246     updateGroup(cat);
 247 }
 248
 249 function updateGroupSubLink(cb)
 250 {
 251     var href = cb.value ? cb.value : "http://www.polytechnique.net";
 252     document.getElementById("groupesx_sub").href = href;
 253 }
 254
 255
 256 // Medals
 257
 258 function updateMedal()
 259 {
 260     var val = document.forms.prof_annu['medal_sel'].value;
 261     if (val == '' || document.getElementById('medal_' + val) != null) {
 262         document.getElementById('medal_add').style.display = 'none';
 263     } else {
 264         document.getElementById('medal_add').style.display = '';
 265     }
 266 }
 267
 268 function getMedalName(id)
 269 {
 270     document.getElementById('medal_name_' + id).innerHTML = names[id];
 271 }
 272
 273 function buildGrade(id, current)
 274 {
 275     var grade;
 276     var subg = subgrades[id];
 277     var obj  = $('#medal_grade_' + id);
 278     if (!subg) {
 279         obj.prepend('<input type="hidden" name="medals[' + id + '][grade]" value="0" />');
 280     } else {
 281         var html = 'Agrafe : <select name="medals[' + id + '][grade]">';
 282         html += '<option value="0">Non précisée</option>';
 283         for (grade = 0 ; grade < subg.length ; grade++) {
 284             html += '<option value="' + subg[grade][0] + '"';
 285             if (subg[grade][0] == current) {
 286                 html += ' selected="selected"';
 287             }
 288             html += '>' + subg[grade][1] + '</option>';
 289         }
 290
 291         html += '</select>';
 292         obj.prepend(html);
 293     }
 294 }
 295
 296 function makeAddProcess(id)
 297 {
 298     return function(data)
 299     {
 300         $('#medals').after(data);
 301         updateMedal();
 302         getMedalName(id);
 303         buildGrade(id, 0);
 304     };
 305 }
 306
 307 function addMedal()
 308 {
 309     var id = document.forms.prof_annu['medal_sel'].value;
 310     $.get(platal_baseurl + 'profile/ajax/medal/' + id, makeAddProcess(id));
 311 }
 312
 313 function removeMedal(id)
 314 {
 315     $("#medal_" + id).remove();
 316     updateMedal();
 317 }
 318
 319
 320 // Jobs
 321
 322 function removeJob(id, pref)
 323 {
 324     document.getElementById(id + '_cont').style.display = 'none';
 325     if (document.forms.prof_annu[pref + '[new]'].value == '0') {
 326         document.getElementById(id + '_grayed').style.display = '';
 327         document.getElementById(id + '_grayed_name').innerHTML =
 328             document.forms.prof_annu[pref + "[name]"].value.replace('<', '&lt;');
 329     }
 330     document.forms.prof_annu[pref + "[removed]"].value = "1";
 331 }
 332
 333 function restoreJob(id, pref)
 334 {
 335     document.getElementById(id + '_cont').style.display = '';
 336     document.getElementById(id + '_grayed').style.display = 'none';
 337     document.forms.prof_annu[pref + "[removed]"].value = "0";
 338 }
 339
 340 function updateJobSecteur(nb, id, pref, sel)
 341 {
 342     var secteur = document.forms.prof_annu[pref + '[secteur]'].value;
 343     if (secteur == '') {
 344         secteur = '-1';
 345     }
 346     Ajax.update_html(id + '_ss_secteur', 'profile/ajax/secteur/' +nb + '/' + secteur + '/' + sel);
 347 }
 348
 349 function makeAddJob(id)
 350 {
 351     return function(data)
 352     {
 353         $('#add_job').before(data);
 354         registerEnterpriseAutocomplete(id);
 355         updateSecteur('job_' + id, 'jobs[' + id + ']', '');
 356     };
 357 }
 358
 359 function addJob()
 360 {
 361     var i = 0;
 362     while (document.getElementById('job_' + i) != null) {
 363         ++i;
 364     }
 365     $.get(platal_baseurl + 'profile/ajax/job/' + i, makeAddJob(i));
 366 }
 367
 368
 369 // Skills
 370
 371 function updateSkill(cat)
 372 {
 373     var val  = document.forms.prof_annu[cat + '_sel'].value;
 374     var show = true;
 375     if (val == '') {
 376         show = false;
 377     }
 378     if (document.getElementById(cat + '_' + val) != null) {
 379         show = false;
 380     }
 381     document.getElementById(cat + '_add').style.display = show ? '' : 'none';
 382 }
 383
 384 function addSkill(cat)
 385 {
 386     var sel  = document.forms.prof_annu[cat + '_sel'];
 387     var val  = sel.value;
 388     var text = sel.options[sel.selectedIndex].text;
 389     $.get(platal_baseurl + 'profile/ajax/skill/' + cat + '/' + val,
 390           function(data) {
 391           $('#' + cat).append(data);
 392           document.getElementById(cat + '_' + val + '_title').innerHTML = text;
 393           updateSkill(cat);
 394           });
 395 }
 396
 397 function removeSkill(cat, id)
 398 {
 399     $('#' + cat + '_' + id).remove();
 400     updateSkill(cat);
 401 }
 402
 403
 404 // Mentor
 405
 406 function updateCountry()
 407 {
 408     var val = document.forms.prof_annu.countries_sel.value;
 409     var show = true;
 410     if (val == '' || val == '00') {
 411         show = false;
 412     }
 413     if (document.getElementById('countries_' + val) != null) {
 414         show = false;
 415     }
 416     document.getElementById('countries_add').style.display = show ? '' : 'none';
 417 }
 418
 419 function addCountry()
 420 {
 421     var cb   = document.forms.prof_annu.countries_sel;
 422     var val  = cb.value;
 423     var text = cb.options[cb.selectedIndex].text;
 424     var html = '<div id="countries_' + val + '" style="clear: both; margin-bottom: 0.7em">'
 425         + '  <a href="javascript:removeCountry(\'' + val + '\')" style="display: block; float:right">'
 426         + '    <img src="images/icons/cross.gif" alt="" title="Supprimer ce pays" />'
 427         + '  </a>'
 428         + '  <div style="float: left; width: 50%">' + text + '</div>'
 429         + '  <input type="hidden" name="countries[' + val + ']" value="' + text + '" />'
 430         + '</div>';
 431     $('#countries').append(html);
 432     updateCountry();
 433 }
 434
 435 function removeCountry(id)
 436 {
 437     $('#countries_' + id).remove();
 438     updateCountry();
 439 }
 440 function updateSSecteur()
 441 {
 442     var s  = document.forms.prof_annu.secteur_sel.value;
 443     var ss = document.forms.prof_annu['jobs[-1][ss_secteur]'].value;
 444     var show = true;
 445     if (s == '' || ss == '') {
 446         show = false;
 447     }
 448     if (document.getElementById('secteurs_' + s + '_' + ss) != null) {
 449         show = false;
 450     }
 451     document.getElementById('secteurs_add').style.display = show ? 'block' : 'none';
 452 }
 453
 454 function updateSecteur()
 455 {
 456     var secteur = document.forms.prof_annu.secteur_sel.value;
 457     if (secteur == '') {
 458         secteur = '-1';
 459         document.getElementById('ss_secteur_sel').innerHTML = '';
 460         return;
 461     }
 462     $.get(platal_baseurl + 'profile/ajax/secteur/-1/' + secteur,
 463           function(data) {
 464           data = '<a href="javascript:addSecteur()" style="display: none; float: right" id="secteurs_add">'
 465           +  '  <img src="images/icons/add.gif" alt="" title="Ajouter ce secteur" />'
 466           +  '</a>' + data;
 467           document.getElementById('ss_secteur_sel').innerHTML = data;
 468           attachEvent(document.forms.prof_annu['jobs[-1][ss_secteur]'], 'change', updateSSecteur);
 469           });
 470 }
 471
 472 function addSecteur()
 473 {
 474     var scb = document.forms.prof_annu.secteur_sel;
 475     var s  = scb.value;
 476     var st = scb.options[scb.selectedIndex].text;
 477
 478     var sscb = document.forms.prof_annu['jobs[-1][ss_secteur]'];
 479     var ss = sscb.value;
 480     var sst = sscb.options[sscb.selectedIndex].text;
 481
 482     var html = '<div id="secteurs_' + s + '_' + ss + '" style="clear: both; margin-top: 0.5em" class="titre">'
 483         + '  <a href="javascript:removeSecteur(\'' + s + '\', \'' + ss + '\')" style="display: block; float: right">'
 484         + '    <img src="images/icons/cross.gif" alt="" title="Supprimer ce secteur" />'
 485         + '  </a>'
 486         + '  <input type="hidden" name="secteurs[' + s + '][' + ss + ']" value="' + sst + '" />'
 487         + '  ' + sst
 488         + '</div>';
 489     $('#secteurs').append(html);
 490     updateSSecteur();
 491 }
 492
 493 function removeSecteur(s, ss)
 494 {
 495     $('#secteurs_' + s + '_' + ss).remove();
 496     updateSSecteur();
 497 }
 498
 499 function registerEnterpriseAutocomplete(id)
 500 {
 501     alert("coucou");
 502     $(".enterprise_name").each(
 503       function() {
 504         alert(this.name);
 505         if (id == -1 || this.name == "jobs[" + id + "][name]") {
 506             $(this).autocomplete(platal_baseurl + "search/autocomplete/entreprise",
 507                                  {
 508                                    selectOnly:1,
 509                                    field:this.name,
 510                                    matchSubset:0,
 511                                    width:$(this).width()
 512                                  });
 513         }
 514       }
 515     );
 516 }
 517
 518 // vim:set et sw=4 sts=4 sws=4 foldmethod=marker enc=utf-8: