From e9fd5c2bdeb9b348717b34d5dc6fad78da86130d Mon Sep 17 00:00:00 2001
From: pifou <pifou@02bbb61a-6d21-0410-aba0-cb053bdfd66a>
Date: Fri, 8 Jun 2007 15:38:46 +0000
Subject: [PATCH] =?utf8?q?MOD=20modification=20du=20css=20pour=20faire=20u?=
 =?utf8?q?n=20truc=20qui=20ressemble=20=C3=A0=20qque=20chose?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

git-svn-id: svn://euphorik.ch/pompage@9 02bbb61a-6d21-0410-aba0-cb053bdfd66a
---
 css/yopyop.css  | 63 +++++++++++++++++++++++++++++++++++++---
 js/yopyop.js    | 19 ++++++++++++
 mise_en_prod.rb | 12 ++++++++
 src/yopyop.rb   |  2 +-
 xml/test.xml    | 10 +++----
 xsl/yopyop.xsl  | 77 ++++++++++++++++++++++++++++---------------------
 6 files changed, 140 insertions(+), 43 deletions(-)
 create mode 100644 js/yopyop.js
 create mode 100644 mise_en_prod.rb

diff --git a/css/yopyop.css b/css/yopyop.css
index 13c59a8..ca657f1 100644
--- a/css/yopyop.css
+++ b/css/yopyop.css
@@ -2,7 +2,62 @@
     margin: 0;
     padding: 0;
     border-width: 0;
-    font: normal 11px Verdana, Helvetica, Arial, sans-serif;
-    color: #000;
-    background-color: #FFF;
-}
\ No newline at end of file
+    font: normal 12pt Arial, Verdana, Helvetica, sans-serif;
+    color: #000000;
+}
+
+h1 {
+	font-size: 20pt;
+	font-style: italic;	
+}
+
+th {
+	font-size: 13pt;
+	font-weight: bold;	
+}
+
+td {
+	vertical-align:top;
+}
+
+table#liste {
+	width: 100%;
+	border-spacing: 0px 0px;
+}
+
+table#liste th {
+    background-color: #9999DD;	
+	padding: 3px;
+}
+
+table#liste td {
+    background-color: #BBBBEE;	
+	padding: 3px;
+}
+
+table#liste td.titre:hover {
+    background-color: #CCCCFF;	
+	padding: 3px;
+}
+
+table#liste td.detail {
+    background-color: #FFFFFF;	
+	padding: 0px 0px 5px 5px;
+}
+
+table#liste table.detail {
+	visibility:hidden;
+	position:absolute;
+	border-spacing: 0px 0px;
+}
+
+table#liste table.detail td {
+	padding: 3px;	
+    background-color: #DDDDFF;
+}
+
+table#liste table.detail td.titreDetail {
+	font-weight: bold;
+}
+
+
diff --git a/js/yopyop.js b/js/yopyop.js
new file mode 100644
index 0000000..1125312
--- /dev/null
+++ b/js/yopyop.js
@@ -0,0 +1,19 @@
+/**
+  * Callback appelé lorsque un film est clické.
+  * Affiche ou cache les informations détaillés pour ce film.
+  */
+function detailFilm(poulpe)
+{
+   var detail = document.getElementById(poulpe)
+   
+   if (detail.style.visibility == "visible")
+   {
+      detail.style.visibility = "hidden"
+      detail.style.position = "absolute"
+   }
+   else
+   {
+      detail.style.visibility = "visible"
+      detail.style.position = "relative"   
+   }
+}
\ No newline at end of file
diff --git a/mise_en_prod.rb b/mise_en_prod.rb
new file mode 100644
index 0000000..8830586
--- /dev/null
+++ b/mise_en_prod.rb
@@ -0,0 +1,12 @@
+if $*.length < 1
+   puts 'Usage: mise_en_prod.rb destination'
+   exit 1
+end
+
+dest = $*[0]
+
+# pour windows
+['xml', 'xsl', 'js', 'css'].each{|rep|
+   `mkdir #{dest}\\#{rep}`
+   `xcopy /Y #{rep} #{dest}\\#{rep}`
+}
\ No newline at end of file
diff --git a/src/yopyop.rb b/src/yopyop.rb
index 949edd8..f9ddd91 100644
--- a/src/yopyop.rb
+++ b/src/yopyop.rb
@@ -10,7 +10,7 @@
 #  o ogm
 #  o mkv
 #  o rmvb
-# - Rechercher chaque film sur le site 'allocine.com' et en pomper un max d'infos
+# - Rechercher chaque film sur le site 'allocine.com' et 'imdb.com' et en pomper un max d'infos
 # - Etablir une petit base de données des films au format xml
 
 # non ce n'est pas du perl ;)
diff --git a/xml/test.xml b/xml/test.xml
index 3f23997..7f82184 100644
--- a/xml/test.xml
+++ b/xml/test.xml
@@ -1,7 +1,7 @@
 <?xml version='1.0' encoding='UTF-8'?>
 <?xml-stylesheet type="text/xsl" href="../xsl/yopyop.xsl"?>
 <filmographie>
-  <film>
+  <film id="1">
     <fichier>F:\Films\Aventure/Bienvenue dans la Jungle.avi</fichier>
     <titre>Bienvenue dans la jungle</titre>
     <annee>2002</annee>
