85efb3d3b6946f52826277a238266a04d4ed40b2
[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 * Affiche les fichiers d'un film.
41 */
42 function afficherFichiers(id)
43 {
44 var listeFichiers = document.getElementById("listeFichiers"+id)
45 listeFichiers.style.display = "block"
46 }
47
48 function cacherFichiers(id)
49 {
50 var listeFichiers = document.getElementById("listeFichiers"+id)
51 listeFichiers.style.display = "none"
52 }
53
54 /**
55 * Callback appelé lorsque un film est cliqué
56 * Affiche ou cache les informations de détail pour ce film.
57 * id [int] : l'identificateur du film
58 */
59 function detailFilm(id)
60 {
61 var detail = document.getElementById("detail"+id)
62
63 if (detail.style.display == "table")
64 detail.style.display = "none"
65 else
66 detail.style.display = "table"
67 }
68
69 // la date de la dernière recherche
70 var derniereRecherche = new Date();
71 derniereRecherche.setMinutes(derniereRecherche.getMinutes() - 1);
72
73 /**
74 * Effectue une recherche, n'affiche que les films qui contiennent le motif recherché
75 * Recherche dans le titre, le realisateur, les acteurs, les genres et les pays en fonction des checkbox respectives.
76 */
77 function doRecherche()
78 {
79 // empèche de faire deux recherches successive en moins de 500ms
80 var now = new Date();
81 if (now.getTime() < derniereRecherche.getTime() + 500)
82 return;
83
84 var afficherTout = false;
85 // si aucun choix n'est fait pour la recherche on affiche tout
86 if (!document.getElementById("checkRechercheTitre").checked
87 && !document.getElementById("checkRechercheGenres").checked
88 && !document.getElementById("checkRechercheRealisateurs").checked
89 && !document.getElementById("checkRechercheActeurs").checked
90 && !document.getElementById("checkRecherchePays").checked)
91 afficherTout = true;
92
93 var nbFilm = 0; // pour compter le nombre de film total
94 var nbFilmAffiche = 0; // pour compter le nombre de film affiché
95
96 // le motif à chercher
97 var motif = document.getElementById("recherche").value
98 var rechercheRegExp = new RegExp(".*" + motif + ".*", "i")
99
100 var liste = document.getElementById("liste")
101 var lignes = liste.childNodes
102 for(var i = 0; i < lignes.length; i += 2)
103 {
104 nbFilm++;
105
106 // extraction des informations du film courant
107 var titre = lignes[i].firstChild.innerHTML
108 var tableDetails = lignes[i+1].firstChild.firstChild.childNodes
109 var genres = tableDetails[0].firstChild.nextSibling.textContent
110 var realisateurs = tableDetails[1].firstChild.nextSibling.textContent
111 var acteurs = tableDetails[2].firstChild.nextSibling.textContent
112 var pays = tableDetails[3].firstChild.nextSibling.textContent
113
114 // si le film satisfait la recherche alors on l'affiche sinon ou le cache
115 if (
116 afficherTout ||
117 document.getElementById("checkRechercheTitre").checked && rechercheRegExp.exec(titre) != null
118 || document.getElementById("checkRechercheGenres").checked && rechercheRegExp.exec(genres) != null
119 || document.getElementById("checkRechercheRealisateurs").checked && rechercheRegExp.exec(realisateurs) != null
120 || document.getElementById("checkRechercheActeurs").checked && rechercheRegExp.exec(acteurs) != null
121 || document.getElementById("checkRecherchePays").checked && rechercheRegExp.exec(pays) != null)
122 {
123 lignes[i].style.display = "table-row"
124 lignes[i+1].style.display = "table-row"
125 nbFilmAffiche++;
126 }
127 else
128 {
129 lignes[i].style.display = "none"
130 lignes[i+1].style.display = "none"
131 }
132 }
133
134 // mise à jour de l'affichage du nombre de film total/affiché
135 document.getElementById("nbFilms").textContent = nbFilmAffiche + " / " + nbFilm + " film" + (nbFilm > 1 ? "s" : "")
136 }
137
138 /**
139 * Initialise la recherche et referme tous les détails des films.
140 */
141 function viderRecherche()
142 {
143 var lignes = document.getElementById("liste").childNodes
144 for(i = 1; i < lignes.length; i += 2)
145 {
146 lignes[i].firstChild.firstChild.style.display = "none";
147 }
148
149 document.getElementById("checkRechercheTitre").checked = true
150 document.getElementById("checkRechercheGenres").checked = true
151 document.getElementById("checkRechercheRealisateurs").checked = true
152 document.getElementById("checkRechercheActeurs").checked = true
153 document.getElementById("checkRecherchePays").checked = true
154 document.getElementById("recherche").value = ""
155 doRecherche()
156 }
157
158 /**
159 * Recherche d'un genre, pays, réalisateur, etc..
160 * texte [String] : une chaine quelconque à rechercher
161 * type [String] : dans quel champ porte la recherche. Valeurs possibles : 'Titre', 'Genres', 'Realisateurs', 'Acteurs', 'Pays'
162 */
163 function rechercheElement(texte, type)
164 {
165 texte = trim(texte)
166 document.getElementById("checkRechercheTitre").checked = false
167 document.getElementById("checkRechercheGenres").checked = false
168 document.getElementById("checkRechercheRealisateurs").checked = false
169 document.getElementById("checkRechercheActeurs").checked = false
170 document.getElementById("checkRecherchePays").checked = false
171 document.getElementById("checkRecherche"+type).checked = true
172 document.getElementById("recherche").value = texte
173 doRecherche()
174 }