da49920f9d588bddc7959781c152873316bbfb1b
[pompage.git] / js / yopyop.js
1 /**
2 * Voir : http://developer.mozilla.org/fr/docs/R%C3%A9f%C3%A9rence_du_DOM_Gecko:Introduction#DOM_et_JavaScript
3 * et : http://developer.mozilla.org/fr/docs/R%C3%A9f%C3%A9rence_du_DOM_Gecko:element
4 */
5
6 /**
7 * Vire les espaces aux extremité d'une chaine.
8 * s [String] : une chaine
9 */
10 function trim(s)
11 {
12 return rtrim(ltrim(s));
13 }
14
15 /**
16 * Vire les espaces au début d'une chaine.
17 * s [String] : une chaine
18 */
19 function ltrim(s)
20 {
21 var l=0;
22 while(l < s.length && s[l] == ' ')
23 { l++; }
24 return s.substring(l, s.length);
25 }
26
27 /**
28 * Vire les espaces à fin d'une chaine.
29 * s [String] : une chaine
30 */
31 function rtrim(s)
32 {
33 var r=s.length -1;
34 while(r > 0 && s[r] == ' ')
35 { r-=1; }
36 return s.substring(0, r+1);
37 }
38
39 /**
40 * Callback appelé lorsque un film est cliqué
41 * Affiche ou cache les informations de détail pour ce film.
42 * id [int] : l'identificateur du film
43 */
44 function detailFilm(id)
45 {
46 var detail = document.getElementById("detail"+id)
47
48 if (detail.style.display == "table")
49 detail.style.display = "none"
50 else
51 detail.style.display = "table"
52 }
53
54 // la date de la dernière recherche
55 var derniereRecherche = new Date();
56 derniereRecherche.setMinutes(derniereRecherche.getMinutes() - 1);
57 var motifDerniereRecherche = ""
58
59 var nbPending = 0
60
61 /**
62 * Permet de mettr en queue les requêtes.
63 */
64 function doRecherchePending()
65 {
66 nbPending -= 1;
67 if (nbPending == 0) // si c'est la dernière requête en attente on l'effectue
68 doRecherche();
69 }
70
71 /**
72 * Effectue une recherche, n'affiche que les films qui contiennent le motif recherché
73 * Recherche dans le titre, le realisateur, les acteurs, les genres et les pays en fonction des checkbox respectives.
74 */
75 function doRecherche(f)
76 {
77 // le motif à chercher
78 var motif = document.getElementById("recherche").value
79 motif = trim(motif)
80
81 if (f == null && motif == motifDerniereRecherche) return;
82
83 // empèche de faire deux recherches successive en moins de 800ms
84 var now = new Date();
85 if (now.getTime() < derniereRecherche.getTime() + 800)
86 {
87 // si une recherche à était demandé mais n'a pu aboutir alors on la refait dans certain temps
88 setTimeout("doRecherchePending()", 810 - (now.getTime() - derniereRecherche.getTime()));
89 nbPending += 1
90 return;
91 }
92
93 motifDerniereRecherche = motif;
94 derniereRecherche = now;
95
96 //dump ("recherche : " + motif + "\r\n");
97 debut = new Date().getTime()
98
99 var afficherTout = false;
100 // si aucun choix n'est fait pour la recherche on affiche tout
101 if (!document.getElementById("checkRechercheTitre").checked
102 && !document.getElementById("checkRechercheGenres").checked
103 && !document.getElementById("checkRechercheRealisateurs").checked
104 && !document.getElementById("checkRechercheActeurs").checked
105 && !document.getElementById("checkRecherchePays").checked)
106 afficherTout = true;
107
108 var nbFilm = 0; // pour compter le nombre de film total
109 var nbFilmAffiche = 0; // pour compter le nombre de film affiché
110
111 var rechercheRegExp = new RegExp(motif, "i")
112
113 var liste = document.getElementById("liste")
114 var lignes = liste.childNodes
115 for(var i = 0; i < lignes.length; i += 2)
116 {
117 nbFilm++;
118
119 var tableDetails = lignes[i+1].firstChild.firstChild.childNodes
120
121 // si le film satisfait la recherche alors on l'affiche sinon ou le cache
122 if (
123 afficherTout ||
124 document.getElementById("checkRechercheTitre").checked && rechercheRegExp.test(lignes[i].childNodes[2].textContent)
125 || document.getElementById("checkRechercheGenres").checked && rechercheRegExp.test(tableDetails[0].firstChild.nextSibling.nextSibling.textContent)
126 || document.getElementById("checkRechercheRealisateurs").checked && rechercheRegExp.test(tableDetails[1].firstChild.nextSibling.textContent)
127 || document.getElementById("checkRechercheActeurs").checked && rechercheRegExp.test(tableDetails[2].firstChild.nextSibling.textContent)
128 || document.getElementById("checkRecherchePays").checked && rechercheRegExp.test(tableDetails[3].firstChild.nextSibling.textContent))
129 {
130 lignes[i].style.display = "table-row"
131 lignes[i+1].style.display = "table-row"
132 nbFilmAffiche++;
133 }
134 else
135 {
136 lignes[i].style.display = "none"
137 lignes[i+1].style.display = "none"
138 }
139 }
140
141 // mise à jour de l'affichage du nombre de film total/affiché
142 document.getElementById("nbFilms").textContent = nbFilmAffiche + " / " + nbFilm + " film" + (nbFilm > 1 ? "s" : "")
143
144 fin = new Date().getTime()
145 document.getElementById("tempsRecherche").textContent = "Temps de la recherche : " + (fin - debut) / 1000 + "s"
146 }
147
148 /**
149 * Initialise la recherche et referme tous les détails des films.
150 */
151 function viderRecherche()
152 {
153 var lignes = document.getElementById("liste").childNodes
154 for(i = 1; i < lignes.length; i += 2)
155 {
156 lignes[i].firstChild.firstChild.style.display = "none";
157 }
158
159 document.getElementById("checkRechercheTitre").checked = true
160 document.getElementById("checkRechercheGenres").checked = true
161 document.getElementById("checkRechercheRealisateurs").checked = true
162 document.getElementById("checkRechercheActeurs").checked = true
163 document.getElementById("checkRecherchePays").checked = true
164 document.getElementById("recherche").value = ""
165 doRecherche()
166 }
167
168 /**
169 * Recherche d'un genre, pays, réalisateur, etc..
170 * texte [String] : une chaine quelconque à rechercher
171 * type [String] : dans quel champ porte la recherche. Valeurs possibles : 'Titre', 'Genres', 'Realisateurs', 'Acteurs', 'Pays'
172 */
173 function rechercheElement(texte, type)
174 {
175 texte = trim(texte)
176 document.getElementById("checkRechercheTitre").checked = false
177 document.getElementById("checkRechercheGenres").checked = false
178 document.getElementById("checkRechercheRealisateurs").checked = false
179 document.getElementById("checkRechercheActeurs").checked = false
180 document.getElementById("checkRecherchePays").checked = false
181 document.getElementById("checkRecherche"+type).checked = true
182 document.getElementById("recherche").value = texte
183 doRecherche()
184 }