Subversion Repositories eFlore/Applications.cel

Rev

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