X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=js%2Fyopyop.js;h=7ce234023b0fc09085321f5a7d3e3863e843e1b2;hb=339621e8669fbd4b09e2d0825f5521469503837b;hp=11253128a05acb9772de77df77c7acea6c0c5988;hpb=e9fd5c2bdeb9b348717b34d5dc6fad78da86130d;p=pompage.git

diff --git a/js/yopyop.js b/js/yopyop.js
index 1125312..7ce2340 100644
--- a/js/yopyop.js
+++ b/js/yopyop.js
@@ -1,19 +1,242 @@
+/**
+  * Voir : http://developer.mozilla.org/fr/docs/R%C3%A9f%C3%A9rence_du_DOM_Gecko:Introduction#DOM_et_JavaScript
+  * et : http://developer.mozilla.org/fr/docs/R%C3%A9f%C3%A9rence_du_DOM_Gecko:element
+  */
+
+/**
+  * Vire les espaces aux extremité d'une chaine.
+  * s [String] : une chaine
+  */
+function trim(s)
+{
+	return rtrim(ltrim(s));
+}
+
+/**
+  * Vire les espaces au début d'une chaine.
+  * s [String] : une chaine
+  */
+function ltrim(s)
+{
+	var l=0;
+	while(l < s.length && s[l] == ' ')
+	{	l++; }
+	return s.substring(l, s.length);
+}
+
+/**
+  * Vire les espaces à fin d'une chaine.
+  * s [String] : une chaine
+  */
+function rtrim(s)
+{
+	var r=s.length -1;
+	while(r > 0 && s[r] == ' ')
+	{	r-=1;	}
+	return s.substring(0, r+1);
+}
+
 /**
-  * Callback appelé lorsque un film est clické.
-  * Affiche ou cache les informations détaillés pour ce film.
+  * Callback appelé lorsque un film est cliqué
+  * Affiche ou cache les informations de détail pour ce film.
+  * id [int] : l'identificateur du film
   */
