[Fudaa-cvs-commit] fudaa_devel/aide/src/prepro/template editor2D.xml,NONE,1.1 general-presentation.xml,NONE,1.1 header-doc.xml,NONE,1.1 header-web.xml,NONE,1.1 menu-web.xml,NONE,1.1 menu.xml,NONE,1.1 sort-menu.xsl,NONE,1.1 template.xsl,NONE,1.1 time_curves.xml,NONE,1.1

[<de...@us...>]

Update of /cvsroot/fudaa/fudaa_devel/aide/src/prepro/template
In directory sc8-pr-cvs1:/tmp/cvs-serv12105/prepro/template

Added Files:
	editor2D.xml general-presentation.xml header-doc.xml 
	header-web.xml menu-web.xml menu.xml sort-menu.xsl 
	template.xsl time_curves.xml 
Log Message:
Ajout de la doc pour le prepro


--- NEW FILE: editor2D.xml ---
<?xml version="1.0" encoding="iso-8859-1"?>
  <div class="include">
  <h2>Les calques</h2>
  <h3>L'arbre des calques</h3>
  <div class="float-left">
    <div class="centerH">
      <img src="../images/arbre-calque.jpg" width="246px" height="324px" 
        alt="apercu de l'arbre calque"/>
      <br/>
      <span class="legende">Arbre des calques</span>
    </div>
  </div>
  <p><br/>L'arbre calque représente l'organisation des calques du projet. Les 
    calques situés en amont masquent les suivants. Par exemple, le calque 
    "Légende" sera affiché au-dessus du calque "Numéro des points". Pour 
    travailler sur un calque, il suffit de le sélectionner dans l'arbre des 
    calques. Vous pouvez modifier l'état d'un calque (visible, rapide, ...) en 
    utilisant le menu contextuel de l'arbre des calques (clic droit) ou en 
    utilisant le menu "<code>Editeur 2D>Calques sélectionnées</code>" (modifie 
    tous les calques sélectionnés).</p>
  <p class="spacer"></p>
  <h3>L'organisation des calques</h3>
  <p>L'organisation est identique pour tous les systèmes de modélisation. 
  Les calques sont séparés en 3 groupes: </p>
  <div class="centerH">
    <table class="bord-noir">
      <tr>
        <td class="imp">Infos</td>
        <td>Regroupe les informations générales : les légendes, les numéros des 
          noeuds ou des points. </td>
      </tr>
      <tr>
        <td class="imp">conditions&nbsp;limites</td>
        <td>Permet de modifier les conditions limites du projet. Ce groupe de 
          calque comporte les bords et les points des frontières.</td>
      </tr>
      <tr>
        <td class="imp">Maillage</td>
        <td>Contient les noeuds et les polygones de la géométrie. Permet de 
          modifier les paramètres physiques du projet ( les paramètres attachés 
          aux noeuds ou aux éléments).</td>
      </tr>
    </table>
  </div>
  <h2>Les outils et les indicateurs</h2>
  <p>Les outils de l'éditeur 2D sont accessibles de 3 manières différentes:</p>
  <ul>
    <li> Dans le barre d'outils </li>
    <li>Dans le menu <code>Editeur 2D</code>. </li>
    <li>Dans le menu contextuel de l'éditeur</li>
  </ul>
  <p>Les 2 menus contiennent également les outils spécifiques au système de 
    modélisation.</p>
  <h3>Les indicateurs</h3>
  <p>En bas à gauche de l'éditeur, vous pouvez consulter les coordonnées 
    réelles du pointeur de la souris. En bas à droite, la description de 
    l'outil en cours est donnée.</p>
  <h3>Déplacer la vue</h3>
  <div class="centerH">
    <table class="bord-noir">
      <tr>
        <th>Icône</th>
        <th style="width:15%">Commande</th>
        <th>Commentaire</th>
        <th>Raccourci</th>
      </tr>
      <tr>
        <td class="centerH">
          <img src="../images/restaurer.jpg" width="20px" height="20px" 
            alt="icone"/>
        </td>
        <td>Restaurer</td>
        <td>Affiche la vue dans sa configuration initiale : tout le domaine est 
          visible.</td>
        <td>r</td>
      </tr>
      <tr>
        <td class="centerH">
          <img src="../images/deplacer.jpg" width="20px" height="20px" 
            alt="icone"/>
        </td>
        <td>Déplacer</td>
        <td>Permet de déplacer la vue avec la souris: cliquez sur la vue et 
          déplacez la souris tout en gardant le doigt appuyé. Pour activer le 
          mode " déplacement", il suffit de taper <code>m</code> ( idem pour le 
          désactiver).</td>
        <td>m</td>
      </tr>
      <tr>
        <td class="centerH">
          <img src="../images/zoom.jpg" width="20px" height="20px" alt="icone"/>
        </td>
        <td>Zoom</td>
        <td>Permet de zoomer en avant/arrière. Pour zoomer en avant, il suffit 
          de cliquer sur la vue. Pour zoomer en arrière, vous devez appuyer sur 
          la touche <code>MAJ</code> : "Zoom -" sera écrit dans l'indicateur 
          d'outils ( en bas à droite). Pour agrandir la vue dans une zone 
          précise, il suffit de maintenir le doigt appuyé sur le bouton gauche 
          de la souris et de sélectionner la zone. </td>
        <td>z</td>
      </tr>
      <tr>
        <td class="centerH">
          <img src="../images/repere.jpg" width="20px" height="20px" 
            alt="icone"/>
        </td>
        <td>Repère</td>
        <td>Affiche (ou cache) un composant permettant de spécifier les 
          transformations voulues.</td>
        <td></td>
      </tr>
      <tr>
        <td class="centerH">
          <img src="../images/naviguer.jpg" width="20px" height="20px" 
            alt="icone"/>
        </td>
        <td>Navigation</td>
        <td>Affiche (ou cache) un composant de navigation. La vue actuelle est 
          dessinée en rouge alors que le domaine du projet est dessiné en bleu. 
          Les boutons permettent de déplacer, pivoter ou agrandir la vue.</td>
        <td></td>
      </tr>
    </table>
  </div>
  <h3>Modifier l'affichage</h3>
  <div class="centerH">
    <table class="bord-noir">
      <tr>
        <th>Icône</th>
        <th style="width:15%">Commande</th>
        <th>Commentaire</th>
        <th>Raccourci</th>
      </tr>
      <tr>
        <td class="centerH">
          <img src="../images/couleur_objet.jpg" width="20px" height="20px" 
            alt="icone"/>
        </td>
        <td>Couleur&#160;avant-plan</td>
        <td>Permet de modifier la couleur d'avant-plan du calque 
          sélectionné.</td>
        <td></td>
      </tr>
      <tr>
        <td class="centerH">
          <img src="../images/couleur_fond.jpg" width="20px" height="20px" 
            alt="icone"/>
        </td>
        <td>Couleur&#160;de&#160;fond</td>
        <td>Permet de modifier la couleur de fond du calque sélectionné. Pour 
          l'instant aucun calque n'utilise cette fonctionnalité.</td>
        <td></td>
      </tr>
      <tr>
        <td class="centerH">
          <img src="../images/changer_police.jpg" width="20px" height="20px" 
            alt="icone"/>
        </td>
        <td>Modifier&#160;la&#160;police</td>
        <td>Modifie la police de caractères du calque sélectionné. </td>
        <td></td>
      </tr>
      <tr>
        <td class="centerH">
          <img src="../images/palette.jpg" width="20px" height="20px" 
            alt="icone"/>
        </td>
        <td>Palette&#160;de&#160;couleur</td>
        <td>Modifie la palette de couleur du calque en cours. Cette 
          fonctionnalité est uniquement utilisée par le calque des points : la 
          couleur du point varie en fonction de la hauteur z.</td>
        <td></td>
      </tr>
    </table>
  </div>
  <h3>Sélectionner des objets</h3>
  <p>Il y a trois modes de sélection:</p>
  <table>
    <tr>
      <td>
        <img class="in-text" src="../images/selection_point.jpg" width="20px" 
          height="20px" alt=""/>
      </td>
      <td> Sélection ponctuelle ( Raccourci <code>s</code>)</td>
    </tr>
    <tr>
      <td>
        <img class="in-text" src="../images/selection_rect.jpg" width="20px" 
          height="20px" alt=""/>
      </td>
      <td> Sélection rectangulaire ( Raccourci <code>u</code>)</td>
    </tr>
    <tr>
      <td>
        <img class="in-text" src="../images/selection_poly.jpg" width="20px" 
          height="20px" alt=""/>
      </td>
      <td> Sélection polygonale ( Raccourci <code>p</code>)</td>
    </tr>
  </table>
  <p>Par défaut, la sélection effectuée remplace la sélection courante. Il est 
    possible de modifier ce comportement en utilisant les modificateurs 
    suivants: </p>
  <table class="bord-noir-free">
    <tr>
      <th>Modificateur</th>
      <th>Action</th>
      <th>Indicateur</th>
    </tr>
    <tr>
      <td>Maj</td>
      <td>Ajoute la nouvelle sélection à la sélection courante.</td>
      <td>(+)</td>
    </tr>
    <tr>
      <td>Ctrl</td>
      <td>Enlève la nouvelle sélection à la sélection courante.</td>
      <td>(-)</td>
    </tr>
    <tr>
      <td>Ctrl+Maj</td>
      <td>Opération "ou exclusif"</td>
      <td>(xor)</td>
    </tr>
    <tr>
      <td>Ctrl+Alt</td>
      <td>Sélection entre 2 points ( cf ci-dessous)</td>
      <td>(special)</td>
    </tr>
  </table>
  <h3>Sélectionner des points entre 2 éléments</h3>
  <p>Cette fonctionnalité concerne uniquement les calques du groupe <code>Conditions 
    limites</code>. Utilisation:</p>
  <ul>
    <li>Sélectionner un/ou des points</li>
    <li>Utiliser l'outil "Sélection ponctuelle"</li>
    <li>Appuyer sur les touches <code>Ctrl</code> et <code>Alt</code> et sélectionner le point final</li>
    <li>Tous les points situés entre le point final et le(s) point(s) 
      initial seront ajoutés à la sélection</li>
    <li>La sélection s'effectue toujours dans le sens trigonométrique (même pour les 
      frontières internes)</li>
  </ul>
  <h3>Afficher les numéros des points/éléments</h3>
  <p>Le menu <code>Numéro des points</code> permet d'afficher les numéros de 
    points. Voici les actions possibles:</p>
  <ul>
    <li> Afficher les numéros des points sélectionnés </li>
    <li> Afficher tous les numéros </li>
    <li> Ne plus afficher les numéros </li>
    <li> Afficher les numéros sur la frontière : les numéros des points sur la 
      frontière seront affichés entre parenthèses. </li>
    <li> Modifier la fonte </li>
    <li> Modifier la couleur </li>
  </ul>
  <h3>Rechercher un point/élément</h3>
  <p>Grâce au raccourci <code>Ctrl+F</code> ou au menu 
    <code>Edition>Rechercher</code>, les points, éléments ou frontières peuvent 
    être trouvés à partir de leur index. La boîte de dialogue permet de 
    spécifier le type d'objet à rechercher ( et donc le calque à activer) et les 
    indexs des objets ( séparés par <code>;</code>). Il est également possible 
    de zoomer directement sur les objets et/ou de les éditer (si possible). 
    Exemple: </p>
  <p><img alt="vue de l'exemple de recherche" 
    src="../images/rechercher-panel.jpg" width="281px" height="261px" 
    class="float-left"/>&#160;-&#160;le calque <code>points de bord</code> sera 
    activé,<br/>&#160;-&#160;les points ayant comme index de frontière 
    <code>1,34 ou 3</code> seront recherchés puis édités,<br/>&#160;-&#160;la 
    vue sera centrée sur ces points. </p>
  <p class="warn">Dans certains cas, l'édition peut ne pas être possible. Par 
    exemple, une seule frontière liquide doit être sélectionnée afin d'être 
    éditée.</p>
  <p class="spacer">&#160;</p>
  <h3>fenêtre d'information</h3>
  <p>Le bouton <img class="in-text" src="../images/info.jpg" width="20px" 
    height="20px" alt="icône info"/> permet de rendre visible (ou de cacher) 
    un composant affichant des informations sur les éléments sélectionnés. Le 
    raccourci clavier :<code>i</code>. </p>
