Subversion Repositories eFlore/Applications.cel

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
2 aperonnet 1
package org.tela_botanica.client.vues;
2
 
3
import org.tela_botanica.client.image.ImageMediateur;
4
import org.tela_botanica.client.interfaces.Rafraichissable;
5
import org.tela_botanica.client.interfaces.VueListable;
6
 
7
import com.google.gwt.user.client.Element;
8
import com.gwtext.client.core.EventObject;
9
import com.gwtext.client.core.XTemplate;
10
import com.gwtext.client.data.FieldDef;
11
import com.gwtext.client.data.IntegerFieldDef;
12
import com.gwtext.client.data.Record;
13
import com.gwtext.client.data.RecordDef;
14
import com.gwtext.client.data.Store;
15
import com.gwtext.client.data.StringFieldDef;
5 aperonnet 16
import com.gwtext.client.dd.DragData;
17
import com.gwtext.client.dd.DragSource;
18
import com.gwtext.client.dd.DropTarget;
19
import com.gwtext.client.dd.DropTargetConfig;
2 aperonnet 20
import com.gwtext.client.util.Format;
21
import com.gwtext.client.widgets.Component;
22
import com.gwtext.client.widgets.DataView;
23
import com.gwtext.client.widgets.Panel;
24
import com.gwtext.client.widgets.event.ContainerListenerAdapter;
25
import com.gwtext.client.widgets.event.DataViewListenerAdapter;
5 aperonnet 26
import com.gwtext.client.widgets.grid.GridDragData;
2 aperonnet 27
 
28
/**
5 aperonnet 29
 * Galerie d'images miniatures Avec barre de pagination
30
 *
2 aperonnet 31
 * @author aurelien
32
 */
