2010.
[platal.git] / templates / profile / mentor.tpl
index 4817dbe..3d68b99 100644 (file)
@@ -1,6 +1,6 @@
 {**************************************************************************}
 {*                                                                        *}
-{*  Copyright (C) 2003-2007 Polytechnique.org                             *}
+{*  Copyright (C) 2003-2010 Polytechnique.org                             *}
 {*  http://opensource.polytechnique.org/                                  *}
 {*                                                                        *}
 {*  This program is free software; you can redistribute it and/or modify  *}
 {*                                                                        *}
 {**************************************************************************}
 
-<script type="text/javascript">//<![CDATA[
-{literal}
-
-function updateCountry()
-{
-  var val = document.forms.prof_annu.countries_sel.value;
-  var show = true;
-  if (val == '') {
-    show = false;
-  }
-  if (document.getElementById('countries_' + val) != null) {
-    show = false;
-  }
-  document.getElementById('countries_add').style.display = show ? '' : 'none';
-}
-
-function addCountry()
-{
-  var cb   = document.forms.prof_annu.countries_sel;
-  var val  = cb.value;
-  var text = cb.options[cb.selectedIndex].text;
-  var html = '<div id="countries_' + val + '" style="clear: both; margin-bottom: 0.7em">'
-           + '  <div style="float: left; width: 50%">' + text + '</div>'
-           + '  <input type="hidden" name="countries[' + val + ']" value="' + text + '" />'
-           + '  <a href="javascript:removeCountry(\'' + val + '\')">'
-           + '    <img src="images/icons/cross.gif" alt="" title="Supprimer ce pays" />'
-           + '  </a>'
-           + '</div>';
-  $('#countries').append(html);
-  updateCountry();
-}
-
-function removeCountry(id)
-{
-  $('#countries_' + id).remove();
-  updateCountry();
-}
-
-function updateSSecteur()
-{
-  var s  = document.forms.prof_annu.secteur_sel.value;
-  var ss = document.forms.prof_annu['jobs[-1][ss_secteur]'].value;
-  var show = true;
-  if (s == '' || ss == '') {
-    show = false;
-  }
-  if (document.getElementById('secteurs_' + s + '_' + ss) != null) {
-    show = false;
-  }
-  document.getElementById('secteurs_add').style.display = show ? 'block' : 'none';
-}
-
-function updateSecteur()
-{
-  var secteur = document.forms.prof_annu.secteur_sel.value;
-  if (secteur == '') {
-    secteur = '-1';
-  }
-  $.get(platal_baseurl + 'profile/ajax/secteur/-1/' + secteur,
-        function(data) {
-          data = '<a href="javascript:addSecteur()" style="display: none; float: right" id="secteurs_add">'
-               +  '  <img src="images/icons/add.gif" alt="" title="Ajouter ce secteur" />'
-               +  '</a>' + data;
-          document.getElementById('ss_secteur_sel').innerHTML = data;
-          attachEvent(document.forms.prof_annu['jobs[-1][ss_secteur]'], 'change', updateSSecteur);
-        });
-}
-
-function addSecteur()
-{
-  var scb = document.forms.prof_annu.secteur_sel;
-  var s  = scb.value;
-  var st = scb.options[scb.selectedIndex].text;
-
-  var sscb = document.forms.prof_annu['jobs[-1][ss_secteur]'];
-  var ss = sscb.value;
-  var sst = sscb.options[sscb.selectedIndex].text;
-
-  var html = '<div id="secteurs_' + s + '_' + ss + '" style="clear: both; margin-top: 0.5em" class="titre">'
-           + '  <a href="javascript:removeSecteur(\'' + s + '\', \'' + ss + '\')" style="display: block; float: right">'
-           + '    <img src="images/icons/cross.gif" alt="" title="Supprimer ce secteur" />'
-           + '  </a>'
-           + '  <input type="hidden" name="secteurs[' + s + '][' + ss + ']" value="' + sst + '" />'
-           + '  ' + sst
-           + '</div>';
-  $('#secteurs').append(html);
-  updateSSecteur();
-}
-
-function removeSecteur(s, ss)
-{
-  $('#secteurs_' + s + '_' + ss).remove();
-  updateSSecteur();
-}
-
-{/literal}
-//]]></script>
-
+<p>{icon name=information title="Afficher ma fiche référent"}Tu peux consulter ta <a class="popup2" href="referent/{$smarty.session.hruid}">fiche référent</a> qui n'est accessible que par les X.
+</p>
+{if (!$expertise)||(!($sectors|@count))}
+  <p>
+    <strong>Attention&nbsp;: pour figurer dans la base de données des mentors, il faut remplir la
+    dernière case en bas de cette page et avoir au moins un secteur d'activité de prédilection.</strong><br />
+  </p>
+{/if}
 <p>
-  Si tu acceptes que ceux des camarades te contactent afin de te demander
+  Si tu acceptes que des camarades te contactent afin de te demander
   conseil, dans les domaines que tu connais bien, et pour lesquels tu pourrais
   les aider, remplis cette rubrique.
 </p>
 <p>
   Tu peux mentionner ici les domaines de compétences, les expériences
   notamment internationales sur la base desquels tu seras identifiable depuis
-  <a href="referent/search">la page de recherche d'un conseil professionnel</a>.<br />
+  <a href="referent/search#mentors">la page de recherche d'un conseil professionnel</a>.<br />
 </p>
 <p>Le mentoring est particulièrement important pour les camarades&nbsp;:</p>
 <ul>
-  <li>encore jeunes, sont en train de bâtir leur projet professionnel,</li>
-  <li>ou bien, plus âgés, souhaitent réorienter leur carrière,</li>
+  <li>encore jeunes, qui sont en train de bâtir leur projet professionnel&nbsp;;</li>
+  <li>ou bien, plus âgés, qui souhaitent réorienter leur carrière.</li>
 </ul>
 
-<table class="bicol" style="margin-bottom: 1em" summary="Profil: Mentoring">
+<table class="bicol" id="countries_table" style="margin-bottom: 1em" summary="Profil&nbsp;: Mentoring">
   <tr>
     <th>
+      <div class="flags" style="float: left">
+        <input type="checkbox" name="accesX" checked="checked" disabled="disabled" />
+        {icon name="flag_red" title="privé"}
+      </div>
       Pays dont tu connais bien la culture professionnelle
     </th>
   </tr>
-  <tr>
-    <td class="flags">
-      <span class="rouge"><input type="checkbox" name="accesX" checked="checked" disabled="disabled" /></span>
-      <span class="texte">privé</span>
-    </td>
-  </tr>
   <tr class="impair">
     <td>
       <div style="float: left; width: 30%" class="titre">Pays</div>
       <div id="countries_add" style="display: none; float: right">
         <a href="javascript:addCountry()">{icon name=add title="Ajouter ce pays"}</a>
       </div>
-      <select name="countries_sel" onchange="updateCountry()">
-        {geoloc_country country='00'}
+      <select name="countries_sel" onchange="updateElement('countries')">
+        <option value=""></option>
+        {iterate from=$countryList item=country}
+        <option value="{$country.iso_3166_1_a2}">{$country.countryFR}</option>
+        {/iterate}
       </select>
     </td>
   </tr>
@@ -161,34 +72,33 @@ function removeSecteur(s, ss)
     <td id="countries">
       {foreach from=$countries item=country key=i}
       <div id="countries_{$i}" style="clear: both; margin-bottom: 0.7em">
-        <div style="float: left; width: 50%">{$country}</div>
+        <a style="display: block; float: right"
+           href="javascript:removeElement('countries', '{$i}')">{icon name=cross title="Supprimer ce pays"}</a>
+        <div class="titre">{$country}</div>
         <input type="hidden" name="countries[{$i}]" value="{$country}" />
-        <a href="javascript:removeCountry('{$i}')">{icon name=cross title="Supprimer ce pays"}</a>
       </div>
       {/foreach}
     </td>
   </tr>
 </table>
 
-<table class="bicol" style="margin-bottom: 1em" summary="Profil: Mentoring">
+<table class="bicol" style="margin-bottom: 1em" summary="Profil&nbsp;: Mentoring">
   <tr>
     <th>
+      <div class="flags" style="float: left">
+        <input type="checkbox" name="accesX" checked="checked" disabled="disabled" />
+        {icon name="flag_red" value="privé"}
+      </div>
       Secteurs d'activité dans lesquels tu as beaucoup exercé
     </th>
   </tr>
   <tr>
-    <td class="flags">
-      <span class="rouge"><input type="checkbox" name="accesX" checked="checked" disabled="disabled" /></span>
-      <span class="texte">privé</span>
-    </td>
-  </tr>
-  <tr>
-    <td id="secteur_sel">
+    <td id="sectorSelection">
       <div style="float: left; width: 30%" class="titre">Secteur</div>
-      <select name="secteur_sel" onchange="updateSecteur()">
+      <select name="sectorSelection" onchange="updateSector()">
         <option value="">&nbsp;</option>
-        {iterate from=$secteurs_sel item=secteur}
-        <option value="{$secteur.id}">{$secteur.label}</option>
+        {iterate from=$sectorList item=sector}
+        <option value="{$sector.id}">{$sector.name}</option>
         {/iterate}
       </select>
     </td>
@@ -196,20 +106,20 @@ function removeSecteur(s, ss)
   <tr>
     <td>
       <div style="float: left; width: 30%" class="titre">Sous-secteur</div>
-      <span id="ss_secteur_sel"></span>
+      <span id="subSectorSelection"></span>
     </td>
   </tr>
   <tr class="pair">
-    <td id="secteurs">
-      {if $secteurs|@count}
-      {foreach from=$secteurs item=secteur key=s}
-      {foreach from=$secteur item=ss_sect key=ss}
-      <div id="secteurs_{$s}_{$ss}" style="clear: both; margin-top: 0.5em" class="titre">
-        <a href="javascript:removeSecteur('{$s}', '{$ss}')" style="display: block; float: right">
+    <td id="sectors">
+      {if $sectors|@count}
+      {foreach from=$sectors item=sector key=s}
+      {foreach from=$sector item=subSector key=ss}
+      <div id="sectors_{$s}_{$ss}" style="clear: both; margin-top: 0.5em" class="titre">
+        <a href="javascript:removeSector('{$s}', '{$ss}')" style="display: block; float: right">
           {icon name=cross title="Supprimer ce secteur"}
         </a>
-        <input type="hidden" name="secteurs[' + s + '][' + ss + ']" value="{$ss_sect}" />
-        {$ss_sect}
+        <input type="hidden" name="sectors[{$s}][{$ss}]" value="{$subSector}" />
+        {$subSector}
       </div>
       {/foreach}
       {/foreach}
@@ -218,19 +128,17 @@ function removeSecteur(s, ss)
   </tr>
 </table>
 
-<table class="bicol" summary="Profil: Mentoring">
+<table class="bicol" summary="Profil&nbsp;: Mentoring">
   <tr>
     <th>
-      Expérience et expertises que tu acceptes de faire partager
+      <div class="flags" style="float: left">
+        <input type="checkbox" name="accesX" checked="checked" disabled="disabled" />
+        {icon name="flag_red" title="privé"}
+      </div>
+      Expériences et expertises que tu acceptes de faire partager
     </th>
   </tr>
   <tr>
-    <td class="flags">
-      <span class="rouge"><input type="checkbox" name="accesX" checked="checked" disabled="disabled" /></span>
-      <span class="texte">privé</span>
-    </td>
-  </tr>
-  <tr>
     <td>
       Dans cette case il te faut indiquer en quelques mots ce qui t'a
       amené à acquérir l'expérience indiquée, et dans quelle mesure tu