Merge remote branch 'origin/platal-1.0.0'
[platal.git] / templates / profile / mentor.tpl
index 4817dbe..56951e6 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>
+{javascript name=jobtermstree}
 
+<div>{icon name=information title="Afficher ma fiche référent"}Tu peux consulter ta <a class="popup2" href="referent/{$hrpid}">fiche référent</a> qui n'est accessible que par les X.
+</div>
+{if (!$expertise)||(!($sectors|@count))}
+  <br /><div>
+    <strong>{icon name=error title="Attention"} 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 />
+  </div>
+{/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="">&nbsp;</option>
+        {iterate from=$countryList item=country}
+        <option value="{$country.iso_3166_1_a2}">{$country.countryFR|default:"&nbsp;"}</option>
+        {/iterate}
       </select>
     </td>
   </tr>
@@ -161,76 +74,76 @@ 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">
+<script type="text/javascript" src="javascript/jquery.jstree.js"></script>
+
+<table class="bicol" style="margin-bottom: 1em" summary="Profil&nbsp;: Mentoring">
   <tr>
-    <th>
-      Secteurs d'activité dans lesquels tu as beaucoup exercé
+    <th colspan="2">
+      <div class="flags" style="float: left">
+        <input type="checkbox" name="accesX" checked="checked" disabled="disabled" />
+        {icon name="flag_red" value="privé"}
+      </div>
+      Mots clefs qui représentent le mieux ton expérience
     </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>
+    <td colspan="2">
+      Il est préférable de mentionner des notions précises : <em>Pizzaïolo</em> plutôt que <em>Hôtellerie</em>.
+      En effet Les recherches sur le mot-clef <em>Hôtellerie</em> te trouveront dans les deux cas mais une
+      recherche sur <em>Production culinaire</em> ou <em>Pizzaïolo</em> non.
+    <td/>
   </tr>
   <tr>
-    <td id="secteur_sel">
-      <div style="float: left; width: 30%" class="titre">Secteur</div>
-      <select name="secteur_sel" onchange="updateSecteur()">
-        <option value="">&nbsp;</option>
-        {iterate from=$secteurs_sel item=secteur}
-        <option value="{$secteur.id}">{$secteur.label}</option>
-        {/iterate}
-      </select>
+    <td class="titre" style="width:30%">Mots-clefs</td>
+    <td class="job_terms">
+      <input type="text" class="term_search" size="35"/>
+      <a href="javascript:toggleJobTermsTree(-1)">{icon name="table" title="Tous les mots-clefs"}</a>
+      <script type="text/javascript">
+      /* <![CDATA[ */
+      $(function() {ldelim}
+        {foreach from=$terms item=term}
+        addJobTerm(-1, "{$term.jtid}", "{$term.full_name|replace:'"':'\\"'}");
+        {/foreach}
+        $('.term_search').autocomplete(platal_baseurl + 'profile/jobterms',
+          {ldelim}
+            "formatItem" : displayJobTerm,
+            "extraParams" : {ldelim} "jobid" : "-1" {rdelim},
+            "width" : $('.term_search').width()*2,
+            "onItemSelect" : selectJobTerm,
+            "matchSubset" : false
+          {rdelim});
+      {rdelim});
+      /* ]]> */
+      </script>
     </td>
   </tr>
   <tr>
-    <td>
-      <div style="float: left; width: 30%" class="titre">Sous-secteur</div>
-      <span id="ss_secteur_sel"></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">
-          {icon name=cross title="Supprimer ce secteur"}
-        </a>
-        <input type="hidden" name="secteurs[' + s + '][' + ss + ']" value="{$ss_sect}" />
-        {$ss_sect}
-      </div>
-      {/foreach}
-      {/foreach}
-      {/if}
+    <td colspan="2" class="term_tree">
     </td>
   </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