templates/profile/mentor.tpl

   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&nbsp;:</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="">&nbsp;</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: *}