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  *}
 {*  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>
 <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
   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>
 </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>
 
 </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>
   <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>
       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>
   <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>
       </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">
     <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}" />
         <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>
 
       </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>
   <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>
       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>
       <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>
         <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>
         {/iterate}
       </select>
     </td>
@@ -196,20 +106,20 @@ function removeSecteur(s, ss)
   <tr>
     <td>
       <div style="float: left; width: 30%" class="titre">Sous-secteur</div>
   <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>
   </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>
           {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}
       </div>
       {/foreach}
       {/foreach}
@@ -218,19 +128,17 @@ function removeSecteur(s, ss)
   </tr>
 </table>
 
   </tr>
 </table>
 
-<table class="bicol" summary="Profil: Mentoring">
+<table class="bicol" summary="Profil&nbsp;: Mentoring">
   <tr>
     <th>
   <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>
     </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
     <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