X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=js%2Fyopyop.js;h=da49920f9d588bddc7959781c152873316bbfb1b;hb=84fd971104c7cc367ecca4b7ae7073fb7a7e5a7a;hp=b1e09afa5790fd1f97cb4b1df80cf1da7a6b307f;hpb=44c2f215b80fe438522f2daaa0bd33f1a60c619f;p=pompage.git

diff --git a/js/yopyop.js b/js/yopyop.js
index b1e09af..da49920 100644
--- a/js/yopyop.js
+++ b/js/yopyop.js
@@ -37,7 +37,7 @@ function rtrim(s)
 }
 
 /**
-  * Callback appelé lorsque un film est cliqué
+  * Callback appelé lorsque un film est cliqué
   * Affiche ou cache les informations de détail pour ce film.
   * id [int] : l'identificateur du film
   */
@@ -51,13 +51,51 @@ function detailFilm(id)
       detail.style.display = "table"
 }
 
+// la date de la dernière recherche
+var derniereRecherche = new Date();
+derniereRecherche.setMinutes(derniereRecherche.getMinutes() - 1);
+var motifDerniereRecherche = ""
+
+var nbPending = 0
+
+/**
+  * Permet de mettr en queue les requêtes.
+  */
+function doRecherchePending()
+{
+   nbPending -= 1;
+   if (nbPending == 0) // si c'est la dernière requête en attente on l'effectue
+      doRecherche();
+}
 
 /**
   * 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.
   */
-function doRecherche()
+function doRecherche(f)
 {
+   // le motif à chercher
+   var motif = document.getElementById("recherche").value
+   motif = trim(motif)
+   
+   if (f == null && motif == motifDerniereRecherche) return;
+      
+   // empèche de faire deux recherches successive en moins de 800ms
+   var now = new Date();
+   if (now.getTime() < derniereRecherche.getTime() + 800)
+   {
+      // si une recherche à était demandé mais n'a pu aboutir alors on la refait dans certain temps
+      setTimeout("doRecherchePending()", 810 - (now.getTime() - derniereRecherche.getTime()));
+      nbPending += 1
+      return;
+   }
+   
+   motifDerniereRecherche = motif;
+   derniereRecherche = now;
+      
+   //dump ("recherche : " + motif + "\r\n");
+   debut = new Date().getTime()
+
    var afficherTout = false;
    // si aucun choix n'est fait pour la recherche on affiche tout
    if (!document.getElementById("checkRechercheTitre").checked 
@@ -68,34 +106,26 @@ function doRecherche()
       afficherTout = true;
       
    var nbFilm = 0; // pour compter le nombre de film total
-   var nbFilmAffiche = 0; // pour compter le nombre de film affiché
-      
-   // le motif à chercher
-   var motif = document.getElementById("recherche").value
-   var rechercheRegExp = new RegExp(".*" + motif + ".*", "i")
+   var nbFilmAffiche = 0; // pour compter le nombre de film affiché
    
+   var rechercheRegExp = new RegExp(motif, "i")
+      
    var liste = document.getElementById("liste")
    var lignes = liste.childNodes
-   for(i = 0; i < lignes.length; i += 2)
+   for(var i = 0; i < lignes.length; i += 2)
    {
       nbFilm++;
       
-      // extraction des informations du film courant
-      var titre = lignes[i].firstChild.innerHTML
       var tableDetails = lignes[i+1].firstChild.firstChild.childNodes
-      var genres = tableDetails[0].firstChild.nextSibling.textContent
-      var realisateurs = tableDetails[1].firstChild.nextSibling.textContent
-      var acteurs = tableDetails[2].firstChild.nextSibling.textContent
-      var pays = tableDetails[3].firstChild.nextSibling.textContent
       
       // si le film satisfait la recherche alors on l'affiche sinon ou le cache
       if (
          afficherTout ||
-         document.getElementById("checkRechercheTitre").checked && rechercheRegExp.exec(titre) != null
-         || document.getElementById("checkRechercheGenres").checked && rechercheRegExp.exec(genres) != null
-         || document.getElementById("checkRechercheRealisateurs").checked && rechercheRegExp.exec(realisateurs) != null
-         || document.getElementById("checkRechercheActeurs").checked && rechercheRegExp.exec(acteurs) != null
-         || document.getElementById("checkRecherchePays").checked && rechercheRegExp.exec(pays) != null)      
+         document.getElementById("checkRechercheTitre").checked && rechercheRegExp.test(lignes[i].childNodes[2].textContent) 
+         || document.getElementById("checkRechercheGenres").checked && rechercheRegExp.test(tableDetails[0].firstChild.nextSibling.nextSibling.textContent) 
+         || document.getElementById("checkRechercheRealisateurs").checked && rechercheRegExp.test(tableDetails[1].firstChild.nextSibling.textContent)
+         || document.getElementById("checkRechercheActeurs").checked && rechercheRegExp.test(tableDetails[2].firstChild.nextSibling.textContent) 
+         || document.getElementById("checkRecherchePays").checked && rechercheRegExp.test(tableDetails[3].firstChild.nextSibling.textContent))      
       {
          lignes[i].style.display = "table-row"  
          lignes[i+1].style.display = "table-row" 
@@ -110,13 +140,22 @@ function doRecherche()
    
    // mise à jour de l'affichage du nombre de film total/affiché
    document.getElementById("nbFilms").textContent = nbFilmAffiche + " / " + nbFilm + " film" + (nbFilm > 1 ? "s" : "")
+   
+   fin = new Date().getTime()
+   document.getElementById("tempsRecherche").textContent = "Temps de la recherche : " + (fin - debut) / 1000 + "s"
 }
 
 /**
-  * Initialise la recherche.
+  * Initialise la recherche et referme tous les détails des films.
   */
 function viderRecherche()
-{   
+{      
+   var lignes = document.getElementById("liste").childNodes
+   for(i = 1; i < lignes.length; i += 2)
+   {
+      lignes[i].firstChild.firstChild.style.display = "none";
+   }
+   
    document.getElementById("checkRechercheTitre").checked = true
    document.getElementById("checkRechercheGenres").checked = true
    document.getElementById("checkRechercheRealisateurs").checked = true