{**************************************************************************}
{* *}
-{* 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 : 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 :</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 ;</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 : 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|default:" "}</option>
+ {/iterate}
</select>
</td>
</tr>
<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 : 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=""> </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 : 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