</div>
--- NEW FILE: general-presentation.xml ---
(This appears to be a binary file; contents omitted.)

--- NEW FILE: header-doc.xml ---
<?xml version="1.0" encoding="iso-8859-1"?>
    <table id="header">
      <tr>
        <td class="top">
        &nbsp;
          </td>
        </tr>
           <tr><td class="middle">&title-section;</td></tr>
    </table>
--- NEW FILE: header-web.xml ---
<?xml version="1.0" encoding="iso-8859-1"?>
    <table id="header">
      <tr>
        <td class="top">
        <a href="&site-url;">
        <img src="&url;images/fudaa.jpg"  width="28px" height="28px" alt="" />
          pré-processeur Reflux/Telemac 
          </a>
          </td>
        </tr>
           <tr><td class="middle">&nbsp;</td></tr>
    </table>
--- NEW FILE: menu-web.xml ---
<?xml version="1.0" encoding="iso-8859-1"?>
<table id="sous-menu">
<tr><td>
&nbsp;</td>
<td>
          <table>
            <tr>
              <td>
          <a href="index.html">Accueil</a>|</td><td><a 
          href="fonctionnalites.html">Fonctionnalités</a>|</td><td><a 
          href="download.html">Téléchargement</a> 
          </td>
          </tr></table>
          </td></tr>
      </table>