5 aperonnet 33
public class GalerieImageVue extends Panel implements Rafraichissable,
34
		VueListable {
2 aperonnet 35
 
36
	/**
37
	 * instance du médiateur
5 aperonnet 38
	 */
39
	private ImageMediateur iMediateur = null;
2 aperonnet 40
	/**
5 aperonnet 41
	 * Dataview, littéralement "vue de données" qui permet de définir la manière
42
	 * d'afficher les données
43
	 */
44
	private DataView dView = null;
2 aperonnet 45
	/**
5 aperonnet 46
	 * Dataview, littéralement "vue de données" qui permet de définir la manière
47
	 * d'afficher les données
48
	 */
49
	private Store st = null;
2 aperonnet 50
	/**
5 aperonnet 51
	 * Barre de pagination gérant l'affichage d'un nombre donné d'élements par
52
	 * page et la navigation entre eux
53
	 */
54
	private pageToolBarVue pt = null;
2 aperonnet 55
	/**
56
	 * Booleen indiquant si la galerie est instanciée ou pas
5 aperonnet 57
	 */
58
	private boolean estInstancie = false;
2 aperonnet 59
 
60
	/**
61
	 * Constructeur sans argument, privé car ne doit pas être utilisé
62
	 */
63
	@SuppressWarnings("unused")
5 aperonnet 64
	private GalerieImageVue() {
65
		super();
2 aperonnet 66
	}
5 aperonnet 67
 
2 aperonnet 68
	/**
69
	 * Constructeur avec argument
5 aperonnet 70
	 *
71
	 * @param im
72
	 *            le médiateur avec lequel la vue va communiquer
2 aperonnet 73
	 */
74
	public GalerieImageVue(ImageMediateur im) {
75
		super("Galerie");
76
		iMediateur = im;
5 aperonnet 77
 
2 aperonnet 78
		// on ajoute des listeners au composant tout entier
79
		this.addListener(new ContainerListenerAdapter() {
80
 
5 aperonnet 81
			// pour gagner du temps on n'instancie la vue en elle même que lors
82
			// du premier affichage (lazy rendering)
83
 
2 aperonnet 84
			public void onShow(Component component) {
85
 
86
				if (!estInstancie) {
87
					initialiser();
88
				}
89
			}
90
 
91
		});
5 aperonnet 92
 
2 aperonnet 93
		// et on ajoute la tool bar
5 aperonnet 94
		pt = new pageToolBarVue(im);
95
		this.setBottomToolbar(pt);
2 aperonnet 96
 
97
	}
98
 
99
	/**
5 aperonnet 100
	 * Ajoute tous les listeners nécessaires à l'intercation utilisateur avec la
101
	 * vue de données
2 aperonnet 102
	 */
103
	public void ajouterListenersDataView() {
104
 
105
		// ajout de listeners pour la gestion de la selection
106
		// dans la galerie
107
		dView.addListener(new DataViewListenerAdapter() {
5 aperonnet 108
 
2 aperonnet 109
			// gestion du clic sur une image
5 aperonnet 110
 
2 aperonnet 111
			public void onClick(DataView source, int index, Element node,
112
					EventObject e) {
5 aperonnet 113
 
2 aperonnet 114
				// on en notifie le médiateur
115
				getIMediateur().clicGalerieImage(index, node, e);
116
 
117
			}
118
 
119
			// gestion du clic droit
5 aperonnet 120
 
2 aperonnet 121
			public void onContextMenu(DataView source, int index, Element node,
122
					EventObject e) {
123
 
5 aperonnet 124
				// on stoppe l'évenement
2 aperonnet 125
				e.stopEvent();
126
				// et on notifie le médiateur
127
				getIMediateur().montrerContextMenu(e);
128
 
129
			}
130
 
131
			// gestion du double clic
5 aperonnet 132
 
2 aperonnet 133
			public void onDblClick(DataView source, int index, Element node,
134
					EventObject e) {
135
 
136
				// on notife le mediateur
137
				getIMediateur().clicGalerieImage(index, node, e);
5 aperonnet 138
 
2 aperonnet 139
			}
140
 
141
			// gestion des actions en fonction de la selection
5 aperonnet 142
 
2 aperonnet 143
			public void onSelectionChange(DataView view, Element[] selections) {
144
 
145
				// s'il n'y a aucun élement sélectionné
146
				if (selections.length <= 0) {
147
					// on en notifie le médiateur
148
					getIMediateur().aucuneSelection();
149
				} else {
150
					// sinon on notifie le médiateur
151
					getIMediateur().selection();
5 aperonnet 152
					// et on lui demande de synchroniser la séléction avec les
153
					// autres vues
2 aperonnet 154
					getIMediateur().synchroniserSelection("galerie");
155
				}
156
			}
157
 
158
		});
159
	}
160
 
161
	/**
162
	 * Accesseur pour la dataview
5 aperonnet 163
	 *
164
	 * @return la dataview
2 aperonnet 165
	 */
166
	public DataView getDView() {
167
		return dView;
168
	}
169
 
170
	/**
171
	 * Renvoie les ids des images sélectionnées
5 aperonnet 172
	 *
173
	 * @return un tableau de String contenant les identifiants des images
174
	 *         sélectionnées
2 aperonnet 175
	 */
176
	public String[] getIdSelectionnees() {
177
		Record[] selection = getDView().getSelectedRecords();
178
		int taille = selection.length;
179
		String id_selection[] = new String[taille];
180
 
181
		for (int i = 0; i < selection.length; i++) {
182
 
183
			id_selection[i] = selection[i].getAsString("num_image");
184
		}
185
 
186
		return id_selection;
187
	}
188
 
189
	/**
190
	 * Accesseur pour le médiateur
5 aperonnet 191
	 *
2 aperonnet 192
	 * @return le médiateur associé à la vue
193
	 */
194
	public ImageMediateur getIMediateur() {
195
		return iMediateur;
196
	}
197
 
198
	/**
199
	 * Accesseur pour le store
5 aperonnet 200
	 *
2 aperonnet 201
	 * @return le store associé à la vue
202
	 */
203
	public Store getSt() {
204
		return st;
205
	}
5 aperonnet 206
 
2 aperonnet 207
	/**
5 aperonnet 208
	 * Accesseur pour la toolbar
209
	 *
2 aperonnet 210
	 * @return la toolbar associée à la vue
211
	 */
5 aperonnet 212
	public pageToolBarVue getToolBarVue() {
213
		return pt;
2 aperonnet 214
	}
215
 
216
	/**
5 aperonnet 217
	 * Fonction d'initialisation du contenu (appelée lors du premier affichage
218
	 * de la liste)
2 aperonnet 219
	 */
220
	public void initialiser() {
5 aperonnet 221
 
2 aperonnet 222
		// Preparation de la dataview et du template
223
		// le template va créer une div contenant une image
224
		// pour chacune des photos
225
		final XTemplate template = new XTemplate(
226
				new String[] {
227
						"<tpl for='.'>",
228
						"<div class='thumb-wrap' id='{num_image}'>",
229
						"<div class='thumb'><img src='{url_image_M}' title='{num_image}'></div>",
230
						"<span>{nom}</span></div>", "</tpl>",
231
						"<div class='x-clear'></div>" });
5 aperonnet 232
		// pour des raisons de performances on compile le template en une
233
		// fonction
2 aperonnet 234
		template.compile();
235
 
236
		// la dataview affichera les images en accord avec le template
237
		// cree precedemment
238
		dView = new DataView("div.thumb-wrap") {
239
 
240
			public void prepareData(Data data) {
241
				data.setProperty("shortName", Format.ellipsis(data
5 aperonnet 242
						.getProperty("num_image"), 15));
2 aperonnet 243
			}
5 aperonnet 244
 
2 aperonnet 245
		};
246
		dView.setTpl(template);
247
 
248
		// parametre d'affichage de la dataview
249
		this.setAutoScroll(true);
250
		dView.setAutoHeight(true);
251
		dView.setMultiSelect(true);
252
		dView.setOverCls("x-view-over");
253
		dView.setEmptyText("Aucune image à afficher");
254
 
255
		// creation du store
256
		FieldDef defNumImage = new IntegerFieldDef("num_image");
257
		FieldDef defDatImage = new StringFieldDef("dat_image");
258
		FieldDef defLieImage = new StringFieldDef("lie_image");
259
		FieldDef defAppImage = new StringFieldDef("app_image");
260
		FieldDef defUrlImageS = new StringFieldDef("url_image_S");
261
		FieldDef defUrlImageM = new StringFieldDef("url_image_M");
262
		FieldDef defUrlImage = new StringFieldDef("url_image");
263
		FieldDef[] defTab = { defNumImage, defDatImage, defLieImage,
264
				defAppImage, defUrlImageS, defUrlImageM, defUrlImage };
265
		RecordDef rd = new RecordDef(defTab);
266
		st = new Store(rd);
267
		dView.setStore(st);
268
 
269
		this.getDView().setLoadingText("chargement");
270
 
271
		// ajouts de la gestion des evenements pour la dataview
272
		ajouterListenersDataView();
5 aperonnet 273
		configDragAndDrop() ;
2 aperonnet 274
 
275
		this.add(dView);
5 aperonnet 276
 
2 aperonnet 277
		// enfin on envoie une demande de données au médiateur
278
		getIMediateur().obtenirPhotoGalerie(this);
279
		// et on déclare le composant comme instancié
5 aperonnet 280
		estInstancie = true;
2 aperonnet 281
	}
5 aperonnet 282
 
283
	public void configDragAndDrop()
284
	{
285
		// on fabrique la nouvelle configuration
286
		// les éléments sur lesquels on fait du drag 'n drop doivent tous avoir le même ddGroup
287
		DropTargetConfig dtc = new DropTargetConfig();
288
		dtc.setdDdGroup("DragGroupName");
2 aperonnet 289
 
5 aperonnet 290
		//La drop target permet de gérer l'évenement onDrop sur l'élement courant
291
		@SuppressWarnings("unused")
292
		DropTarget tg = new DropTarget(this, dtc)
293
		{
294
			public boolean notifyDrop(DragSource source, EventObject e, DragData data){
295
 
296
				// si les données proviennent d'une grille
297
				if(data instanceof GridDragData)
298
		    	{
299
					// on appelle le médiateur
300
		    		  	return iMediateur.lierObsDD(source, e, data,getId()) ;
301
		    	}
302
				return false ;
303
			}
304
 
305
			public String notifyOver(DragSource source, EventObject e, DragData data){
306
			    return "x-dd-drop-ok";
307
			}
308
		};
309
 
310
	}
311
 
2 aperonnet 312
	/**
313
	 * Méthode héritée de l'interface rafraichissable
314
	 */
315
	public void rafraichir(Object nouvelleDonnees,
316
			boolean repandreRafraichissement) {
317
 
318
		// si l'objet reçu est un store
319
		if (nouvelleDonnees instanceof Store) {
5 aperonnet 320
 
2 aperonnet 321
			st = (Store) nouvelleDonnees;
322
			// on le charge
323
			st.load();
324
			// on l'affecte à la vue
325
			dView.setStore(st);
326
			// et on rafrachit la vue
327
			dView.refresh();
5 aperonnet 328
 
2 aperonnet 329
		}
330
 
331
		// si le composant doit répandre le rafraichissement
332
		if (repandreRafraichissement) {
5 aperonnet 333
			// il en notifie le médiateur en lui donnant une copie des données
334
			// et en notifiant qu'il en est l'expéditeur
2 aperonnet 335
			getIMediateur().synchroniserDonneesZoomListeGalerie(
336
					nouvelleDonnees, this);
337
		}
5 aperonnet 338
 
2 aperonnet 339
		// si c'est la première mise à jour que l'on reçoit
5 aperonnet 340
		if (!estInstancie) {
2 aperonnet 341
			// alors le composant est considéré comme instancié
5 aperonnet 342
			estInstancie = true;
2 aperonnet 343
		}
344
	}
345
 
346
	/**
5 aperonnet 347
	 * Méthode héritée de l'interface VueListable Sélectionne les images dans la
348
	 * galerie suivant les identifiants donnés en paramètres
349
	 *
350
	 * @param ids
351
	 *            les identifiants des images à sélectionner
2 aperonnet 352
	 */
353
	public void selectionnerImages(int[] ids) {
354
 
355
		getDView().select(ids);
356
 
357
	}
5 aperonnet 358
 
2 aperonnet 359
}