2 |
aperonnet |
1 |
package org.tela_botanica.client.vues;
|
|
|
2 |
|
|
|
3 |
|
|
|
4 |
|
|
|
5 |
import org.tela_botanica.client.image.ImageMediateur;
|
|
|
6 |
import org.tela_botanica.client.interfaces.Rafraichissable;
|
|
|
7 |
|
|
|
8 |
import com.google.gwt.user.client.Window;
|
|
|
9 |
import com.gwtext.client.core.EventObject;
|
|
|
10 |
import com.gwtext.client.data.Node;
|
|
|
11 |
import com.gwtext.client.data.NodeTraversalCallback;
|
|
|
12 |
import com.gwtext.client.data.Tree;
|
|
|
13 |
import com.gwtext.client.widgets.Button;
|
|
|
14 |
import com.gwtext.client.widgets.Panel;
|
|
|
15 |
import com.gwtext.client.widgets.event.ButtonListenerAdapter;
|
|
|
16 |
import com.gwtext.client.widgets.form.TextField;
|
|
|
17 |
import com.gwtext.client.widgets.layout.VerticalLayout;
|
|
|
18 |
import com.gwtext.client.widgets.tree.TreeEditor;
|
|
|
19 |
import com.gwtext.client.widgets.tree.TreeNode;
|
|
|
20 |
import com.gwtext.client.widgets.tree.TreePanel;
|
|
|
21 |
import com.gwtext.client.widgets.tree.event.TreePanelListenerAdapter;
|
|
|
22 |
|
|
|
23 |
/**
|
|
|
24 |
* Arbre des mots clés, qui est une vue rafraichissable,
|
|
|
25 |
* qui contient des mots clés cochables et réorganisables à volonté
|
|
|
26 |
* @author aurelien
|
|
|
27 |
*
|
|
|
28 |
*/
|
|
|
29 |
public class ArbreMotsClesVue extends Panel implements Rafraichissable {
|
|
|
30 |
|
|
|
31 |
/**
|
|
|
32 |
* Le médiateur associé à la vue
|
|
|
33 |
*/
|
|
|
34 |
private ImageMediateur iMediateur = null ;
|
|
|
35 |
|
|
|
36 |
/**
|
|
|
37 |
* Le treepanel qui affiche l'arbre
|
|
|
38 |
*/
|
|
|
39 |
private TreePanel arbreMotsCles = null ;
|
|
|
40 |
/**
|
|
|
41 |
* L'éditeur qui permet de modifier les mots clés dans l'arbre
|
|
|
42 |
*/
|
|
|
43 |
private TreeEditor te = null ;
|
|
|
44 |
/**
|
|
|
45 |
* Le textfield associé à l'éditeur
|
|
|
46 |
*/
|
|
|
47 |
private TextField tfEdit = null ;
|
|
|
48 |
/**
|
|
|
49 |
* Bouton de validation
|
|
|
50 |
*/
|
|
|
51 |
private Button valider = null ;
|
|
|
52 |
/**
|
|
|
53 |
* Une string permettant connaitre les mots clés cochés en cours séparés par des virgules
|
|
|
54 |
*/
|
|
|
55 |
private String motsClesEnCours = "" ;
|
|
|
56 |
/**
|
|
|
57 |
* Tableau contenant les mots clés qui n'ont pas encore été jaouté à l'arbre
|
|
|
58 |
* (sert au lazy rendering quand on reçoit des mots clés avant que le rendu du conteneur n'ai été effectué)
|
|
|
59 |
*/
|
|
|
60 |
private String[] motsClesEnAttente ;
|
|
|
61 |
/**
|
|
|
62 |
* Booléen d'évènement qui sert à savoir si on est en train d'ajouter un noeud
|
|
|
63 |
*/
|
|
|
64 |
private boolean ajoutNoeud = false ;
|
|
|
65 |
/**
|
|
|
66 |
* Booléen d'évènement qui sert à savoir si on est en train de modifier un noeud
|
|
|
67 |
*/
|
|
|
68 |
private boolean modifNoeud = false ;
|
|
|
69 |
/**
|
|
|
70 |
* Booléen d'instanciation du conteneur
|
|
|
71 |
*/
|
|
|
72 |
private boolean estInstancie = false ;
|
|
|
73 |
/**
|
|
|
74 |
* Booléen d'évènement qui sert à savoir si les mots clés ont bien été reçu
|
|
|
75 |
*/
|
|
|
76 |
private boolean motsCleInitialises ;
|
|
|
77 |
|
|
|
78 |
/**
|
|
|
79 |
* Constructeur sans paramètre (privé car interdit d'utilisation)
|
|
|
80 |
*/
|
|
|
81 |
@SuppressWarnings("unused")
|
|
|
82 |
private ArbreMotsClesVue()
|
|
|
83 |
{
|
|
|
84 |
super() ;
|
|
|
85 |
}
|
|
|
86 |
|
|
|
87 |
/**
|
|
|
88 |
* Constructeur avec paramètre
|
|
|
89 |
* @param im le médiateur à associer
|
|
|
90 |
*/
|
|
|
91 |
public ArbreMotsClesVue(ImageMediateur im)
|
|
|
92 |
{
|
|
|
93 |
// on crée le panel
|
|
|
94 |
super("Mots clés") ;
|
|
|
95 |
this.setLayout(new VerticalLayout());
|
|
|
96 |
iMediateur = im ;
|
|
|
97 |
|
|
|
98 |
// on crée le conteneur de l'arbre
|
|
|
99 |
arbreMotsCles = new TreePanel() ;
|
|
|
100 |
// on permet le drag and drop dans l'arbre
|
|
|
101 |
arbreMotsCles.setEnableDD(true) ;
|
|
|
102 |
arbreMotsCles.setId("x-view-tree-keyword") ;
|
|
|
103 |
|
|
|
104 |
// on crée une racine pour l'arbre
|
|
|
105 |
TreeNode root = new TreeNode("Tags") ;
|
|
|
106 |
root.setId("racine") ;
|
|
|
107 |
String[] usObject = {"Mots clés" , "racine" } ;
|
|
|
108 |
root.setUserObject(usObject) ;
|
|
|
109 |
arbreMotsCles.setRootNode(root) ;
|
|
|
110 |
arbreMotsCles.setRootVisible(false) ;
|
|
|
111 |
arbreMotsCles.setBorder(false) ;
|
|
|
112 |
arbreMotsCles.setWidth(500) ;
|
|
|
113 |
|
|
|
114 |
// on crée l'éditeur pour l'arbre
|
|
|
115 |
tfEdit = new TextField() ;
|
|
|
116 |
tfEdit.setAutoWidth(true) ;
|
|
|
117 |
te = new TreeEditor(arbreMotsCles,tfEdit) ;
|
|
|
118 |
valider = new Button("Appliquer") ;
|
|
|
119 |
arbreMotsCles.add(te) ;
|
|
|
120 |
|
|
|
121 |
// on met en forme le layout
|
|
|
122 |
this.add(arbreMotsCles) ;
|
|
|
123 |
this.add(valider) ;
|
|
|
124 |
|
|
|
125 |
this.setBorder(false) ;
|
|
|
126 |
this.setCollapsible(true) ;
|
|
|
127 |
this.setTitleCollapse(true) ;
|
|
|
128 |
|
|
|
129 |
// on ajoute les listeners
|
|
|
130 |
ajouterListeners() ;
|
|
|
131 |
|
|
|
132 |
}
|
|
|
133 |
|
|
|
134 |
/**
|
|
|
135 |
* Acesseur pour le médiateur
|
|
|
136 |
* @return le médiateur associé à la vue
|
|
|
137 |
*/
|
|
|
138 |
private ImageMediateur GetIMediateur() {
|
|
|
139 |
|
|
|
140 |
return iMediateur ;
|
|
|
141 |
|
|
|
142 |
}
|
|
|
143 |
|
|
|
144 |
/**
|
|
|
145 |
* Acesseur pour l'arbre des mots clés
|
|
|
146 |
* @return le panel contenant l'arbre
|
|
|
147 |
*/
|
|
|
148 |
public TreePanel getArbreMotsCles() {
|
|
|
149 |
return arbreMotsCles;
|
|
|
150 |
}
|
|
|
151 |
|
|
|
152 |
/**
|
|
|
153 |
* Accesseur pour l'éditeur
|
|
|
154 |
* @return l'éditeur associé à l'arbre
|
|
|
155 |
*/
|
|
|
156 |
public TreeEditor getTe() {
|
|
|
157 |
return te;
|
|
|
158 |
}
|
|
|
159 |
|
|
|
160 |
/**
|
|
|
161 |
* Acesseur pour le TextField associé à l'éditeur
|
|
|
162 |
* @return le champ texte associé à l'éditeur
|
|
|
163 |
*/
|
|
|
164 |
public TextField getTfEdit() {
|
|
|
165 |
return tfEdit;
|
|
|
166 |
}
|
|
|
167 |
|
|
|
168 |
/**
|
|
|
169 |
* Ajoute les listeners nécessaires pour la gestion des évènements
|
|
|
170 |
*/
|
|
|
171 |
private void ajouterListeners()
|
|
|
172 |
{
|
|
|
173 |
arbreMotsCles.addListener(new TreePanelListenerAdapter() {
|
|
|
174 |
|
|
|
175 |
// gestion du clic sur un noeud
|
|
|
176 |
public void onClick(TreeNode node, EventObject e) {
|
|
|
177 |
|
|
|
178 |
e.stopEvent() ;
|
|
|
179 |
gererClicNoeud(node);
|
|
|
180 |
}
|
|
|
181 |
|
|
|
182 |
// gestion du clic droit sur un noeud
|
|
|
183 |
public void onContextMenu(TreeNode node, EventObject e) {
|
|
|
184 |
|
|
|
185 |
e.stopEvent() ;
|
|
|
186 |
GetIMediateur().montrerContextMenuArbre(node, e , getTe()) ;
|
|
|
187 |
|
|
|
188 |
}
|
|
|
189 |
|
|
|
190 |
// gestion du double clic sur un noeud
|
|
|
191 |
public void onDblClick(TreeNode node, EventObject e) {
|
|
|
192 |
|
|
|
193 |
modifNoeud = true ;
|
|
|
194 |
if(! node.getId().equals("racine"))
|
|
|
195 |
{
|
|
|
196 |
te.startEdit(node);
|
|
|
197 |
}
|
|
|
198 |
}
|
|
|
199 |
|
|
|
200 |
// gestion de la modification du texte d'un noeud
|
|
|
201 |
public void onTextChange(TreeNode node, String text, String oldText) {
|
|
|
202 |
|
|
|
203 |
// on récupère les informations associées au noeud
|
|
|
204 |
TreeNode nd = node ;
|
|
|
205 |
String[] usObject = new String[2] ;
|
|
|
206 |
usObject[0] = text ;
|
|
|
207 |
usObject[1] = ((String[])nd.getUserObject())[1] ;
|
|
|
208 |
nd.setUserObject(usObject) ;
|
|
|
209 |
|
|
|
210 |
// si c'est un nouveau noeud
|
|
|
211 |
if(ajoutNoeud)
|
|
|
212 |
{
|
|
|
213 |
// on notifie le médiateur de l'ajout et on lui passe l'arbre
|
|
|
214 |
GetIMediateur().ajouterMotCleDansArbre(nd,getArbreMotsCles().getTree()) ;
|
|
|
215 |
// et considière l'ajout achevé
|
|
|
216 |
ajoutNoeud = false ;
|
|
|
217 |
}
|
|
|
218 |
// si c'est noeud déjà existant
|
|
|
219 |
else
|
|
|
220 |
{
|
|
|
221 |
if(modifNoeud)
|
|
|
222 |
{
|
|
|
223 |
// on notifie le médiateur de la modification et on lui passe l'arbre
|
|
|
224 |
GetIMediateur().modifierMotCleDansArbre(nd,getArbreMotsCles().getTree()) ;
|
|
|
225 |
// et on considère la modification achevée
|
|
|
226 |
modifNoeud = false ;
|
|
|
227 |
}
|
|
|
228 |
}
|
|
|
229 |
|
|
|
230 |
}
|
|
|
231 |
|
|
|
232 |
// gestion du déplacement d'un noeud
|
|
|
233 |
public void onMoveNode(Tree tree, TreeNode node, TreeNode oldParent, TreeNode newParent,int index)
|
|
|
234 |
{
|
|
|
235 |
// on notifie le médiateur et on lui passe l'arbre
|
|
|
236 |
GetIMediateur().deplacerMotCleDansArbre(node, getArbreMotsCles().getTree()) ;
|
|
|
237 |
}
|
|
|
238 |
|
|
|
239 |
}) ;
|
|
|
240 |
|
|
|
241 |
// gestion de la validation
|
|
|
242 |
valider.addListener(new ButtonListenerAdapter() {
|
|
|
243 |
|
|
|
244 |
// lors du clic
|
|
|
245 |
public void onClick(Button button, EventObject e) {
|
|
|
246 |
|
|
|
247 |
// on vide les mots clés en cours
|
|
|
248 |
motsClesEnCours = "" ;
|
|
|
249 |
// pour chaque noeud à partir de la racine
|
|
|
250 |
getArbreMotsCles().getRootNode().cascade(new NodeTraversalCallback() {
|
|
|
251 |
|
|
|
252 |
// on éxécute une fonction
|
|
|
253 |
public boolean execute(Node node) {
|
|
|
254 |
|
|
|
255 |
// on récupère le mot clé associé au noeud et ses infos
|
|
|
256 |
TreeNode tn = getArbreMotsCles().getNodeById(node.getId()) ;
|
|
|
257 |
|
|
|
258 |
String[] usObject = (String[])tn.getUserObject() ;
|
|
|
259 |
GetIMediateur().mettreAjourMotsClesId(usObject[0],usObject[1]) ;
|
|
|
260 |
|
|
|
261 |
if(tn.getUI().isChecked())
|
|
|
262 |
{
|
|
|
263 |
// et les concatène à la string des mots clés en cours
|
|
|
264 |
motsClesEnCours += usObject[1]+"," ;
|
|
|
265 |
}
|
|
|
266 |
|
|
|
267 |
return true ;
|
|
|
268 |
}
|
|
|
269 |
|
|
|
270 |
});
|
|
|
271 |
|
|
|
272 |
// enfin on notifie le médiateur et on lui passe l'arbre et la liste des mots clés ainsi obtenue
|
|
|
273 |
GetIMediateur().mettreAjourMotsCles(motsClesEnCours,arbreMotsCles.getTree()) ;
|
|
|
274 |
}
|
|
|
275 |
}) ;
|
|
|
276 |
|
|
|
277 |
}
|
|
|
278 |
|
|
|
279 |
/**
|
|
|
280 |
* Envoie une demande au médiateur pour obtenir l'arbre des mots clés
|
|
|
281 |
*/
|
|
|
282 |
public void obtenirArbreMotsCles() {
|
|
|
283 |
|
|
|
284 |
GetIMediateur().obtenirArbreMotsCles(this) ;
|
|
|
285 |
|
|
|
286 |
}
|
|
|
287 |
|
|
|
288 |
/**
|
|
|
289 |
* Supprime un noeud de l'arbre
|
|
|
290 |
* @param n le noeud à supprimer
|
|
|
291 |
*/
|
|
|
292 |
public void supprimerNoeud(TreeNode n)
|
|
|
293 |
{
|
|
|
294 |
// si ça n'est pas la racine (qu'on ne peut pas supprimer)
|
|
|
295 |
if(!n.getId().equals(getArbreMotsCles().getRootNode().getId()))
|
|
|
296 |
{
|
|
|
297 |
// on détache le noeud et on le détruit
|
|
|
298 |
n.getParentNode().removeChild(n);
|
|
|
299 |
n.destroy() ;
|
|
|
300 |
// puis on en notifie le médiateur en lui passant le noeud supprimé et l'arbre
|
|
|
301 |
GetIMediateur().supprimerMotCleDansArbre(n, arbreMotsCles.getTree()) ;
|
|
|
302 |
}
|
|
|
303 |
else
|
|
|
304 |
{
|
|
|
305 |
// si l'utilisateur tente de supprimer la racine, on l'avertit de son erreur
|
|
|
306 |
Window.alert("Impossible de supprimer la racine de l'arbre") ;
|
|
|
307 |
}
|
|
|
308 |
}
|
|
|
309 |
|
|
|
310 |
/**
|
|
|
311 |
* Ajoute un noeud dans l'arbre au parent donné
|
|
|
312 |
* @param parent le futur parent du noeud à ajouter
|
|
|
313 |
*/
|
|
|
314 |
public void ajouterNoeud(TreeNode parent)
|
|
|
315 |
{
|
|
|
316 |
|
|
|
317 |
// on met l'ajout du noeud à vrai
|
|
|
318 |
ajoutNoeud = true ;
|
|
|
319 |
// on crée un nouveau noeud vide
|
|
|
320 |
TreeNode nd = new TreeNode("");
|
|
|
321 |
nd.setCls("x-view-treenode-keyword") ;
|
|
|
322 |
nd.setChecked(true);
|
|
|
323 |
// on associe un objet au noeud qui contient des infos
|
|
|
324 |
String[] usObject = new String[2] ;
|
|
|
325 |
// l'objet contient le nom du noeud
|
|
|
326 |
usObject[0] = "" ;
|
|
|
327 |
usObject[1] = genererIdMotCle(nd) ;
|
|
|
328 |
nd.setId(usObject[1]) ;
|
|
|
329 |
nd.setUserObject(usObject) ;
|
|
|
330 |
// l'identifiant d'un noeud c'est son hashcode
|
|
|
331 |
// l'objet associé au noeud contient aussi son identifiant
|
|
|
332 |
|
|
|
333 |
// on le concatène au parent et on étend ses enfants
|
|
|
334 |
parent.appendChild(nd);
|
|
|
335 |
parent.expand() ;
|
|
|
336 |
// enfin on place le curseur et on fait apparaitre le champ d'édition pour que l'utilisateur nomme son mot clé
|
|
|
337 |
te.startEdit(nd);
|
|
|
338 |
|
|
|
339 |
|
|
|
340 |
}
|
|
|
341 |
|
|
|
342 |
/**
|
|
|
343 |
* Coche le noeud s'il est décoché, le décoche sinon
|
|
|
344 |
* @param node
|
|
|
345 |
*/
|
|
|
346 |
public void gererClicNoeud(TreeNode node)
|
|
|
347 |
{
|
|
|
348 |
if(node.getUI().isChecked())
|
|
|
349 |
{
|
|
|
350 |
node.getUI().toggleCheck(false) ;
|
|
|
351 |
}
|
|
|
352 |
else
|
|
|
353 |
{
|
|
|
354 |
node.getUI().toggleCheck(true) ;
|
|
|
355 |
}
|
|
|
356 |
}
|
|
|
357 |
|
|
|
358 |
/**
|
|
|
359 |
* Parcourt l'arbre et coche les noeud qui font partie de la liste des mots clés à cocher
|
|
|
360 |
* @param motsClesIds un tableau contenant les identifiants des mots clés à cocher
|
|
|
361 |
*/
|
|
|
362 |
public void cocherMotsCles(final String[] motsClesIds)
|
|
|
363 |
{
|
|
|
364 |
if(getArbreMotsCles() != null && getArbreMotsCles().getRootNode() != null)
|
|
|
365 |
{
|
|
|
366 |
// à partir de la racine
|
|
|
367 |
getArbreMotsCles().getRootNode().cascade(new NodeTraversalCallback() {
|
|
|
368 |
|
|
|
369 |
// pour chaque noeud
|
|
|
370 |
public boolean execute(Node node) {
|
|
|
371 |
|
|
|
372 |
// on parcourt le tableau des mots clés
|
|
|
373 |
for(int i = 0 ; i < motsClesIds.length ; i++)
|
|
|
374 |
{
|
|
|
375 |
// si le mot clé fait partie des id à cocher on le coche
|
|
|
376 |
String usObject[] = (String[])node.getUserObject() ;
|
|
|
377 |
String nodeId = usObject[1] ;
|
|
|
378 |
|
|
|
379 |
if(nodeId.equals(motsClesIds[i]))
|
|
|
380 |
{
|
|
|
381 |
getArbreMotsCles().getNodeById(nodeId).getUI().toggleCheck(true) ;
|
|
|
382 |
return true ;
|
|
|
383 |
}
|
|
|
384 |
|
|
|
385 |
getArbreMotsCles().getNodeById(node.getId()).getUI().toggleCheck(false) ;
|
|
|
386 |
}
|
|
|
387 |
// et on passe au suivant
|
|
|
388 |
return true;
|
|
|
389 |
}
|
|
|
390 |
|
|
|
391 |
}) ;
|
|
|
392 |
}
|
|
|
393 |
}
|
|
|
394 |
|
|
|
395 |
/**
|
|
|
396 |
* Méthode héritée de l'interface rafraichissable
|
|
|
397 |
* @param nouvelleDonnees les nouvelles données pour l'objet
|
|
|
398 |
* @param repandreRafraichissement booleen qui dit si on doit répandre l'évenement
|
|
|
399 |
*/
|
|
|
400 |
public void rafraichir(Object nouvelleDonnees,
|
|
|
401 |
boolean repandreRafraichissement) {
|
|
|
402 |
// si on a reçu un arbre
|
|
|
403 |
if(nouvelleDonnees instanceof Tree)
|
|
|
404 |
{
|
|
|
405 |
Tree nouvelArbre = (Tree)nouvelleDonnees ;
|
|
|
406 |
|
|
|
407 |
if(nouvelArbre.getRootNode().getChildNodes().length <= 0)
|
|
|
408 |
{
|
|
|
409 |
// on crée une racine pour l'arbre
|
|
|
410 |
TreeNode root = new TreeNode("Tags") ;
|
|
|
411 |
root.setId("racine") ;
|
|
|
412 |
String[] usObject = {"Mots clés" , "racine" } ;
|
|
|
413 |
root.setUserObject(usObject) ;
|
|
|
414 |
}
|
|
|
415 |
|
|
|
416 |
// on prend sa racine et on l'attache à l'arbre des mots clés
|
|
|
417 |
Node[] rootChild = getArbreMotsCles().getRootNode().getChildNodes() ;
|
|
|
418 |
for (int i = 0; i < rootChild.length; i++) {
|
|
|
419 |
|
|
|
420 |
rootChild[i].remove() ;
|
|
|
421 |
}
|
|
|
422 |
|
|
|
423 |
getArbreMotsCles().getRootNode().appendChild(nouvelArbre.getRootNode()) ;
|
|
|
424 |
|
|
|
425 |
// si l'arbre n'était pas encore considéré comme instancié
|
|
|
426 |
if(!estInstancie)
|
|
|
427 |
{
|
|
|
428 |
// on signale que oui
|
|
|
429 |
estInstancie = true ;
|
|
|
430 |
}
|
|
|
431 |
|
|
|
432 |
// s'il y a des mots clés en attente (lors du premier rendering)
|
|
|
433 |
if(motsCleInitialises == false && motsClesEnAttente != null)
|
|
|
434 |
{
|
|
|
435 |
// on les coche
|
|
|
436 |
//cocherMotsCles(motsClesEnAttente) ;
|
|
|
437 |
motsCleInitialises = true ;
|
|
|
438 |
}
|
|
|
439 |
}
|
|
|
440 |
|
|
|
441 |
|
|
|
442 |
// Si on reçoit un tableau de String (cas ou l'on séléectionne une nouvelle image)
|
|
|
443 |
if(nouvelleDonnees instanceof String[])
|
|
|
444 |
{
|
|
|
445 |
// et que l'arbre est instancié
|
|
|
446 |
if(estInstancie && nouvelleDonnees != null)
|
|
|
447 |
{
|
|
|
448 |
// le tableau de String contient les id des mots clés associés à l'image
|
|
|
449 |
// on coche les mots clés contenu dans le tableau
|
|
|
450 |
String[] motsClesIds = (String[])nouvelleDonnees ;
|
|
|
451 |
cocherMotsCles(motsClesIds) ;
|
|
|
452 |
}
|
|
|
453 |
// si l'arbre n'est pas encore instancié on met les mots clés en attente
|
|
|
454 |
else
|
|
|
455 |
{
|
|
|
456 |
motsClesEnAttente = (String[])nouvelleDonnees ;
|
|
|
457 |
}
|
|
|
458 |
}
|
|
|
459 |
}
|
|
|
460 |
|
|
|
461 |
private String genererIdMotCle(TreeNode nd)
|
|
|
462 |
{
|
|
|
463 |
return ""+(nd.hashCode()+(Math.random()*10000)) ;
|
|
|
464 |
}
|
|
|
465 |
|
|
|
466 |
}
|