--- NEW FILE: menu.xml ---
<?xml version="1.0" encoding="iso-8859-1"?>
<table id="sous-menu">
<tr><td>
&nbsp;prepro&nbsp;version&nbsp;&version;</td>
<td>
          <table>
            <tr>
              <td>
          <a href="&url;index.html">Doc</a>|</td><td><a 
          href="&url;reflux/index.html">Reflux</a>|</td><td><a 
          href="&url;telemac/index.html">Telemac</a> 
          </td>
          </tr></table>
          </td></tr>
      </table>
--- NEW FILE: sort-menu.xsl ---
<?xml version="1.0" encoding="ISO-8859-1"?>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  
  <xsl:output method="xhtml" indent="yes" encoding="iso-8859-1" 
    omit-xml-declaration="no" 
    doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" 
    doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"/>
    
  <xsl:strip-space elements="*"/>

 <xsl:template match="node()|@*">
    <xsl:copy>
      <xsl:apply-templates select="node()|@*"/>
    </xsl:copy>
  </xsl:template>
  
  <xsl:template match="div[@class='menu-dir']">
    <div class="menu-dir">
      <ul>
    <xsl:for-each select="ul/li">
      <xsl:sort select="a/text()"/>
      <xsl:apply-templates select="."/>
    </xsl:for-each>
    </ul>
    </div>
  </xsl:template>
  
  
