MOD refactoring haskell...
[pompage.git] / xsl / yopyop.xsl
index 5c1a1fd..8bc568b 100644 (file)
@@ -1,46 +1,94 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="2.0">\r
  <xsl:template match="filmographie">
-  <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+  <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">\r
+  
    <head>
-    <title>yopYop</title>\r
+    <title>DivX</title>\r
     <link rel="stylesheet" href="../css/yopyop.css" type="text/css" />\r
     <script type="text/javascript" src="../js/yopyop.js" ></script>
-   </head>
-   <body>
-    <h1>DivX</h1>
-    <table id="liste">
-     <tr>
-      <th class="titre">Titre</th>
-      <th class="annee">Année</th>\r
-      <th class="duree">Durée</th>\r
-      <th class="lien">Lien</th>\r
-      <th class="fichier">Fichier</th>
-     </tr>\r
-     
-     <xsl:for-each select="film">
-      <xsl:sort select="annee" order="descending" />\r
-      <xsl:sort select="titre" />
-      <tr>
-       <td onclick="detailFilm('{@id}')" class="titre"><xsl:value-of select="titre"/></td>
-       <td class="annee"><xsl:value-of select="annee"/></td>\r
-       <td class="duree"><xsl:value-of select="duree"/> min</td>\r
-       <td class="lien"><a href="{url}">GO</a></td>\r
-       <td class="fichier"><a href="divx:///{fichier}">GO</a></td>
-      </tr>\r
-      <tr>\r
-       <td colspan="5" class="detail">\r
-        <table class="detail" id="{@id}">\r
-         <tr><td class="titreDetail">Genre<xsl:if test="count(genres/genre) > 1">s</xsl:if></td><td><xsl:for-each select="genres/genre"><xsl:value-of select="."/><xsl:if test="not(position() = last())">, </xsl:if></xsl:for-each></td></tr>\r
-         <tr><td class="titreDetail">Réalisateur<xsl:if test="count(realisateurs/realisateur) > 1">s</xsl:if></td><td><xsl:for-each select="realisateurs/realisateur"><xsl:value-of select="."/><xsl:if test="not(position() = last())">, </xsl:if></xsl:for-each></td></tr>\r
-         <tr><td class="titreDetail">Acteur<xsl:if test="count(acteurs/acteur) > 1">s</xsl:if></td><td><xsl:for-each select="acteurs/acteur"><xsl:value-of select="."/><xsl:if test="not(position() = last())">, </xsl:if></xsl:for-each></td></tr>\r
-         <tr><td class="titreDetail">Pays</td><td><xsl:for-each select="lespays/pays"><xsl:value-of select="."/><xsl:if test="not(position() = last())">, </xsl:if></xsl:for-each></td></tr>\r
-         <tr><td class="titreDetail">Synopsis</td><td><xsl:value-of select="synopsis"/></td></tr>\r
-        </table>\r
-       </td>\r
-      </tr>
-     </xsl:for-each>
-    </table>
+   </head>\r
+   
+   <body onload="doRecherche()" >\r
+   \r
+    <div class="entete" >
+     <h1>DivX</h1>\r
+     <div id="nbFilms" ></div>\r
+     <img src="../img/logo.png" />\r
+     <form class="formulaireRecherche">\r
+      <p>\r
+       <input type="text" onkeyup="doRecherche()" id="recherche" />\r
+       <button onclick="viderRecherche()" id="boutonViderRecherche" title="Réinitialiser la recherche" ></button>\r
+       <button onclick="toutOuvrir()" id="boutonToutOuvrir" title="Voir / Cacher le détail des films" ></button>\r
+       <button onclick="tirerUnFilmAuHasard()" id="boutonAuHasard" title="Tirer un film au hasard" ></button>\r
+      </p>\r
+      <p>\r
+       <input onclick="doRecherche()" id="checkRechercheTitre" type="checkbox" checked="checked" /><label for="checkRechercheTitre">titre</label>\r
+       <input onclick="doRecherche()" id="checkRechercheRealisateurs" type="checkbox" checked="checked" /><label for="checkRechercheRealisateurs">realisateurs</label>\r
+       <input onclick="doRecherche()" id="checkRechercheActeurs" type="checkbox" checked="checked" /><label for="checkRechercheActeurs">acteurs</label>\r
+       <input onclick="doRecherche()" id="checkRechercheGenres" type="checkbox" checked="checked" /><label for="checkRechercheGenres">genres</label>\r
+       <input onclick="doRecherche()" id="checkRecherchePays" type="checkbox" checked="checked" /><label for="checkRecherchePays">pays</label>\r
+      </p>\r
+     </form>\r
+    </div>\r
+    \r
+    <div class="contenu">
+     <table id="liste">     
+      <xsl:for-each select="film">
+       <xsl:sort select="annee" order="descending" />\r
+       <xsl:sort select="titre" />
+       <tr id="ligne{@id}">\r
+        <td class="fichier">\r
+         <div>\r
+           <ul><a></a>\r
+            <xsl:for-each select="fichiers/fichier"><li><a href="divx://{.}"><xsl:value-of select="."/></a></li></xsl:for-each>\r
+           </ul>\r
+          </div>\r
+        </td>\r
+        <td class="lien"><div><a href="{url}"></a></div></td>
+        <td onclick="detailFilm('{@id}')" class="titre" id="titre{@id}"><xsl:value-of select="titre"/></td>
+        <td class="annee"><xsl:value-of select="annee"/></td>\r
+        <td class="duree"><xsl:value-of select="duree"/> min</td>
+       </tr>\r
+       <tr>\r
+        <td colspan="5" class="detail">\r
+         <table class="detail" id="detail{@id}" style="display:none">\r
+          <tr>\r
+           <td rowspan="5" class="affichette">\r
+            <img src="../img/affichette/{@id}.jpg" />\r
+           </td>           \r
+           <td class="titreDetail">Genre<xsl:if test="count(genres/genre) > 1">s</xsl:if></td>\r
+           <td class="detail"><xsl:for-each select="genres/genre"><a onclick="rechercheElement('{.}', 'Genres')"><xsl:value-of select="."/></a><xsl:if test="not(position() = last())">, </xsl:if></xsl:for-each></td>\r
+          </tr>\r
+          <tr>\r
+           <td class="titreDetail">Réalisateur<xsl:if test="count(realisateurs/realisateur) > 1">s</xsl:if></td>\r
+           <td class="detail"><xsl:for-each select="realisateurs/realisateur"><a onclick="rechercheElement('{.}', 'Realisateurs')"><xsl:value-of select="."/></a><xsl:if test="not(position() = last())">, </xsl:if></xsl:for-each></td>\r
+          </tr>\r
+          <tr>\r
+           <td class="titreDetail">Acteur<xsl:if test="count(acteurs/acteur) > 1">s</xsl:if></td>\r
+           <td class="detail"><xsl:for-each select="acteurs/acteur"><a onclick="rechercheElement('{.}', 'Acteurs')"><xsl:value-of select="."/></a><xsl:if test="not(position() = last())">, </xsl:if></xsl:for-each></td>\r
+          </tr>\r
+          <tr>\r
+           <td class="titreDetail">Pays</td>\r
+           <td class="detail"><xsl:for-each select="lespays/pays"><a onclick="rechercheElement('{.}', 'Pays')"><xsl:value-of select="."/></a><xsl:if test="not(position() = last())">, </xsl:if></xsl:for-each></td>\r
+          </tr>\r
+          <tr>\r
+           <td class="titreDetail">Synopsis</td>\r
+           <td class="detail">\r
+            <xsl:for-each select="synopsis/p"><p><xsl:value-of select="."/></p></xsl:for-each>\r
+           </td>\r
+          </tr>\r
+         </table>\r
+        </td>\r
+       </tr>
+      </xsl:for-each>      
+     </table>     \r
+    </div>\r
+    \r
+    <div class="pied">\r
+      <span id="by" >by pifou</span>/<a href="../xpi/divxlist.xpi">extension firefox</a>/<span id="tempsRecherche"></span>\r
+    </div>\r
+    
    </body>
   </html>
  </xsl:template>