From: pifou <pifou@02bbb61a-6d21-0410-aba0-cb053bdfd66a>
Date: Thu, 14 Jun 2007 08:33:23 +0000 (+0000)
Subject: DEL Suppression des titres pour simplifier l'interface
X-Git-Url: http://git.euphorik.ch/?p=pompage.git;a=commitdiff_plain;h=5613a3fda1f8667227866cb1684b8a75efd2d069

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
---

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 0000000..c8a8d2b
Binary files /dev/null and b/img/poire1.png differ
diff --git a/img/poire2.png b/img/poire2.png
new file mode 100644
index 0000000..0f477f6
Binary files /dev/null and b/img/poire2.png differ
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">