</xsl:stylesheet>
--- NEW FILE: template.xsl ---
<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" >
  <xsl:output method="xml" indent="yes" encoding="iso-8859-1" 
    omit-xml-declaration="no" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" 
    doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"/>
  <xsl:param name="lastUpdate" select="'unknown'"/>
  <xsl:param name="destExt" select="'.html'"/>
  <xsl:param name="path" select="xhtml/@path"/>
  <!--<xsl:import href=""/>-->
  <xsl:template match="node()|@*">
    <xsl:copy>
      <xsl:apply-templates select="node()|@*"/>
    </xsl:copy>
  </xsl:template>
  <xsl:template match="html|xhtml">
    <html>
      <head>
        <link type="text/css" rel="stylesheet" href="{$path}common/style.css" />
        <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" 
          />
          <xsl:apply-templates select="//title"/>
      </head>
      <xsl:apply-templates select="body"/>
    </html>
  </xsl:template>
  <!--body-->
  <xsl:template match="body">
    <body id="_topOfThePage">
      <xsl:apply-templates/>
      <xsl:call-template name="footer"/>
    </body>
  </xsl:template>
  <xsl:template match="node()|@*">
    <xsl:copy>
      <xsl:apply-templates select="node()|@*"/>
    </xsl:copy>
  </xsl:template>
  <!--Insere la date-->
  <xsl:template match="lastUpdate">
    <xsl:value-of select="$lastUpdate"/>
  </xsl:template>
  <!--Un icone sera ajoute pour les paragraphes p class="astuce"-->
  <xsl:template match="p[@class='astuce']">
    <p class="astuce">
      <img class="in-text" width="14px" alt="astuces: " height="14px" 
        src="{$path}images/astuce_14.gif" />
      <xsl:apply-templates/>
    </p>
  </xsl:template>
  <xsl:template match="p[@class='warn']">
    <p class="warn">
            <img class="in-text" width="14px" alt="attention:" height="14px" 
        src="{$path}/images/warning_14.gif" />
      <xsl:apply-templates/>
    </p>
  </xsl:template>
  <xsl:template match="div[@class='menu-dir']/a">
    <xsl:if test="not(contains(text(),'index')) and contains(text(),'.xml')">
      <li>
        <a href="{concat(substring-before(text(),'.'),$destExt)}">
          <xsl:value-of select="document(@href)//h1[1]"/>
        </a>
      </li>
    </xsl:if>
  </xsl:template>
    <xsl:template name="footer">
    <div id="footer">
      <p> mise à jour le <xsl:value-of select="$lastUpdate"/></p>
    </div>
  </xsl:template>
  
  <!--Lister les fichiers d'un dossier en evitant le fichier index-->
  <xsl:template match="div[@class='menu-dir']">
    <div class="menu-dir">
      <ul>
        <xsl:apply-templates/>
      </ul>
    </div>
  </xsl:template>
  <xsl:template name="getTitre">
    <xsl:param name="file"></xsl:param>
    <xsl:value-of select="document($file)//xhtml/head/title"/>
  </xsl:template>
  <!--Faire un menu global pour un dossier: ref alphabetique-->
  <xsl:template match="div[@class='menu-alpha']">
    <xsl:variable name="dirToList" select="text()"/>
    <div class="menu-dir">
      <ul>
        <xsl:apply-templates/>
      </ul>
    </div>
  </xsl:template>
  <xsl:template match="div[@class='menu-alpha']/a">
    <xsl:if test="not(contains(text(),'alphabetique'))">
      <xsl:variable name="contenu" select="document(@href)"/>
      <xsl:apply-templates select="$contenu//h1|$contenu//h2|$contenu//h3" 
        mode="alpha">
        <xsl:with-param name="ref" 
          select="concat(substring-before(text(),'.'),$destExt,'#')"/>
      </xsl:apply-templates>
    </xsl:if>
  </xsl:template>
  <!--Creer le menu du corps html-->
  <xsl:template match="body" mode="menu">
    <ul class="menu">
      <li>
        <span class="imp">Sommaire:</span>
      </li>
      <xsl:apply-templates select="h2|h3|div[@class='include']" mode="menu"/>
    </ul>
  </xsl:template>
  <xsl:template match="h1|h2|h3" mode="alpha">
    <xsl:param name="ref"></xsl:param>
    <xsl:variable name="theId">
      <xsl:text>chap_</xsl:text>
      <xsl:number level="any" from="h1" count="h2"/>
      <xsl:text>.</xsl:text>
      <xsl:number level="any" from="h2" count="h3"/>
    </xsl:variable>
    <li>
      <a>
        <xsl:attribute name="href">
          <xsl:value-of select="concat($ref,$theId)"/>
        </xsl:attribute>
        <xsl:value-of select="."/>
      </a>
      <span class="smaller">
        <xsl:text>&#160;&#160;(</xsl:text>
        <xsl:value-of select="//h1[1]"/>
        <xsl:text>)</xsl:text>
      </span>
    </li>
  </xsl:template>
  <xsl:template match="h1|h2|h3">
    <xsl:copy>
      <xsl:attribute name="id">
        <xsl:text>chap_</xsl:text>
        <xsl:number level="any" from="h1" count="h2"/>
        <xsl:text>.</xsl:text>
        <xsl:number level="any" from="h2" count="h3"/>
      </xsl:attribute>
      <xsl:for-each select="@*">
        <xsl:attribute name="{name()}">
          <xsl:value-of select="."/>
        </xsl:attribute>
      </xsl:for-each>
      <xsl:apply-templates/>
    </xsl:copy>
  </xsl:template>
    <xsl:template match="div[@class='include']" mode="menu">
        <xsl:apply-templates select="h2|h3" mode="menu"/>
      </xsl:template>
  <xsl:template match="h2|h3" mode="menu">
    <li>
      <xsl:if test="name()='h3'">
        <xsl:attribute name="class">
          <xsl:text>sub-menu</xsl:text>
        </xsl:attribute>
      </xsl:if>
      <xsl:call-template name="makeLink">
        <xsl:with-param name="theText">
          <xsl:apply-templates select="text()"/>
        </xsl:with-param>
        <xsl:with-param name="theId">
          <xsl:text>chap_</xsl:text>
          <xsl:number level="any" from="h1" count="h2"/>
          <xsl:text>.</xsl:text>
          <xsl:number level="any" from="h2" count="h3"/>
        </xsl:with-param>
      </xsl:call-template>
    </li>
  </xsl:template>
  <!--faire un lien-->
  <xsl:template name="makeLink">
    <xsl:param name="theText"></xsl:param>
    <xsl:param name="theId"></xsl:param>
    <xsl:choose>
      <xsl:when test="$theId">
        <a>
          <xsl:attribute name="href">
            <xsl:text>#</xsl:text>
            <xsl:value-of select="$theId"/>
          </xsl:attribute>
          <xsl:value-of select="$theText"/>
        </a>
      </xsl:when>
      <xsl:otherwise>
        <xsl:value-of select="$theText"/>
      </xsl:otherwise>
    </xsl:choose>
  </xsl:template>
  <!--Lien vers le premier h1-->
  <xsl:template match="div[@class='top-page']">
    <div class="top-page">
      <a> <xsl:attribute name="href"> #<xsl:value-of select="_topOfThePage"/> 
        </xsl:attribute> retour haut </a>
    </div>
  </xsl:template>
  <!--Menu d'un fichier a l'aide des balises h2 et h3-->
  <xsl:template match="div[@class='menu-file']">
    <xsl:apply-templates select="//body" mode="menu"/>
  </xsl:template>
  
    <xsl:template match="div[@class='include']">
    <xsl:apply-templates/>
  </xsl:template>
