Replace sectors by job terms in profile and search (job and mentoring).

[platal.git] / templates / profile / mentor.tpl

diff --git a/templates/profile/mentor.tpl b/templates/profile/mentor.tpl
index 36a6e87..56951e6 100644 (file)
--- a/templates/profile/mentor.tpl
+++ b/templates/profile/mentor.tpl
@@ -1,6 +1,6 @@
 {**************************************************************************}
 {*                                                                        *}
-{*  Copyright (C) 2003-2009 Polytechnique.org                             *}
+{*  Copyright (C) 2003-2010 Polytechnique.org                             *}
 {*  http://opensource.polytechnique.org/                                  *}
 {*                                                                        *}
 {*  This program is free software; you can redistribute it and/or modify  *}
@@ -20,13 +20,15 @@
 {*                                                                        *}
 {**************************************************************************}
 
-<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>
+{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))}
-  <p>
-    <strong>Attention : pour figurer dans la base de données des mentors, il faut remplir la
+  <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 />
-  </p>
+  </div>
 {/if}
 <p>
   Si tu acceptes que des camarades te contactent afin de te demander
@@ -61,9 +63,9 @@
         <a href="javascript:addCountry()">{icon name=add title="Ajouter ce pays"}</a>
       </div>
       <select name="countries_sel" onchange="updateElement('countries')">
-        <option value=""></option>
+        <option value="">&nbsp;</option>
         {iterate from=$countryList item=country}
-        <option value="{$country.iso_3166_1_a2}">{$country.countryFR}</option>
+        <option value="{$country.iso_3166_1_a2}">{$country.countryFR|default:"&nbsp;"}</option>
         {/iterate}
       </select>
     </td>
@@ -73,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"
-           href="javascript:removeElement('countries', '{$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>
@@ -82,48 +84,51 @@
   </tr>
 </table>
 
+<script type="text/javascript" src="javascript/jquery.jstree.js"></script>
+
 <table class="bicol" style="margin-bottom: 1em" summary="Profil&nbsp;: Mentoring">
   <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>
-      Secteurs d'activité dans lesquels tu as beaucoup exercé
+      Mots clefs qui représentent le mieux ton expérience
     </th>
   </tr>
   <tr>
-    <td id="sectorSelection">
-      <div style="float: left; width: 30%" class="titre">Secteur</div>
-      <select name="sectorSelection" onchange="updateSector()">
-        <option value="">&nbsp;</option>
-        {iterate from=$sectorList item=sector}
-        <option value="{$sector.id}">{$sector.name}</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>
-    <td>
-      <div style="float: left; width: 30%" class="titre">Sous-secteur</div>
-      <span id="subSectorSelection"></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>
-  <tr class="pair">
-    <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="sectors[{$s}][{$ss}]" value="{$subSector}" />
-        {$subSector}
-      </div>
-      {/foreach}
-      {/foreach}
-      {/if}
+  <tr>
+    <td colspan="2" class="term_tree">
     </td>
   </tr>
 </table>