ADD Amélioration de l'update des films déjà en BD
[pompage.git] / js / yopyop.js
index 67417bd..7ce2340 100644 (file)
@@ -1,10 +1,10 @@
-/**\r
+/**\r
   * Voir : http://developer.mozilla.org/fr/docs/R%C3%A9f%C3%A9rence_du_DOM_Gecko:Introduction#DOM_et_JavaScript\r
   * et : http://developer.mozilla.org/fr/docs/R%C3%A9f%C3%A9rence_du_DOM_Gecko:element\r
   */\r
 \r
 /**\r
-  * Vire les espaces aux extremités d'une chaine.\r
+  * Vire les espaces aux extremité d'une chaine.\r
   * s [String] : une chaine\r
   */\r
 function trim(s)\r
@@ -13,7 +13,7 @@ function trim(s)
 }\r
 \r
 /**\r
-  * Vire les espaces au début d'une chaine.\r
+  * Vire les espaces au début d'une chaine.\r
   * s [String] : une chaine\r
   */\r
 function ltrim(s)\r
@@ -25,7 +25,7 @@ function ltrim(s)
 }\r
 \r
 /**\r
-  * Vire les espaces à la fin d'une chaine.\r
+  * Vire les espaces à fin d'une chaine.\r
   * s [String] : une chaine\r
   */\r
 function rtrim(s)\r
@@ -37,8 +37,8 @@ function rtrim(s)
 }\r
 \r
 /**\r
-  * Callback appelé lorsque un film est cliqué.\r
-  * Affiche ou cache les informations détaillés pour ce film.\r
+  * Callback appelé lorsque un film est cliqué\r
+  * Affiche ou cache les informations de détail pour ce film.\r
   * id [int] : l'identificateur du film\r
   */\r
 function detailFilm(id)\r
@@ -51,13 +51,55 @@ function detailFilm(id)
       detail.style.display = "table"\r
 }\r
 \r
+// la date de la dernière recherche\r
+var derniereRecherche = new Date();\r
+derniereRecherche.setMinutes(derniereRecherche.getMinutes() - 1);\r
+\r
+var nbPending = 0\r
+\r
+var dernierRandom = 0\r
 \r
 /**\r
-  * Effectue une recherche, n'affiche que les films qui contiennent le motif recherché.\r
-  * Recherche dans le titre, le realisateur, les acteurs, les genres et les pays en fonction des checkbox respectives.\r
+  * Permet de mettr en queue les requêtes.\r
   */\r