-function detailFilm(poulpe)
+function detailFilm(id)
 {
-   var detail = document.getElementById(poulpe)
+   var detail = document.getElementById("detail"+id)
    
-   if (detail.style.visibility == "visible")
+   if (detail.style.display == "table")
+      detail.style.display = "none"
+   else
+      detail.style.display = "table"
+}
+
+// la date de la dernière recherche
+var derniereRecherche = new Date();
+derniereRecherche.setMinutes(derniereRecherche.getMinutes() - 1);
+
+var nbPending = 0
+
+var dernierRandom = 0
+
+/**
+  * Permet de mettr en queue les requêtes.
+  */
+function doRecherchePending(r)
+{
+   nbPending -= 1;
+   if (nbPending == 0) // si c'est la dernière requête en attente on l'effectue
+      r == null ? doRecherche() : doRecherche(r);
+}
+
+function doRecherchePendingRandom()
+{
+   doRecherchePending(true)
+}
+
+/**
+  * 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 : si pas null alors n'affiche qu'un film au hasard dans la sélection
+  */
+function doRecherche(r)
+{ 
+   // le motif à chercher
+   var motif = document.getElementById("recherche").value
+   motif = trim(motif)
+   
+   // empèche de faire deux recherches successive en moins de 800ms
+   var now = new Date();
+   if (now.getTime() - derniereRecherche.getTime() < 800)
    {
-      detail.style.visibility = "hidden"
-      detail.style.position = "absolute"
+      nbPending += 1
+      // si une recherche à était demandé mais n'a pu aboutir alors on la refait dans certain temps
+      setTimeout(r == true ? "doRecherchePendingRandom()" : "doRecherchePending()", 900 - (now.getTime() - derniereRecherche.getTime()));
+      return;
    }
-   else
+   
+   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 
+      && !document.getElementById("checkRechercheGenres").checked
+      && !document.getElementById("checkRechercheRealisateurs").checked
+      && !document.getElementById("checkRechercheActeurs").checked
+      && !document.getElementById("checkRecherchePays").checked)
+      afficherTout = true;
+      
+   var liste = document.getElementById("liste")
+   var lignes = liste.childNodes
+   
+   var nbFilmAffiche = 0; // pour compter le nombre de film affiché   
+   var nbFilm = lignes.length / 2; // pour compter le nombre de film total
+   
+   var rechercheRegExp = new RegExp(motif, "i")
+      
+   for(var i = 0; i < lignes.length; i += 2)
+   {      
+      var tableDetails = lignes[i+1].firstChild.firstChild.childNodes
+      
+      // si le film satisfait la recherche alors on l'affiche sinon on le cache
+      if
+      (
+         afficherTout
+         || 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" 
+         
+         nbFilmAffiche++;
+      }
+      else
+      {
+         lignes[i].style.display = "none"
+         lignes[i+1].style.display = "none"
+      }
+   }
+
+   if (r != null && nbFilmAffiche > 1)
+   {
+      var random
+      do {
+         random = Math.floor(Math.random() * nbFilmAffiche);
+      } while (dernierRandom == random)
+      dernierRandom = random
+      
+      var j = 0
+      for(var i = 0; i < lignes.length; i += 2)
+      {
+         if (lignes[i].style.display == "none") continue;
+         if (random == j)
+            lignes[i+1].firstChild.firstChild.style.display = "table"
+         else         
+         {
+            lignes[i].style.display = "none"
+            lignes[i+1].style.display = "none"
+         }
+         j += 1
+      }
+   }
+   
+   // 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 et referme tous les détails des films.
+  */
+function viderRecherche()
+{      
+   var lignes = document.getElementById("liste").childNodes
+   for(i = 1; i < lignes.length; i += 2)
    {
-      detail.style.visibility = "visible"
-      detail.style.position = "relative"   
+      lignes[i].firstChild.firstChild.style.display = "none";
    }
+   
+   document.getElementById("checkRechercheTitre").checked = true
+   document.getElementById("checkRechercheGenres").checked = true
+   document.getElementById("checkRechercheRealisateurs").checked = true
+   document.getElementById("checkRechercheActeurs").checked = true
+   document.getElementById("checkRecherchePays").checked = true
+   document.getElementById("recherche").value = ""
+   doRecherche()
+}
+
+/**
+  * Ouvre toutes les fiches affichées ou les fermes si elles sont ouvertes.
+  */
+function toutOuvrir()
+{
+   var lignes = document.getElementById("liste").childNodes
+   var ouvrir = null
+   for(var i = 0; i < lignes.length; i += 2)
+   {      
+      var tableDetails = lignes[i+1].firstChild.firstChild.childNodes
+      
+      // si le film est affiché
+      if (lignes[i].style.display == "table-row")
+      {
+         if (ouvrir == null)
+            ouvrir = lignes[i+1].firstChild.firstChild.style.display == "none"
+         lignes[i+1].firstChild.firstChild.style.display = ouvrir ? "table" : "none"
+      }
+   }
+}
+
+/**
+  * Choisi un film au hasard.
+  */
+function tirerUnFilmAuHasard()
+{
+   doRecherche(true);
+}
+
+/**
+  * Recherche d'un genre, pays, réalisateur, etc..
+  * texte [String] : une chaine quelconque à rechercher
+  * type [String] : dans quel champ porte la recherche. Valeurs possibles : 'Titre', 'Genres', 'Realisateurs', 'Acteurs', 'Pays'
+  */ 
+function rechercheElement(texte, type)
+{
+   texte = trim(texte)
+   document.getElementById("checkRechercheTitre").checked = false
+   document.getElementById("checkRechercheGenres").checked = false
+   document.getElementById("checkRechercheRealisateurs").checked = false
+   document.getElementById("checkRechercheActeurs").checked = false
+   document.getElementById("checkRecherchePays").checked = false
+   document.getElementById("checkRecherche"+type).checked = true
+   document.getElementById("recherche").value = texte
+   doRecherche()
 }
\ No newline at end of file