@@ -27,7 +27,7 @@
     <budget unite='euro'></budget>
     <url>http://www.allocine.fr/film/fichefilm_gen_cfilm=46372.html</url>
   </film>
-  <film>
+  <film id="2">
     <fichier>F:\Films\Aventure/Troie [Divx5 Ogg] [Fr].ogm</fichier>
     <titre>Troie</titre>
     <annee>2004</annee>
@@ -53,7 +53,7 @@
     <budget unite='euro'></budget>
     <url>http://www.allocine.fr/film/fichefilm_gen_cfilm=47357.html</url>
   </film>
-  <film>
+  <film id="3">
     <fichier>F:\Films\Aventure/Zatoichi [Rv4 Ogg] [Fr Jap] [Fr Eng] [XCT].mkv</fichier>
     <titre>Zatoichi</titre>
     <annee>2003</annee>
@@ -79,7 +79,7 @@
     <budget unite='euro'></budget>
     <url>http://www.allocine.fr/film/fichefilm_gen_cfilm=50986.html</url>
   </film>
-  <film>
+  <film id="4">
     <fichier>F:\Films\Aventure/A la poursuite du diamant vert [Rv9 Aac] [Fr Eng] [Fr Eng] [XCT].mkv</fichier>
     <titre>A la poursuite du diamant vert</titre>
     <annee>1984</annee>
@@ -105,7 +105,7 @@
     <budget unite='euro'></budget>
     <url>http://www.allocine.fr/film/fichefilm_gen_cfilm=57.html</url>
   </film>
-  <film>
+  <film id="5">
     <fichier>F:\Films\Aventure/Benjamin Gates et le tresor des templiers [DVD-Screen].avi</fichier>
     <titre>Benjamin Gates et le trésor des Templiers</titre>
     <annee>2004</annee>
diff --git a/xsl/yopyop.xsl b/xsl/yopyop.xsl
index 2a137c9..3a4fbbf 100644
--- a/xsl/yopyop.xsl
+++ b/xsl/yopyop.xsl
@@ -1,35 +1,46 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="2.0">    
-    <xsl:template match="/">
-        <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
-            <head>
-                <title>
-                    yopYop
-                </title>
-            @import url(../ccs/yopyop.css);
-            </head>
-            <body>
-                <h1>Films</h1>
-                <table>
-                    <tr>
-                        <th>Titre</th>
-                        <th>Année</th>
-                        <th>Durée</th>
-                        <th>Lien</th>
-                        <th>Fichier</th>
-                    </tr>
-                    <xsl:for-each select="filmographie/film">
-                        <xsl:sort select="annee"/>
-                        <tr>
-                            <td><xsl:value-of select="titre"/></td>
-                            <td><xsl:value-of select="annee"/></td>
-                            <td><xsl:value-of select="duree"/> min</td>
-                            <td></td>
-                            <td><xsl:value-of select="fichier"/> </td>
-                        </tr>
-                    </xsl:for-each>
-                </table>
-            </body>
-        </html>
-    </xsl:template>
+<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="2.0">
+ <xsl:template match="/">
+  <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+   <head>
+    <title>yopYop</title>
+    <link rel="stylesheet" href="../css/yopyop.css" type="text/css" />
+    <script type="text/javascript" src="../js/yopyop.js" ></script>
+    </head>
+    <body>
+    <h1>DivX</h1>
+    <table id="liste">
+     <tr>
+      <th>Titre</th>
+      <th>Année</th>
+      <th>Durée</th>
+      <th>Lien</th>
+      <th>Fichier</th>
+     </tr>
+     
+     <xsl:for-each select="filmographie/film">
+      <xsl:sort select="annee"/>
+      <tr>
+       <td onclick="detailFilm('{@id}')" class="titre"><xsl:value-of select="titre"/></td>
+       <td><xsl:value-of select="annee"/></td>
+       <td><xsl:value-of select="duree"/> min</td>
+       <td></td>
+       <td><xsl:value-of select="fichier"/> </td>
+      </tr>
+      <tr>
+       <td colspan="5" class="detail">
+        <table class="detail" id="{@id}">
+         <tr><td class="titreDetail">Genre(s)</td><td><xsl:for-each select="genres/genre"><xsl:value-of select="."/>, </xsl:for-each></td></tr>
+         <tr><td class="titreDetail">Réalisateur(s)</td><td><xsl:for-each select="realisateurs/realisateur"><xsl:value-of select="."/>, </xsl:for-each></td></tr>
+         <tr><td class="titreDetail">Acteurs(s)</td><td><xsl:for-each select="acteurs/acteur"><xsl:value-of select="."/>, </xsl:for-each></td></tr>
+         <tr><td class="titreDetail">Pays</td><td><xsl:for-each select="lespays/pays"><xsl:value-of select="."/>, </xsl:for-each></td></tr>
+         <tr><td class="titreDetail">Synopsis</td><td><xsl:value-of select="synopsis"/></td></tr>
+        </table>
+       </td>
+      </tr>
+     </xsl:for-each>
+    </table>
+   </body>
+  </html>
+ </xsl:template>
 </xsl:stylesheet>
\ No newline at end of file
-- 
2.45.2