</xsl:stylesheet>
--- NEW FILE: time_curves.xml ---
<?xml version="1.0" encoding="iso-8859-1"?>
    <div class="include">
      <h2>Disposition</h2>
      <p> <img class="float-left" src="../images/editeur-courbes-temp.jpg" 
        width="448px" height="411px" 
        alt="vue de l'éditeur de courbes temporelles"/> <br/>Le fenêtre est 
        décomposée en deux parties. </p>
      <p>La partie de gauche donne la liste des noms des courbes avec leur 
        couleur respective. Il est possible de modifier la visibilité d'un 
        courbe grâce à la colonne "v".</p><p> Il est possible de redimensionner ou de 
        cacher la partie gauche en plaçant la souris sur la barre verticale 
        de séparation.</p>
      <p>Les courbes sont représentées dans la partie centrale. </p>
      <p class="spacer"/>
      <h2>Les actions</h2>
      <h3>Restaurer la vue</h3>
      <p>Le bouton <img src="../images/restaurer.jpg" width="20px" 
        height="20px" alt="icone" class="in-text"/> situé dans la barre 
        d'outils permet de restaurer la vue.</p>
      <h3>Changer la couleur d'une courbe</h3>
      <p>2 étapes:</p>
      <ul class="num">
        <li>Sélectionner une courbe dans le tableau de gauche</li>
        <li>utiliser le bouton <img src="../images/couleur_objet.jpg" 
          width="20px" height="20px" alt="icone" class="in-text"/> et valider 
          votre choix. </li>
      </ul>
    </div>