From 5613a3fda1f8667227866cb1684b8a75efd2d069 Mon Sep 17 00:00:00 2001
From: pifou <pifou@02bbb61a-6d21-0410-aba0-cb053bdfd66a>
Date: Thu, 14 Jun 2007 08:33:23 +0000
Subject: [PATCH] DEL Suppression des titres pour simplifier l'interface ADD
 Ajout d'une poire ;)

git-svn-id: svn://euphorik.ch/pompage@14 02bbb61a-6d21-0410-aba0-cb053bdfd66a
---
 css/yopyop.css |  69 +++++++++++++++++++++++--------------------------
 doc/todo.txt   |   5 +++-
 img/poire1.png | Bin 0 -> 518 bytes
 img/poire2.png | Bin 0 -> 461 bytes
 js/yopyop.js   |   7 ++---
 xsl/yopyop.xsl |  11 ++------
 6 files changed, 42 insertions(+), 50 deletions(-)
 create mode 100644 img/poire1.png
 create mode 100644 img/poire2.png

diff --git a/css/yopyop.css b/css/yopyop.css
index 122c0d8..efb5076 100644
--- a/css/yopyop.css
+++ b/css/yopyop.css
@@ -12,6 +12,7 @@ html {
 
 a {
    text-decoration: none;
+   cursor: pointer;
 }
 a:link {
    color: #51874A;
@@ -42,11 +43,6 @@ h1 {
 	margin-left: 40px;
 }
 
-th {
-	font-size: 14pt;
-	font-weight: bold;	
-}
-
 td {
 	vertical-align:top;
 }
@@ -54,6 +50,7 @@ td {
 div.entete {
    width: 90%;
 	position: fixed;
+   z-index: 5;
    background-color: #65A35D;
    height: 50px;
    color: #8DDD83;
@@ -124,39 +121,10 @@ div.contenu {
 }
 
 table#liste {
-	width: 100%;
-	border-spacing: 0px 0px;
+   width: 100%;
+   border-spacing: 0px 0px;
    margin-bottom:50px;
-}
-
-table#liste th {
-   background-color: #8DDD83;
-	padding: 3px;
-   font-size: 13pt;
-}
-
-table#liste th.titre {
-	text-align: left;
-}
-
-table#liste th.annee {
-	width: 50px;
-	text-align: center;
-}
-
-table#liste th.duree {
-	width: 80px;
-	text-align: center;
-}
-
-table#liste th.lien {
-	width: 50px;
-	text-align: center;
-}
-
-table#liste th.fichier {
-	width: 50px;
-	text-align: center;
+   margin-top: 10px;   
 }
 
 table#liste td {
@@ -167,22 +135,49 @@ table#liste td {
 
 table#liste td.titre {
 	font-weight: bold;
+	cursor: pointer;
 }
 
 table#liste td.annee {
 	text-align: right;
+	width: 50px;
 }
 
 table#liste td.duree {
 	text-align: right;
+	width: 80px;
 }
 
 table#liste td.lien {
 	text-align: center;
+	width: 50px;
 }
 
 table#liste td.fichier {
 	text-align: center;
+	width: 50px;
+}
+
+table#liste td.fichier div {
+   position: absolute;
+}
+
+table#liste td.fichier a {
+   position: absolute;
+   width: 12px;
+   height: 20px;
+   display: block;
+   z-index: 1;
+   background-image: url(../img/poire1.png)
+}
+
+table#liste td.fichier a:hover {
+   width: 24px;
+   height: 40px;   
+   left: -6px;
+   top: -10px;
+   z-index: 10;
+   background-image: url(../img/poire2.png)
 }
 
 table#liste td.titre:hover {
diff --git a/doc/todo.txt b/doc/todo.txt
index 3b3b272..ea1c429 100644
--- a/doc/todo.txt
+++ b/doc/todo.txt
@@ -2,9 +2,12 @@ TODO - DIVX LIST
 -----------------
 
 * Lorsqu'un élément n'est pas trouvé le mettre à nil, par exemple si pas de date pour un film.
+* Si un film existe déjà dans la BD, alors on regarde le fichier de ce film est déjà associé au film dans la BD, si non alors on l'ajoute.
+  Cela permet d'avoir plusieurs fichiers pour un seul film ou série.
+  o Afficher, au niveau du XHTML, les fichiers sous la forme d'une liste déroulante
 * Vérifier si le fichier ne se trouve pas déjà dans la base de donnée (en comparant le nom du fichier, si oui alors ne pas le traiter)
 * Traiter les noms des fichiers de manière relatifs
   par exemple "/Horreur/28 jours plus tard.avi" au lieu de "F:\Films/Horreur/28 jours plus tard.avi"
 * Si plusieurs réponses pour une recherche alors ne pas traiter le film, mémoriser son nom, fichier ainsi que les réponses possibles.
   Demander à la fin du traitement à l'utilisateur quel résultat correspond pour chaque film
