Merge remote branch 'origin/platal-1.0.0'
[platal.git] / templates / profile / mentor.tpl
index 1944c38..56951e6 100644 (file)
@@ -1,6 +1,6 @@
 {**************************************************************************}
 {*                                                                        *}
 {**************************************************************************}
 {*                                                                        *}
-{*  Copyright (C) 2003-2008 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  *}
 {*                                                                        *}
 {**************************************************************************}
 
 {*                                                                        *}
 {**************************************************************************}
 
+{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>
 <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, qui sont en train de bâtir leur projet professionnel ;</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>
 
   <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">
   <tr>
     <th>
       <div class="flags" style="float: left">
       <div id="countries_add" style="display: none; float: right">
         <a href="javascript:addCountry()">{icon name=add title="Ajouter ce pays"}</a>
       </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>
       </select>
     </td>
   </tr>
@@ -62,7 +75,7 @@
       {foreach from=$countries item=country key=i}
       <div id="countries_{$i}" style="clear: both; margin-bottom: 0.7em">
         <a style="display: block; float: right"
       {foreach from=$countries item=country key=i}
       <div id="countries_{$i}" style="clear: both; margin-bottom: 0.7em">
         <a style="display: block; float: right"
-           href="javascript:removeCountry('{$i}')">{icon name=cross title="Supprimer ce pays"}</a>
+           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}" />
       </div>
         <div class="titre">{$country}</div>
         <input type="hidden" name="countries[{$i}]" value="{$country}" />
       </div>
   </tr>
 </table>
 
   </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>
   <tr>
-    <th>
+    <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>
       <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é
+      Mots clefs qui représentent le mieux ton expérience
     </th>
   </tr>
   <tr>
     </th>
   </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>
+    <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>
   </tr>
   <tr>
-    <td>
-      <div style="float: left; width: 30%" class="titre">Sous-secteur</div>
-      <span id="ss_secteur_sel"></span>
+    <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>
     </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}
+  <tr>
+    <td colspan="2" class="term_tree">
     </td>
   </tr>
 </table>
 
     </td>
   </tr>
 </table>
 
-<table class="bicol" summary="Profil: Mentoring">
+<table class="bicol" 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>
   <tr>
     <th>
       <div class="flags" style="float: left">
         <input type="checkbox" name="accesX" checked="checked" disabled="disabled" />
         {icon name="flag_red" title="privé"}
       </div>
-      Expérience et expertises que tu acceptes de faire partager
+      Expériences et expertises que tu acceptes de faire partager
     </th>
   </tr>
   <tr>
     </th>
   </tr>
   <tr>