| 1 | {**************************************************************************} |
| 2 | {* *} |
| 3 | {* Copyright (C) 2003-2007 Polytechnique.org *} |
| 4 | {* http://opensource.polytechnique.org/ *} |
| 5 | {* *} |
| 6 | {* This program is free software; you can redistribute it and/or modify *} |
| 7 | {* it under the terms of the GNU General Public License as published by *} |
| 8 | {* the Free Software Foundation; either version 2 of the License, or *} |
| 9 | {* (at your option) any later version. *} |
| 10 | {* *} |
| 11 | {* This program is distributed in the hope that it will be useful, *} |
| 12 | {* but WITHOUT ANY WARRANTY; without even the implied warranty of *} |
| 13 | {* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the *} |
| 14 | {* GNU General Public License for more details. *} |
| 15 | {* *} |
| 16 | {* You should have received a copy of the GNU General Public License *} |
| 17 | {* along with this program; if not, write to the Free Software *} |
| 18 | {* Foundation, Inc., *} |
| 19 | {* 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA *} |
| 20 | {* *} |
| 21 | {**************************************************************************} |
| 22 | |
| 23 | <script type="text/javascript">//<![CDATA[ |
| 24 | {literal} |
| 25 | |
| 26 | function updateCountry() |
| 27 | { |
| 28 | var val = document.forms.prof_annu.countries_sel.value; |
| 29 | var show = true; |
| 30 | if (val == '') { |
| 31 | show = false; |
| 32 | } |
| 33 | if (document.getElementById('countries_' + val) != null) { |
| 34 | show = false; |
| 35 | } |
| 36 | document.getElementById('countries_add').style.display = show ? '' : 'none'; |
| 37 | } |
| 38 | |
| 39 | function addCountry() |
| 40 | { |
| 41 | var cb = document.forms.prof_annu.countries_sel; |
| 42 | var val = cb.value; |
| 43 | var text = cb.options[cb.selectedIndex].text; |
| 44 | var html = '<div id="countries_' + val + '" style="clear: both; margin-bottom: 0.7em">' |
| 45 | + ' <div style="float: left; width: 50%">' + text + '</div>' |
| 46 | + ' <input type="hidden" name="countries[' + val + ']" value="' + text + '" />' |
| 47 | + ' <a href="javascript:removeCountry(\'' + val + '\')">' |
| 48 | + ' <img src="images/icons/cross.gif" alt="" title="Supprimer ce pays" />' |
| 49 | + ' </a>' |
| 50 | + '</div>'; |
| 51 | $('#countries').append(html); |
| 52 | updateCountry(); |
| 53 | } |
| 54 | |
| 55 | function removeCountry(id) |
| 56 | { |
| 57 | $('#countries_' + id).remove(); |
| 58 | updateCountry(); |
| 59 | } |
| 60 | |
| 61 | function updateSSecteur() |
| 62 | { |
| 63 | var s = document.forms.prof_annu.secteur_sel.value; |
| 64 | var ss = document.forms.prof_annu['jobs[-1][ss_secteur]'].value; |
| 65 | var show = true; |
| 66 | if (s == '' || ss == '') { |
| 67 | show = false; |
| 68 | } |
| 69 | if (document.getElementById('secteurs_' + s + '_' + ss) != null) { |
| 70 | show = false; |
| 71 | } |
| 72 | document.getElementById('secteurs_add').style.display = show ? 'block' : 'none'; |
| 73 | } |
| 74 | |
| 75 | function updateSecteur() |
| 76 | { |
| 77 | var secteur = document.forms.prof_annu.secteur_sel.value; |
| 78 | if (secteur == '') { |
| 79 | secteur = '-1'; |
| 80 | } |
| 81 | $.get(platal_baseurl + 'profile/ajax/secteur/-1/' + secteur, |
| 82 | function(data) { |
| 83 | data = '<a href="javascript:addSecteur()" style="display: none; float: right" id="secteurs_add">' |
| 84 | + ' <img src="images/icons/add.gif" alt="" title="Ajouter ce secteur" />' |
| 85 | + '</a>' + data; |
| 86 | document.getElementById('ss_secteur_sel').innerHTML = data; |
| 87 | attachEvent(document.forms.prof_annu['jobs[-1][ss_secteur]'], 'change', updateSSecteur); |
| 88 | }); |
| 89 | } |
| 90 | |
| 91 | function addSecteur() |
| 92 | { |
| 93 | var scb = document.forms.prof_annu.secteur_sel; |
| 94 | var s = scb.value; |
| 95 | var st = scb.options[scb.selectedIndex].text; |
| 96 | |
| 97 | var sscb = document.forms.prof_annu['jobs[-1][ss_secteur]']; |
| 98 | var ss = sscb.value; |
| 99 | var sst = sscb.options[sscb.selectedIndex].text; |
| 100 | |
| 101 | var html = '<div id="secteurs_' + s + '_' + ss + '" style="clear: both; margin-top: 0.5em" class="titre">' |
| 102 | + ' <a href="javascript:removeSecteur(\'' + s + '\', \'' + ss + '\')" style="display: block; float: right">' |
| 103 | + ' <img src="images/icons/cross.gif" alt="" title="Supprimer ce secteur" />' |
| 104 | + ' </a>' |
| 105 | + ' <input type="hidden" name="secteurs[' + s + '][' + ss + ']" value="' + sst + '" />' |
| 106 | + ' ' + sst |
| 107 | + '</div>'; |
| 108 | $('#secteurs').append(html); |
| 109 | updateSSecteur(); |
| 110 | } |
| 111 | |
| 112 | function removeSecteur(s, ss) |
| 113 | { |
| 114 | $('#secteurs_' + s + '_' + ss).remove(); |
| 115 | updateSSecteur(); |
| 116 | } |
| 117 | |
| 118 | {/literal} |
| 119 | //]]></script> |
| 120 | |
| 121 | <p> |
| 122 | Si tu acceptes que ceux des camarades te contactent afin de te demander |
| 123 | conseil, dans les domaines que tu connais bien, et pour lesquels tu pourrais |
| 124 | les aider, remplis cette rubrique. |
| 125 | </p> |
| 126 | <p> |
| 127 | Tu peux mentionner ici les domaines de compétences, les expériences |
| 128 | notamment internationales sur la base desquels tu seras identifiable depuis |
| 129 | <a href="referent/search">la page de recherche d'un conseil professionnel</a>.<br /> |
| 130 | </p> |
| 131 | <p>Le mentoring est particulièrement important pour les camarades :</p> |
| 132 | <ul> |
| 133 | <li>encore jeunes, sont en train de bâtir leur projet professionnel,</li> |
| 134 | <li>ou bien, plus âgés, souhaitent réorienter leur carrière,</li> |
| 135 | </ul> |
| 136 | |
| 137 | <table class="bicol" style="margin-bottom: 1em" summary="Profil: Mentoring"> |
| 138 | <tr> |
| 139 | <th> |
| 140 | Pays dont tu connais bien la culture professionnelle |
| 141 | </th> |
| 142 | </tr> |
| 143 | <tr> |
| 144 | <td class="flags"> |
| 145 | <span class="rouge"><input type="checkbox" name="accesX" checked="checked" disabled="disabled" /></span> |
| 146 | <span class="texte">privé</span> |
| 147 | </td> |
| 148 | </tr> |
| 149 | <tr class="impair"> |
| 150 | <td> |
| 151 | <div style="float: left; width: 30%" class="titre">Pays</div> |
| 152 | <div id="countries_add" style="display: none; float: right"> |
| 153 | <a href="javascript:addCountry()">{icon name=add title="Ajouter ce pays"}</a> |
| 154 | </div> |
| 155 | <select name="countries_sel" onchange="updateCountry()"> |
| 156 | {geoloc_country country='00'} |
| 157 | </select> |
| 158 | </td> |
| 159 | </tr> |
| 160 | <tr class="pair"> |
| 161 | <td id="countries"> |
| 162 | {foreach from=$countries item=country key=i} |
| 163 | <div id="countries_{$i}" style="clear: both; margin-bottom: 0.7em"> |
| 164 | <div style="float: left; width: 50%">{$country}</div> |
| 165 | <input type="hidden" name="countries[{$i}]" value="{$country}" /> |
| 166 | <a href="javascript:removeCountry('{$i}')">{icon name=cross title="Supprimer ce pays"}</a> |
| 167 | </div> |
| 168 | {/foreach} |
| 169 | </td> |
| 170 | </tr> |
| 171 | </table> |
| 172 | |
| 173 | <table class="bicol" style="margin-bottom: 1em" summary="Profil: Mentoring"> |
| 174 | <tr> |
| 175 | <th> |
| 176 | Secteurs d'activité dans lesquels tu as beaucoup exercé |
| 177 | </th> |
| 178 | </tr> |
| 179 | <tr> |
| 180 | <td class="flags"> |
| 181 | <span class="rouge"><input type="checkbox" name="accesX" checked="checked" disabled="disabled" /></span> |
| 182 | <span class="texte">privé</span> |
| 183 | </td> |
| 184 | </tr> |
| 185 | <tr> |
| 186 | <td id="secteur_sel"> |
| 187 | <div style="float: left; width: 30%" class="titre">Secteur</div> |
| 188 | <select name="secteur_sel" onchange="updateSecteur()"> |
| 189 | <option value=""> </option> |
| 190 | {iterate from=$secteurs_sel item=secteur} |
| 191 | <option value="{$secteur.id}">{$secteur.label}</option> |
| 192 | {/iterate} |
| 193 | </select> |
| 194 | </td> |
| 195 | </tr> |
| 196 | <tr> |
| 197 | <td> |
| 198 | <div style="float: left; width: 30%" class="titre">Sous-secteur</div> |
| 199 | <span id="ss_secteur_sel"></span> |
| 200 | </td> |
| 201 | </tr> |
| 202 | <tr class="pair"> |
| 203 | <td id="secteurs"> |
| 204 | {if $secteurs|@count} |
| 205 | {foreach from=$secteurs item=secteur key=s} |
| 206 | {foreach from=$secteur item=ss_sect key=ss} |
| 207 | <div id="secteurs_{$s}_{$ss}" style="clear: both; margin-top: 0.5em" class="titre"> |
| 208 | <a href="javascript:removeSecteur('{$s}', '{$ss}')" style="display: block; float: right"> |
| 209 | {icon name=cross title="Supprimer ce secteur"} |
| 210 | </a> |
| 211 | <input type="hidden" name="secteurs[' + s + '][' + ss + ']" value="{$ss_sect}" /> |
| 212 | {$ss_sect} |
| 213 | </div> |
| 214 | {/foreach} |
| 215 | {/foreach} |
| 216 | {/if} |
| 217 | </td> |
| 218 | </tr> |
| 219 | </table> |
| 220 | |
| 221 | <table class="bicol" summary="Profil: Mentoring"> |
| 222 | <tr> |
| 223 | <th> |
| 224 | Expérience et expertises que tu acceptes de faire partager |
| 225 | </th> |
| 226 | </tr> |
| 227 | <tr> |
| 228 | <td class="flags"> |
| 229 | <span class="rouge"><input type="checkbox" name="accesX" checked="checked" disabled="disabled" /></span> |
| 230 | <span class="texte">privé</span> |
| 231 | </td> |
| 232 | </tr> |
| 233 | <tr> |
| 234 | <td> |
| 235 | Dans cette case il te faut indiquer en quelques mots ce qui t'a |
| 236 | amené à acquérir l'expérience indiquée, et dans quelle mesure tu |
| 237 | veux bien que ceux de nos camarades qui seraient intéressés par un |
| 238 | contact avec toi, en prennent l'initiative. <strong>Il est obligatoire de |
| 239 | remplir cette dernière case pour apparaître dans la base de données |
| 240 | des "Mentors".</strong> |
| 241 | </td> |
| 242 | </tr> |
| 243 | <tr> |
| 244 | <td> |
| 245 | <textarea rows="8" cols="60" name="expertise">{$expertise}</textarea> |
| 246 | </td> |
| 247 | </tr> |
| 248 | </table> |
| 249 | |
| 250 | {* vim:set et sw=2 sts=2 sws=2 enc=utf-8: *} |