-function doRecherche()\r
+function doRecherchePending(r)\r
+{\r
+   nbPending -= 1;\r
+   if (nbPending == 0) // si c'est la dernière requête en attente on l'effectue\r
+      r == null ? doRecherche() : doRecherche(r);\r
+}\r
+\r
+function doRecherchePendingRandom()\r
 {\r
+   doRecherchePending(true)\r
+}\r
+\r
+/**\r
+  * Effectue une recherche, n'affiche que les films qui contiennent le motif recherché
+  * Recherche dans le titre, le realisateur, les acteurs, les genres et les pays en fonction des checkbox respectives.\r
+  * r : si pas null alors n'affiche qu'un film au hasard dans la sélection\r
+  */\r
+function doRecherche(r)\r
+{ \r
+   // le motif à chercher\r
+   var motif = document.getElementById("recherche").value\r
+   motif = trim(motif)\r
+   \r
+   // empèche de faire deux recherches successive en moins de 800ms\r
+   var now = new Date();\r
+   if (now.getTime() - derniereRecherche.getTime() < 800)\r
+   {\r
+      nbPending += 1\r
+      // si une recherche à était demandé mais n'a pu aboutir alors on la refait dans certain temps\r
+      setTimeout(r == true ? "doRecherchePendingRandom()" : "doRecherchePending()", 900 - (now.getTime() - derniereRecherche.getTime()));\r
+      return;\r
+   }\r
+   \r
+   derniereRecherche = now;\r
+      \r
+   //dump ("recherche : " + motif + "\r\n");\r
+   debut = new Date().getTime()\r
+\r
    var afficherTout = false;\r
    // si aucun choix n'est fait pour la recherche on affiche tout\r
    if (!document.getElementById("checkRechercheTitre").checked \r
@@ -66,43 +108,83 @@ function doRecherche()
       && !document.getElementById("checkRechercheActeurs").checked\r
       && !document.getElementById("checkRecherchePays").checked)\r
       afficherTout = true;\r
-\r
-   var motif = document.getElementById("recherche").value\r
-   var rechercheRegExp = new RegExp(".*" + motif + ".*", "i")\r
-   \r
+      \r
    var liste = document.getElementById("liste")\r
    var lignes = liste.childNodes\r
-   for(i = 1; i < lignes.length; i += 2)\r
-   {\r
-      var titre = lignes[i].firstChild.innerHTML\r
+   \r
+   var nbFilmAffiche = 0; // pour compter le nombre de film affiché   \r
+   var nbFilm = lignes.length / 2; // pour compter le nombre de film total\r
+   \r
+   var rechercheRegExp = new RegExp(motif, "i")\r
+      \r
+   for(var i = 0; i < lignes.length; i += 2)\r
+   {      \r
       var tableDetails = lignes[i+1].firstChild.firstChild.childNodes\r
-      var genres = tableDetails[0].firstChild.nextSibling.textContent\r
-      var realisateurs = tableDetails[1].firstChild.nextSibling.textContent\r
-      var acteurs = tableDetails[2].firstChild.nextSibling.textContent\r
-      var pays = tableDetails[3].firstChild.nextSibling.textContent\r
-      if (\r
-         afficherTout ||\r
-         document.getElementById("checkRechercheTitre").checked && rechercheRegExp.exec(titre) != null\r
-         || document.getElementById("checkRechercheGenres").checked && rechercheRegExp.exec(genres) != null\r
-         || document.getElementById("checkRechercheRealisateurs").checked && rechercheRegExp.exec(realisateurs) != null\r
-         || document.getElementById("checkRechercheActeurs").checked && rechercheRegExp.exec(acteurs) != null\r
-         || document.getElementById("checkRecherchePays").checked && rechercheRegExp.exec(pays) != null)      \r
+      \r
+      // si le film satisfait la recherche alors on l'affiche sinon on le cache\r
+      if\r
+      (\r
+         afficherTout\r
+         || document.getElementById("checkRechercheTitre").checked && rechercheRegExp.test(lignes[i].childNodes[2].textContent) \r
+         || document.getElementById("checkRechercheGenres").checked && rechercheRegExp.test(tableDetails[0].firstChild.nextSibling.nextSibling.textContent) \r
+         || document.getElementById("checkRechercheRealisateurs").checked && rechercheRegExp.test(tableDetails[1].firstChild.nextSibling.textContent)\r
+         || document.getElementById("checkRechercheActeurs").checked && rechercheRegExp.test(tableDetails[2].firstChild.nextSibling.textContent) \r
+         || document.getElementById("checkRecherchePays").checked && rechercheRegExp.test(tableDetails[3].firstChild.nextSibling.textContent)\r
+      )\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
+         nbFilmAffiche++;\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
+   if (r != null && nbFilmAffiche > 1)\r
+   {\r
+      var random\r
+      do {\r
+         random = Math.floor(Math.random() * nbFilmAffiche);\r
+      } while (dernierRandom == random)\r
+      dernierRandom = random\r
+      \r
+      var j = 0\r
+      for(var i = 0; i < lignes.length; i += 2)\r
+      {\r
+         if (lignes[i].style.display == "none") continue;\r
+         if (random == j)\r
+            lignes[i+1].firstChild.firstChild.style.display = "table"\r
+         else         \r
+         {\r
+            lignes[i].style.display = "none"\r
+            lignes[i+1].style.display = "none"\r
+         }\r
+         j += 1\r
+      }\r
+   }\r
+   \r
+   // mise à jour de l'affichage du nombre de film total/affiché\r
+   document.getElementById("nbFilms").textContent = nbFilmAffiche + " / " + nbFilm + " film" + (nbFilm > 1 ? "s" : "")\r
+   \r
+   fin = new Date().getTime()\r
+   document.getElementById("tempsRecherche").textContent = "Temps de la recherche : " + (fin - debut) / 1000 + "s"\r
 }\r
 \r
 /**\r
-  * Initialise la recherche.\r
+  * Initialise la recherche et referme tous les détails des films.\r
   */\r
 function viderRecherche()\r
-{   \r
+{      \r
+   var lignes = document.getElementById("liste").childNodes\r
+   for(i = 1; i < lignes.length; i += 2)\r
+   {\r
+      lignes[i].firstChild.firstChild.style.display = "none";\r
+   }\r
+   \r
    document.getElementById("checkRechercheTitre").checked = true\r
    document.getElementById("checkRechercheGenres").checked = true\r
    document.getElementById("checkRechercheRealisateurs").checked = true\r
@@ -113,8 +195,37 @@ function viderRecherche()
 }\r
 \r
 /**\r
-  * Recherche d'un genre, pays, réalisateur, etc..\r
-  * texte [String] : une chaine quelconque à rechercher\r
+  * Ouvre toutes les fiches affichées ou les fermes si elles sont ouvertes.\r
+  */\r
+function toutOuvrir()\r
+{\r
+   var lignes = document.getElementById("liste").childNodes\r
+   var ouvrir = null\r
+   for(var i = 0; i < lignes.length; i += 2)\r
+   {      \r
+      var tableDetails = lignes[i+1].firstChild.firstChild.childNodes\r
+      \r
+      // si le film est affiché\r
+      if (lignes[i].style.display == "table-row")\r
+      {\r
+         if (ouvrir == null)\r
+            ouvrir = lignes[i+1].firstChild.firstChild.style.display == "none"\r
+         lignes[i+1].firstChild.firstChild.style.display = ouvrir ? "table" : "none"\r
+      }\r
+   }\r
+}\r
+\r
+/**\r
+  * Choisi un film au hasard.\r
+  */\r
+function tirerUnFilmAuHasard()\r
+{\r
+   doRecherche(true);\r
+}\r
+\r
+/**\r
+  * Recherche d'un genre, pays, réalisateur, etc..\r
+  * texte [String] : une chaine quelconque à rechercher\r
   * type [String] : dans quel champ porte la recherche. Valeurs possibles : 'Titre', 'Genres', 'Realisateurs', 'Acteurs', 'Pays'\r
   */ \r
 function rechercheElement(texte, type)\r