Merge commit 'origin/master' into fusionax
[platal.git] / templates / profile / general.tpl
index 2d5870b..3cabb1c 100644 (file)
@@ -1,6 +1,6 @@
 {**************************************************************************}
 {*                                                                        *}
-{*  Copyright (C) 2003-2007 Polytechnique.org                             *}
+{*  Copyright (C) 2003-2009 Polytechnique.org                             *}
 {*  http://opensource.polytechnique.org/                                  *}
 {*                                                                        *}
 {*  This program is free software; you can redistribute it and/or modify  *}
 {*                                                                        *}
 {**************************************************************************}
 
+<table class="bicol" style="margin-bottom: 1em" summary="Profil : Noms">
+  <tr>
+    <th colspan="3">Noms</th>
+  </tr>
+  <tr>
+    <td class="titre">
+      {icon name="flag_green" title="site public"}&nbsp;Affichage public
+    </td>
+    <td id="public_name">
+      {$public_name}
+    </td>
+    <td rowspan="2">
+      <a href="javascript:displayNamesAdvanced();">
+        {icon name="page_edit" title="Plus de détail"}
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td class="titre">
+      {icon name="flag_red" title="site privé"}&nbsp;Affichage privé
+    </td>
+    <td id="private_name">
+      {$private_name}
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <span class="titre">Comment t'appeller</span><br />
+      <span class="smaller">sur le site, dans la lettre mensuelle...</span>
+    </td>
+    <td>
+      <input type="text" name="yourself" value="{$yourself}" size="25"/>
+    </td>
+    <td></td>
+  </tr>
+  <tr class="names_advanced" style="display: none">
+    <td colspan="3">
+      <span class="titre">Gestion de tes noms, prénoms, surnoms...</span>
+      <span class="smaller">Ils déterminent la façon dont ton nom apparaît sur les annuaires
+      en ligne et papier et ta fiche apparaitra quand on cherche un de ces noms. Pour plus
+      d'explications sur l'icône suivante
+      <a href="profile/name_info" class="popup3">{icon name="information" title="Plus d'infos"}</a>.</span><br/>
+      <div class="small center">Si un de tes noms commence par une particule,
+      coche la case en bout de ligne.</div>
+    </td>
+  </tr>
+  {foreach from=$search_names item=sn key=id}
+    {include file="profile/general.searchname.tpl" i=$id sn=$sn class="names_advanced" style="display: none"}
+  {/foreach}
+  <tr class="names_advanced" id="searchname" style="display: none">
+    <td colspan="2">
+      <div id="sn_add" class="center">
+        <a href="javascript:addSearchName();">
+          {icon name=add title="Ajouter un nom"} Ajouter un nom
+        </a>
+      </div>
+    </td>
+  </tr>
+</table>
 
-{include file="profile/applis.js.tpl"}
-  <table class="bicol" style="margin-bottom: 1em"
-    summary="Profil : Informations générales">
-    <tr>
-      <th colspan="2">
-        Informations générales
-      </th>
-    </tr>
-    <tr>
-      <td colspan="2" class="flags">
-        <span class="vert">
-          <input type="checkbox" disabled="disabled" checked="checked" />
-        </span>
-        <span class="texte">
-          site public
-        </span>
-      </td>
-    </tr>
-    <tr>
-      <td class="colg">
-        <span class="titre">Nom</span>
-        <span class="comm"></span>
-      </td>
-      <td class="cold">
-        <input type='text' name='nom' {if $errors.nom}class="error"{/if} value="{$nom}" />
-      </td>
-    </tr>
-    <tr>
-      <td class="colg">
-        <span class="titre">Prénom</span>
-        <span class="comm"></span>
-      </td>
-      <td class="cold">
-        <input type='text' name='prenom' {if $errors.prenom}class="error"{/if} value="{$prenom}" />
-      </td>
-    </tr>
-    <tr>
-      <td class="colg">
-        <span class="titre">Promotion</span>
-      </td>
-      <td class="cold">
-        <span class="nom">X{$promo}{if ($promo != $promo_sortie - 3)} - X{math equation="a - b" a=$promo_sortie b=3}{/if}</span>
-        <span class="lien"><a href="profile/orange">modifier</a>{if ($promo_sortie -3 == $promo)} pour les oranges{/if}</span>
-      </td>
-    </tr>
-    <tr>
-      <td class="colg">
-        <span class="titre">Nom d'usage</span><br />
-        {if $smarty.session.sexe}
-        <span class="comm">(Notamment nom d'épouse)</span>
-        {else}
-        <span class="comm">(si différent de {$nom} seulement)</span>
-        {/if}
-      </td>
-      <td class="cold">
-        <span class="nom">{$nom_usage|default:"Aucun"}</span>
-        <span class="lien"><a href="profile/usage">modifier</a></span>
-      </td>
-    </tr>
-    <tr>
-      <td class="colg">
-        <span class="titre">Nationalité</span>
-      </td>
-      <td class="cold">
-        <select name="nationalite">
-          {select_nat valeur=$nationalite}
-        </select>
-      </td>
-    </tr>
-    <tr class="pair">
-      <td class="colg">
-        <span class="titre">Application</span><br />
-        <span class="comm">(4ème année de l'X)</span>
-      </td>
-      <td class="cold">
-        <select name="appli1[id]" onchange="fillType(this.form['appli1[type]'], this.selectedIndex-1);">
-          {applis_options selected=$appli1.id}
-        </select>
-        <br />
-        <select name="appli1[type]">
-          <option value=""></option>
+<table class="bicol" style="margin-bottom: 1em"
+  summary="Profil&nbsp;: Informations générales">
+  <tr>
+    <th colspan="2">
+      <div class="flags" style="float: left">
+        <input type="checkbox" disabled="disabled" checked="checked" />
+        {icon name="flag_green" title="site public"}
+      </div>
+      Informations générales
+    </th>
+  </tr>
+  <tr>
+    <td>
+      <span class="titre">Promotion</span>
+    </td>
+    <td>
+      {if !$promo_choice}
+        <span class="nom">{$promo_display}</span>
+      {else}
+        <select name="promo_display">
+        {foreach from=$promo_choice item="promo_to_display"}
+          <option value="{$promo_to_display}" {if $promo_to_display eq $promo_display}selected="selected"{/if}>{$promo_to_display}</option>
+        {/foreach}
         </select>
-        <script type="text/javascript">
-          <!--
-          fillType(document.forms.prof_annu['appli1[type]'], document.forms.prof_annu['appli1[id]'].selectedIndex-1);
-          selectType(document.forms.prof_annu['appli1[type]'], '{$appli1.type}');
-          //-->
-        </script>
-      </td>
-    </tr>
-    <tr class="pair">
-      <td class="dcolg">
-        <span class="titre">Post-application</span>
-      </td>
-      <td class="dcold">
-        <select name="appli2[id]" onchange="fillType(this.form['appli2[type]'], this.selectedIndex-1);">
-          {applis_options selected=$appli2.id}
-        </select>
-        <br />
-        <select name="appli2[type]">
-          <option value=""></option>
-        </select>
-        <script type="text/javascript">
-          <!--
-          fillType(document.forms.prof_annu['appli2[type]'], document.forms.prof_annu['appli2[id]'].selectedIndex-1);
-          selectType(document.forms.prof_annu['appli2[type]'], '{$appli2.type}');
-          //-->
-        </script>
-      </td>
-    </tr>
-  </table>
+      {/if}
+      <span class="lien"><a href="profile/orange" {if ($grad_year -3 == $entry_year)} {popup text="pour les oranges"}{/if}>{icon name="page_edit" title="modifier"}</a></span>
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <span class="titre">Date de naissance</span>
+    </td>
+    <td><input type="text" {if $errors.naissance}class="error"{/if} name="naissance" value="{$naissance}" /></td>
+  </tr>
+  <tr>
+    <td>
+      <span class="titre">Nationalité</span>
+    </td>
+    <td>
+      <select name="nationalite">
+        {select_nat valeur=$nationalite pad=1}
+      </select>
+      <a href="javascript:addNationality();">{icon name=add title="Ajouter une nationalité"}</a>
+    </td>
+  </tr>
+  <tr id="nationalite2" {if !$nationalite2}style="display: none"{/if}>
+    <td></td>
+    <td>
+      <select name="nationalite2">
+        {select_nat valeur=$nationalite2 pad=1}
+      </select>
+      <a href="javascript:delNationality('2');">{icon name=cross title="Supprimer cette nationalité"}</a>
+    </td>
+  </tr>
+  <tr id="nationalite3" {if !$nationalite3}style="display: none"{/if}>
+    <td></td>
+    <td>
+      <select name="nationalite3">
+        {select_nat valeur=$nationalite3 pad=1}
+      </select>
+      <a href="javascript:delNationality('3');">{icon name=cross title="Supprimer cette nationalité"}</a>
+    </td>
+  </tr>
+</table>
+
+<table class="bicol" style="margin-bottom: 1em" summary="Profil&nbsp;: Formations">
+  <tr>
+    <th colspan="2">
+      <div class="flags" style="float: left">
+        <input type="checkbox" disabled="disabled" checked="checked" />
+        {icon name="flag_green" title="site public"}
+      </div>
+      Formations
+    </th>
+  </tr>
+  {foreach from=$edus key=eduid item=edu}
+    {cycle values="impair, pair" assign=class}
+    {include file="profile/general.edu.tpl" eduid=$eduid edu=$edu edu_fields=$edu_fields class=$class}
+  {/foreach}
+  {if $edus|@count eq 0}
+    {cycle values="impair, pair" assign=class}
+    {include file="profile/general.edu.tpl" eduid=0 edu=0 class=$class}
+  {/if}
+  {cycle values="impair, pair" assign=class}
+  {assign var=eduaddid value=$edus|@count}
+  <tr id="edu_add" class="edu_{$eduaddid} {$class}">
+    <td colspan="2">
+      <div class="center" style="clear: both; padding-top: 4px;">
+        <a href="javascript:addEdu();">
+          {icon name=add title="Ajouter une formation"} Ajouter une formation
+        </a>
+      </div>
+    </td>
+  </tr>
+  <tr class="{$class}">
+    <td class="center" colspan="2">
+      <small>Si ta formation ne figure pas dans la liste,
+      <a href="mailto:support@{#globals.mail.domain#}">contacte-nous</a>.</small>
+    </td>
+  </tr>
+ </table>
 
 {if !$no_private_key}
-  <table class="bicol"  style="margin-bottom: 1em"
-    summary="Profil : Informations générales">
-    <tr>
-      <th>
-        Synchronisation avec l'AX
-      </th>
-    </tr>
-    <tr>
-      <td>
-        <p>
-          Le service annuaire de l'<a href='http://www.polytechniciens.com'>AX</a> met à jour l'annuaire papier à partir des informations que tu lui fournis. Tu peux choisir ici d'envoyer directement les données de ta fiche Polytechnique.org vers ta <a href="http://www.polytechniciens.com/?page=AX_FICHE_ANCIEN&amp;anc_id={$matricule_ax}">fiche AX</a>.
-        </p>
-        <p>
-          L'opération de synchronisation prend en compte toutes les informations que tu as marquées comme transmises à l'AX (en orange ou en vert). Elle peut alors effacer, modifier ou rajouter des informations sur ta <a href="http://www.polytechniciens.com/?page=AX_FICHE_ANCIEN&amp;anc_id={$matricule_ax}">fiche AX</a> selon ce qui s'y trouve déjà.
-        </p>
-        <p class="center">
-          <a href="profile/edit/general?synchro_ax=confirm" onclick="return confirm('Es-tu sûr de vouloir lancer la synchronisation ?')"><input type="button" value="Synchroniser"/></a>
-        </p>
-      </td>
-    </tr>
-    <tr>
-      <td class="col">
-        <table class="flags" cellspacing="0" summary="Flags">
-          <tr>
-            <td class="orange">
-              <input type="checkbox" name="synchro_ax" {if $synchro_ax}checked="checked" {/if}/>
-            </td>
-            <td class="texte">
-              Autoriser la synchronisation vers l'AX par des administrateurs ou des scripts automatiques.
-            </td>
-          </tr>
-        </table>
-      </td>
-    </tr>
-  </table>
+<table class="bicol"  style="margin-bottom: 1em"
+  summary="Profil&nbsp;: Informations générales">
+  <tr>
+    <th>
+      Synchronisation avec l'AX
+    </th>
+  </tr>
+  <tr>
+    <td class="flags">
+      <input type="checkbox" name="synchro_ax" {if $synchro_ax}checked="checked" {/if}/>
+      {icon name="flag_orange" title="transmis à l'AX"}
+      <span class="texte">
+        Autoriser la synchronisation vers l'AX par des administrateurs ou des scripts automatiques.
+      </span>
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <p>
+        Le service annuaire de l'<a href='http://www.polytechniciens.com'>AX</a> met à jour l'annuaire papier à partir des informations que tu lui fournis. Tu peux choisir ici d'envoyer directement les données de ta fiche Polytechnique.org vers ta <a href="http://www.polytechniciens.com/?page=AX_FICHE_ANCIEN&amp;anc_id={$matricule_ax}">fiche AX</a>.
+      </p>
+      <p>
+        L'opération de synchronisation prend en compte toutes les informations que tu as marquées comme transmises à l'AX (en orange ou en vert). Elle peut alors effacer, modifier ou rajouter des informations sur ta <a href="http://www.polytechniciens.com/?page=AX_FICHE_ANCIEN&amp;anc_id={$matricule_ax}">fiche AX</a> selon ce qui s'y trouve déjà.
+      </p>
+      <p class="center">
+        <a href="profile/edit/general?synchro_ax=confirm" onclick="return confirm('Es-tu sûr de vouloir lancer la synchronisation ?')"><input type="button" value="Synchroniser"/></a>
+      </p>
+    </td>
+  </tr>
+</table>
 {/if}
 
-  <table class="bicol"  style="margin-bottom: 1em"
-    summary="Profil: Trombinoscope">
-    <tr>
-      <th colspan="2">
-        Trombinoscope
-      </th>
-    </tr>
-    <tr>
-      <td class="flags" colspan="2">
-        <span class="vert"><input type="checkbox" name="photo_pub" {if $photo_pub eq 'public'}checked="checked" {/if}/></span>
-        <span class="texte">site public</span>
-      </td>
-    </tr>
-    <tr>
-      <td {if !$nouvellephoto}colspan="2"{/if} class="center" style="width: 49%">
-        <div class="titre">Ta photo actuelle</div>
-        <img src="photo/{$smarty.session.forlife}" alt=" [ PHOTO ] " style="max-height: 250px; margin-top: 1em" />
-      </td>
-      {if $nouvellephoto}
-      <td class="center" style="width: 49%">
-        <div class="titre">Photo en attente de validation</div>
-        <div>
-          <a href="profile/{$smarty.session.forlife}?modif=new" class="popup2">
-            Ta fiche avec cette photo
-          </a>
+<table class="bicol"  style="margin-bottom: 1em"
+  summary="Profil&nbsp;: Trombinoscope">
+  <tr>
+    <th colspan="2">
+      <div class="flags" style="float: left">
+        <label><input type="checkbox" name="photo_pub" {if $photo_pub eq 'public'}checked="checked" {/if}/>
+        {icon name="flag_green" title="site public"}</label>
+      </div>
+      Trombinoscope
+    </th>
+  </tr>
+  <tr>
+    <td {if !$nouvellephoto}colspan="2"{/if} class="center" style="width: 49%">
+      <div class="titre">Ta photo actuelle</div>
+      <img src="photo/{$smarty.session.hruid}" alt=" [ PHOTO ] " style="max-height: 250px; margin-top: 1em" />
+    </td>
+    {if $nouvellephoto}
+    <td class="center" style="width: 49%">
+      <div class="titre">Photo en attente de validation</div>
+      <div>
+        <a href="profile/{$smarty.session.hruid}?modif=new" class="popup2">
+          Ta fiche avec cette photo
+        </a>
+      </div>
+      <img src="photo/{$smarty.session.hruid}/req" alt=" [ PHOTO ] " style="max-height: 250px; margin-top: 1em" />
+    </td>
+    {/if}
+  </tr>
+  <tr class="pair">
+    <td colspan="2">
+      Pour profiter de cette fonction intéressante, tu dois disposer
+      quelque part (sur ton ordinateur ou sur Internet) d'une photo
+      d'identité (dans un fichier au format JPEG, PNG ou GIF).<br />
+      <div class="center">
+        <a href="photo/change">Éditer ta photo</a>
+      </div>
+    </td>
+  </tr>
+</table>
+
+<table class="bicol" style="margin-bottom: 1em"
+  summary="Profil&nbsp;: Divers">
+  <tr>
+    <th colspan="2">
+      Divers
+    </th>
+  </tr>
+  <tr>
+    <td colspan="2">
+      <span class="titre">Téléphones personnels</span>
+    </td>
+  </tr>
+  <tr>
+    <td colspan="2">
+      {foreach from=$tels key=telid item=tel}
+        <div id="tels_{$telid}" style="clear: both; padding-top: 4px; padding-bottom: 4px">
+          {include file="profile/phone.tpl" prefname='tels' prefid='tels' telid=$telid tel=$tel}
+        </div>
+      {/foreach}
+      {if $tels|@count eq 0}
+        <div id="tels_0" style="clear: both; padding-top: 4px; padding-bottom: 4px">
+          {include file="profile/phone.tpl" prefname='tels' preid='tels' telid=0 tel=0}
         </div>
-        <img src="photo/{$smarty.session.forlife}/req" alt=" [ PHOTO ] " style="max-height: 250px; margin-top: 1em" />
-      </td>
       {/if}
-    </tr>
-    <tr>
-      <td colspan="2">
-        Pour profiter de cette fonction intéressante, tu dois disposer
-        quelque part (sur ton ordinateur ou sur Internet) d'une photo
-        d'identité (dans un fichier au format JPEG, PNG ou GIF).<br />
+      <div id="tels_add" class="center" style="clear: both; padding-top: 4px;">
+        <a href="javascript:addTel('tels', 'tels');">
+          {icon name=add title="Ajouter un téléphone"} Ajouter un téléphone
+        </a>
+      </div>
+    </td>
+  </tr>
+  {if $email_error}
+    {include file="include/emails.combobox.tpl" name="email_directory" val=$email_directory_error error=$email_error i="0"}
+  {else}{include file="include/emails.combobox.tpl" name="email_directory" val=$email_directory error=$email_error i="0"}{/if}
+  <tr>
+    <td colspan="2">
+      <span class="titre">Messageries, networking et sites web</span>
+    </td>
+  </tr>
+  {foreach from=$networking item=network key=id}
+    {include file="profile/general.networking.tpl" nw=$network i=$id}
+  {/foreach}
+  <tr id="networking">
+    <script type="text/javascript">//<![CDATA[
+      var nw_list = new Array();
+      {foreach from=$network_list item=network}
+        nw_list['{$network.name}'] = {$network.type};
+      {/foreach}
+    //]]></script>
+    <td colspan="2">
+      <div id="nw_add" class="center">
+        <a href="javascript:addNetworking();">
+          {icon name=add title="Ajouter une adresse"} Ajouter une adresse
+        </a>
+      </div>
+    </td>
+  </tr>
+<!--  <tr id="networking">
+    <td colspan="2">
+      <div style="float: left; width: 200px;">
+        <span class="titre" style="margin-left:1em;">Type à ajouter</span>
+      </div>
+      <div style="float: left;">
+        <div id="nw_type_ac" style="background-color: white; border: solid 1px black; position: absolute; width: 208px; display: none">TEST</div>
+        <input type="text" size="30" id="nw_type" name="nw_type" onkeyup="updateNetworking()">
+        <span id="nw_add" style="display: none">
+          <a href="javascript:addNetworking();">{icon name=add title="Ajouter cette adresse"}</a>
+        </span>
+      </div>
+    </td>
+  </tr>-->
+  <tr class="pair">
+    <td>
+      <div>
+        <span class="flags">
+          <label><input type="checkbox" name="freetext_pub" {if $freetext_pub eq 'public'}checked="checked"{/if} />
+          {icon name="flag_green" title="site public"}</label>
+        </span>&nbsp;
+        <span class="titre">Commentaire</span>
+      </div>
+      <div class="smaller" style="margin-top: 30px">
+        <a href="wiki_help/notitle" class="popup3">
+          {icon name=information title="Syntaxe wiki"} Voir la syntaxe wiki autorisée
+        </a>
         <div class="center">
-          <a href="photo/change">Éditer ta photo</a>
-        </div>
-      </td>
-    </tr>
-  </table>
-  <table class="bicol" style="margin-bottom: 1em"
-    summary="Profil: Divers">
-    <tr>
-      <th colspan="2">
-        Divers
-      </th>
-    </tr>
-    <tr>
-      <td colspan="2" class="pflags">
-        <table class="flags" summary="Flags" cellpadding="0" cellspacing="0">
-          <tr>
-            <td class="rouge">
-              <input type="checkbox" disabled="disabled" checked="checked" />
-            </td>
-            <td class="texte">
-              privé
-            </td>
-          </tr>
-        </table>
-      </td>
-    </tr>
-    <tr>
-      <td class="colg">
-        <span class="titre">Surnom</span>
-      </td>
-      <td class="cold">
-        <input type="text" size="35" maxlength="64"
-               {if $errors.nick}class="error"{/if} name="nick" value="{$nick}" />
-      </td>
-    </tr>
-    <tr>
-      <td colspan="2" class="pflags">
-        <table class="flags" summary="Flags" cellpadding="0" cellspacing="0">
-          <tr>
-            <td class="vert">
-              <input type="radio" name="mobile_pub" {if $mobile_pub eq 'public'}checked="checked"{/if} value='public' />
-            </td>
-            <td class="texte">
-              site public
-            </td>
-            <td class="orange">
-              <input type="radio" name="mobile_pub" {if $mobile_pub eq 'ax'}checked="checked"{/if} value='ax' />
-            </td>
-            <td class="texte">
-              transmis à l'AX
-            </td>
-            <td class="rouge">
-              <input type="radio" name="mobile_pub" {if $mobile_pub eq 'private'}checked="checked"{/if} value='private' />
-            </td>
-            <td class="texte">
-              privé
-            </td>
-            <td class="texte">
-              <a href="Xorg/FAQ?display=light#flags" class="popup_800x240">Quelle couleur ??</a>
-            </td>
-          </tr>
-        </table>
-      </td>
-    </tr>
-    <tr>
-      <td class="colg">
-        <span class="titre">Téléphone mobile</span>
-      </td>
-      <td class="cold">
-        <input type="text" size="18" maxlength="18" name="mobile"
-               {if $errors.mobile}class="error"{/if} value="{$mobile}" />
-      </td>
-    </tr>
-    <tr>
-      <td colspan="2" class="flags">
-        <table class="flags" summary="Flags" cellpadding="0" cellspacing="0">
-          <tr>
-            <td class="vert">
-              <input type="checkbox" name="web_pub" {if $web_pub eq 'public'}checked="checked"{/if} />
-            </td>
-            <td class="texte">
-              site public
-            </td>
-            <td class="texte">
-              <a href="Xorg/FAQ?display=light#flags" class="popup_800x240">Quelle couleur ??</a>
-            </td>
-          </tr>
-        </table>
-      </td>
-    </tr>
-    <tr>
-      <td class="dcolg">
-        <span class="titre">Page web Perso</span>
-      </td>
-      <td class="dcold">
-        <input type="text" size="35" maxlength="95" name="web"
-               {if $errors.web}class="error"{/if} value="{$web}" />
-      </td>
-    </tr>
-    <tr>
-      <td colspan="2" class="pflags">
-        <table class="flags" summary="Flags" cellpadding="0" cellspacing="0">
-          <tr>
-            <td class="vert">
-              <input type="checkbox" name="freetext_pub" {if $freetext_pub eq 'public'}checked="checked"{/if} />
-            </td>
-            <td class="texte">
-              site public
-            </td>
-            <td class="texte">
-              <a href="Xorg/FAQ?display=light#flags" class="popup_800x240">Quelle couleur ??</a>
-            </td>
-          </tr>
-        </table>
-      </td>
-    </tr>
-    <tr>
-      <td class="dcolg">
-        <div>
-          <span class="titre">Complément libre</span>
-          <span class="comm">Commentaire ? ICQ ? etc...</span>
-        </div>
-        <div class="smaller" style="margin-top: 30px">
-          <a href="wiki_help/notitle" class="popup3">
-            {icon name=information title="Syntaxe wiki"} Voir la syntaxe wiki autorisée pour le commentaire
-          </a>
-          <div class="center">
-            <input type="submit" name="preview" value="Aperçu"
-                    onclick="previewWiki('freetext', 'ft_preview', true, 'ft_preview'); return false;" />
-          </div>
+          <input type="submit" name="preview" value="Aperçu"
+                  onclick="previewWiki('freetext', 'ft_preview', true, 'ft_preview'); return false;" />
         </div>
-      </td>
-      <td class="dcold">
-        <div id="ft_preview" style="display: none"></div>
-        <textarea name="freetext" {if $errors.freetext}class="error"{/if}
-                  id="freetext" rows="8" cols="35" >{$freetext}</textarea>
-      </td>
-    </tr>
-  </table>
+      </div>
+    </td>
+    <td>
+      <div id="ft_preview" style="display: none"></div>
+      <textarea name="freetext" {if $errors.freetext}class="error"{/if}
+                id="freetext" rows="8" cols="50" >{$freetext}</textarea>
+    </td>
+  </tr>
+</table>
 
 {* vim:set et sw=2 sts=2 sws=2 enc=utf-8: *}