-* Parser les langues et sous-titres et les ajouter dans l'xml
\ No newline at end of file
+* Parser les langues et sous-titres et les ajouter dans l'xml
diff --git a/img/poire1.png b/img/poire1.png
new file mode 100644
index 0000000000000000000000000000000000000000..c8a8d2b553fb1eaabf4ccff88eb2a225c6c52fd5
GIT binary patch
literal 518
zcmV+h0{Q)kP)<h;3K|Lk000e1NJLTq000aC000yS1^@s6x$xW(00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzm`OxIRCwBy
zQ%x@eK^T5!w`wD;lnYDI_Tu2<f=DDH#N8jzAJI5+>t5>PSBR6SlmFntK}*y4KG3i!
zs<gY^?T(pIOVb8@H&14E=KXk{_stMWDOxe<x68HYXk#{Bp&3?}M`*M2mYg{xv}$hj
z!=eDs?%Xd>QKfb!(5%ARN{+_2R8)&5wDlhG|7Vw|Lt(!da4h=2wvsA^GT>*C)!#L6
z&XuznY93EfGc`@~J3(q3Pkw9pseunDHunrme`6>@QoQJ#2%((LA-<{BX>lpZy*_}^
zk%t11y&gzD4?4#BVBS6<Hv8yK-3=g?1G`iK$`)Rat^w0VDXYUX7(mz3c%x`ZrXXGk
zPQgOE+J$PtfD-D4agwXkF9NjfG)e3#aNZ5rtOD8q<AG`Mw?hecqjY%FSV7xT$;Ms>
zDwjHp45QK?0Q?HT8j#pmL{dTh>pc)cIMLv0bo8KZF6`5`Q}b+l$9&I!1`M+$EPOt}
zFYFrlUT40iE~R8LnPm%W4=xz;HC%B=hD;<9Ijy7gU;7YX0Ck8Jsbdkd3jhEB07*qo
IM6N<$f-+I#Qvd(}

literal 0
HcmV?d00001

diff --git a/img/poire2.png b/img/poire2.png
new file mode 100644
index 0000000000000000000000000000000000000000..0f477f6f317bb45e66e903fcb6c779626bef5123
GIT binary patch
literal 461
zcmV;;0W$uHP)<h;3K|Lk000e1NJLTq000;O001Zm1^@s6<PADi00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzUr9tkRCwBA
z{Qv(y11$j)1C0UM7A$NE{13td?gJKbTn?h+>((<4ia21QmCFZzDjGBvFk<H9EVQtH
z4h?&8DE}n`gfEFBE~X6<A0S*V2@(GP9jb$!fKR3kx_kij;fEg(T99pUr6S^eAjk{l
z{~hG{0AA))@k0cD{D#o1P`6xq3ZXS6AnN<Rqot;S$_H?l+rNj%sEI&*@C!mKibCjr
zP#>SV51}nIVflsuTWLE0sYrqcnpmJNl@~x&$^;eHm4eXk-$7h%`wDBlF#taJ{SQKa
zgNFTgXwJR=0z&J^K<JyVA+(Vagmx5!(1%|PbWUc5hA|t|?vK!XAPIHh7igKJAO!W<
zb7(4)8sM@B7VGd-5d00b=;2|8&@VqjXgR14gg7De<p)rO9D}V!vw+lG4E#`+=}SW$
z%7s>jy&9OD%t)wzKuil7UyE<xeK6W|9JPQT00=Mu9<z!ZRj1WJ00000NkvXXu0mjf
DA|AQd

literal 0
HcmV?d00001

diff --git a/js/yopyop.js b/js/yopyop.js
index 67417bd..9c46105 100644
--- a/js/yopyop.js
+++ b/js/yopyop.js
@@ -72,7 +72,7 @@ function doRecherche()
    
    var liste = document.getElementById("liste")
    var lignes = liste.childNodes
-   for(i = 1; i < lignes.length; i += 2)
+   for(i = 0; i < lignes.length; i += 2)
    {
       var titre = lignes[i].firstChild.innerHTML
       var tableDetails = lignes[i+1].firstChild.firstChild.childNodes
@@ -88,12 +88,13 @@ function doRecherche()
          || document.getElementById("checkRechercheActeurs").checked && rechercheRegExp.exec(acteurs) != null
          || document.getElementById("checkRecherchePays").checked && rechercheRegExp.exec(pays) != null)      
       {
-         lignes[i].style.display = "table-row"   
+         lignes[i].style.display = "table-row"  
+         lignes[i+1].style.display = "table-row" 
       }
       else
       {
          lignes[i].style.display = "none"
-         lignes[i+1].firstChild.firstChild.style.display = "none"
+         lignes[i+1].style.display = "none"
       }
    }
 }
diff --git a/xsl/yopyop.xsl b/xsl/yopyop.xsl
index 11cc6c0..b8767a1 100644
--- a/xsl/yopyop.xsl
+++ b/xsl/yopyop.xsl
@@ -26,14 +26,7 @@
      </form>
     </div>
     <div class="contenu">
-     <table id="liste">
-      <tr>
-       <th class="titre">Titre</th>
-       <th class="annee">Année</th>
-       <th class="duree">Durée</th>
-       <th class="lien">Lien</th>
-       <th class="fichier">Fichier</th>
-      </tr>
+     <table id="liste">
       
       <xsl:for-each select="film">
        <xsl:sort select="annee" order="descending" />
@@ -43,7 +36,7 @@
         <td class="annee"><xsl:value-of select="annee"/></td>
         <td class="duree"><xsl:value-of select="duree"/> min</td>
         <td class="lien"><a href="{url}">GO</a></td>
-        <td class="fichier"><a href="divx:///{fichier}">GO</a></td>
+        <td class="fichier"><div><a href="divx:///{fichier}"></a></div></td>
        </tr>
        <tr>
         <td colspan="5" class="detail">
-- 
2.45.2