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 (file)
--- a/css/yopyop.css
+++ b/css/yopyop.css
@@ -12,6 +12,7 @@ html {
 \r
 a {\r
    text-decoration: none;\r
+   cursor: pointer;\r
 }\r
 a:link {\r
    color: #51874A;\r
@@ -42,11 +43,6 @@ h1 {
        margin-left: 40px;\r
 }\r
 \r
-th {\r
-       font-size: 14pt;\r
-       font-weight: bold;      \r
-}\r
-\r
 td {\r
        vertical-align:top;\r
 }\r
@@ -54,6 +50,7 @@ td {
 div.entete {\r
    width: 90%;\r
        position: fixed;\r
+   z-index: 5;\r
    background-color: #65A35D;\r
    height: 50px;\r
    color: #8DDD83;\r
@@ -124,39 +121,10 @@ div.contenu {
 }\r
 \r
 table#liste {\r
-       width: 100%;\r
-       border-spacing: 0px 0px;\r
+   width: 100%;\r
+   border-spacing: 0px 0px;\r
    margin-bottom:50px;\r
-}\r
-\r
-table#liste th {\r
-   background-color: #8DDD83;\r
-       padding: 3px;\r
-   font-size: 13pt;\r
-}\r
-\r
-table#liste th.titre {\r
-       text-align: left;\r
-}\r
-\r
-table#liste th.annee {\r
-       width: 50px;\r
-       text-align: center;\r
-}\r
-\r
-table#liste th.duree {\r
-       width: 80px;\r
-       text-align: center;\r
-}\r
-\r
-table#liste th.lien {\r
-       width: 50px;\r
-       text-align: center;\r
-}\r
-\r
-table#liste th.fichier {\r
-       width: 50px;\r
-       text-align: center;\r
+   margin-top: 10px;   \r
 }\r
 \r
 table#liste td {\r
@@ -167,22 +135,49 @@ table#liste td {
 \r
 table#liste td.titre {\r
        font-weight: bold;\r
+       cursor: pointer;\r
 }\r
 \r
 table#liste td.annee {\r
        text-align: right;\r
+       width: 50px;\r
 }\r
 \r
 table#liste td.duree {\r
        text-align: right;\r
+       width: 80px;\r
 }\r
 \r
 table#liste td.lien {\r
        text-align: center;\r
+       width: 50px;\r
 }\r
 \r
 table#liste td.fichier {\r
        text-align: center;\r
+       width: 50px;\r
+}\r
+\r
+table#liste td.fichier div {\r
+   position: absolute;\r
+}\r
+\r
+table#liste td.fichier a {\r
+   position: absolute;\r
+   width: 12px;\r
+   height: 20px;\r
+   display: block;\r
+   z-index: 1;\r
+   background-image: url(../img/poire1.png)\r
+}\r
+\r
+table#liste td.fichier a:hover {\r
+   width: 24px;\r
+   height: 40px;   \r
+   left: -6px;\r
+   top: -10px;\r
+   z-index: 10;\r
+   background-image: url(../img/poire2.png)\r
 }\r
 \r
 table#liste td.titre:hover {\r

diff --git a/doc/todo.txt b/doc/todo.txt
index 3b3b272..ea1c429 100644 (file)
--- a/doc/todo.txt
+++ b/doc/todo.txt
@@ -2,9 +2,12 @@ TODO - DIVX LIST
 -----------------\r
 \r
 * Lorsqu'un élément n'est pas trouvé le mettre à nil, par exemple si pas de date pour un film.\r
+* 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.\r
+  Cela permet d'avoir plusieurs fichiers pour un seul film ou série.\r
+  o Afficher, au niveau du XHTML, les fichiers sous la forme d'une liste déroulante\r
 * 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)\r
 * Traiter les noms des fichiers de manière relatifs\r
   par exemple "/Horreur/28 jours plus tard.avi" au lieu de "F:\Films/Horreur/28 jours plus tard.avi"\r
 * Si plusieurs réponses pour une recherche alors ne pas traiter le film, mémoriser son nom, fichier ainsi que les réponses possibles.\r
   Demander à la fin du traitement à l'utilisateur quel résultat correspond pour chaque film\r
-* 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\r

diff --git a/img/poire1.png b/img/poire1.png
new file mode 100644 (file)
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 (file)
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 (file)
--- a/js/yopyop.js
+++ b/js/yopyop.js
@@ -72,7 +72,7 @@ function doRecherche()
    \r
    var liste = document.getElementById("liste")\r
    var lignes = liste.childNodes\r
-   for(i = 1; i < lignes.length; i += 2)\r
+   for(i = 0; i < lignes.length; i += 2)\r
    {\r
       var titre = lignes[i].firstChild.innerHTML\r
       var tableDetails = lignes[i+1].firstChild.firstChild.childNodes\r
@@ -88,12 +88,13 @@ function doRecherche()
          || document.getElementById("checkRechercheActeurs").checked && rechercheRegExp.exec(acteurs) != null\r
          || document.getElementById("checkRecherchePays").checked && rechercheRegExp.exec(pays) != null)      \r
       {\r
-         lignes[i].style.display = "table-row"   \r
+         lignes[i].style.display = "table-row"  \r
+         lignes[i+1].style.display = "table-row" \r
       }\r
       else\r
       {\r
          lignes[i].style.display = "none"\r
-         lignes[i+1].firstChild.firstChild.style.display = "none"\r
+         lignes[i+1].style.display = "none"\r
       }\r
    }\r
 }\r

diff --git a/xsl/yopyop.xsl b/xsl/yopyop.xsl
index 11cc6c0..b8767a1 100644 (file)
--- a/xsl/yopyop.xsl
+++ b/xsl/yopyop.xsl
@@ -26,14 +26,7 @@
      </form>\r
     </div>\r
     <div class="contenu">
-     <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
+     <table id="liste">\r
       
       <xsl:for-each select="film">
        <xsl:sort select="annee" order="descending" />\r
@@ -43,7 +36,7 @@
         <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>
+        <td class="fichier"><div><a href="divx:///{fichier}"></a></div></td>
        </tr>\r
        <tr>\r
         <td colspan="5" class="detail">\r