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
 
6
import com.google.gwt.user.client.DOM;
7
import com.google.gwt.user.client.Event;
8
import com.google.gwt.user.client.ui.ClickListener;
9
import com.google.gwt.user.client.ui.Image;
10
import com.google.gwt.user.client.ui.Widget;
5 aperonnet 11
import com.gwtext.client.core.EventObject;
2 aperonnet 12
import com.gwtext.client.core.RegionPosition;
5 aperonnet 13
import com.gwtext.client.dd.DragData;
14
import com.gwtext.client.dd.DragSource;
15
import com.gwtext.client.dd.DropTarget;
16
import com.gwtext.client.dd.DropTargetConfig;
2 aperonnet 17
import com.gwtext.client.widgets.Container;
18
import com.gwtext.client.widgets.Panel;
99 jpm 19
import com.gwtext.client.widgets.ToolTip;
2 aperonnet 20
import com.gwtext.client.widgets.event.PanelListenerAdapter;
5 aperonnet 21
import com.gwtext.client.widgets.grid.GridDragData;
2 aperonnet 22
import com.gwtext.client.widgets.layout.BorderLayout;
23
import com.gwtext.client.widgets.layout.BorderLayoutData;
24
 
25
/**
26
 * Panneau d'affichage d'une image avec des boutons précdents et suivant
5 aperonnet 27
 *
2 aperonnet 28
 * @author aurelien
5 aperonnet 29
 *
2 aperonnet 30
 */
31
public class ZoomImageVue extends Panel implements Rafraichissable {
5 aperonnet 32
 
2 aperonnet 33
	/**
34
	 * Le médiateur associé à la vue
35
	 */
5 aperonnet 36
	private ImageMediateur iMediateur = null;
37
 
2 aperonnet 38
	/**
39
	 * Panneau conteneur pour l'image
40
	 */
5 aperonnet 41
	private Panel imageConteneur = null;
2 aperonnet 42
	/**
43
	 * l'image à afficher
44
	 */
5 aperonnet 45
	private Image image = new Image("vide.jpg");
2 aperonnet 46
	/**
47
	 * Bouton précédent
48
	 */
49
	private final com.google.gwt.user.client.ui.Button prev = new com.google.gwt.user.client.ui.Button();
50
	/**
51
	 * Bouton suivant
52
	 */
53
	private final com.google.gwt.user.client.ui.Button suiv = new com.google.gwt.user.client.ui.Button();
5 aperonnet 54
 
2 aperonnet 55
	/**
56
	 * Taille originale Y de l'image
57
	 */
5 aperonnet 58
	private int imageHeight = 0;
59
 
2 aperonnet 60
	/**
61
	 * Taille originale X de l'image
62
	 */
5 aperonnet 63
	private int imageWidth = 0;
2 aperonnet 64
 
65
	/**
5 aperonnet 66
	 * Identifiant de l'image
67
	 */
68
	private String idImage = "0" ;
69
 
70
	/**
2 aperonnet 71
	 * Booleen d'initalisation général
72
	 */
5 aperonnet 73
	private boolean initialise = false;
74
 
2 aperonnet 75
	/**
76
	 * Booleen d'initalisation du conteneur d'image
77
	 */
5 aperonnet 78
	private boolean conteneurInitialise = false;
99 jpm 79
 
80
	private ToolTip tp = new ToolTip("<div class=\"x-tooltip-help\"> Double cliquez pour revenir à la vue précédente, utilisez la roulette ou les boutons fléchés pour faire défiler les images </div>") ;
5 aperonnet 81
 
2 aperonnet 82
	/**
83
	 * Constructeur sans argument (privé car ne doit être utilisé)
84
	 */
85
	@SuppressWarnings("unused")
5 aperonnet 86
	private ZoomImageVue() {
87
		super();
2 aperonnet 88
	}
5 aperonnet 89
 
2 aperonnet 90
	/**
91
	 * Constructeur avec argument
5 aperonnet 92
	 *
93
	 * @param im
94
	 *            le médiateur à associer à la vue
2 aperonnet 95
	 */
5 aperonnet 96
	public ZoomImageVue(ImageMediateur im) {
2 aperonnet 97
		super("Zoom");
5 aperonnet 98
		setId("x-view-zoom-panel");
2 aperonnet 99
		// on associe le médiateur
5 aperonnet 100
		iMediateur = im;
2 aperonnet 101
 
5 aperonnet 102
		prev.setStylePrimaryName("x-view-zoom-button-p");
103
		suiv.setStylePrimaryName("x-view-zoom-button-s");
104
 
2 aperonnet 105
		// on crée une image qui gère le double clic et la roulette de la souris
106
		image = new Image() {
5 aperonnet 107
 
2 aperonnet 108
			public void onBrowserEvent(Event event) {
5 aperonnet 109
 
2 aperonnet 110
				// lors du double clic
111
				if (Event.ONDBLCLICK == DOM.eventGetType(event)) {
112
 
113
					// on notifie le médiateur
114
					getIMediateur().doubleClicZoomImage();
115
				}
5 aperonnet 116
 
2 aperonnet 117
				// lors d'un déplacement de la roulette
118
				if (Event.ONMOUSEWHEEL == DOM.eventGetType(event)) {
119
 
120
					// on simule un clic sur le bouton précédent
5 aperonnet 121
					if (event.getMouseWheelVelocityY() >= 1) {
122
						prev.click();
2 aperonnet 123
					}
5 aperonnet 124
 
2 aperonnet 125
					// ou suivant
5 aperonnet 126
					if (event.getMouseWheelVelocityY() <= -1) {
127
						suiv.click();
2 aperonnet 128
					}
129
				}
130
			}
5 aperonnet 131
 
2 aperonnet 132
		};
5 aperonnet 133
 
134
		this.setHeader(false);
135
 
136
		imageConteneur = new Panel() ;
2 aperonnet 137
		imageConteneur.setBorder(false);
5 aperonnet 138
 
139
		imageConteneur.add(image);
140
		imageConteneur.setId("x-view-zoom-img");
141
 
142
		// il n'existe pas de méthode pour ajouter un listener pour le double
143
		// clic sur une image
2 aperonnet 144
		// alors on lui dit manuellement de capter l'évènement double clic
145
		image.sinkEvents(Event.ONDBLCLICK);
5 aperonnet 146
		image.sinkEvents(Event.ONMOUSEWHEEL);
147
 
2 aperonnet 148
		// l'image de base est vide
149
		image.setUrl("vide.jpg");
5 aperonnet 150
 
2 aperonnet 151
		this.setLayout(new BorderLayout());
5 aperonnet 152
 
2 aperonnet 153
		prev.setWidth("60px");
154
		suiv.setWidth("60px");
5 aperonnet 155
 
156
		this.add(prev, new BorderLayoutData(RegionPosition.WEST));
157
		this.add(imageConteneur, new BorderLayoutData(RegionPosition.CENTER));
158
		this.add(suiv, new BorderLayoutData(RegionPosition.EAST));
159
 
160
		imageConteneur.setMaskDisabled(true);
2 aperonnet 161
		this.setBorder(false);
5 aperonnet 162
 
163
		conteneurInitialise = true;
164
		initialise = true;
2 aperonnet 165
 
5 aperonnet 166
		configDragAndDrop() ;
167
 
2 aperonnet 168
		// on ajoute les listeners
169
		ajouterListeners();
99 jpm 170
 
100 jpm 171
		tp.setDismissDelay(1750);
99 jpm 172
		tp.applyTo(image.getElement()) ;
2 aperonnet 173
 
174
	}
175
 
176
	/**
177
	 * Méthode héritée de l'interface rafraichissable
5 aperonnet 178
	 *
179
	 * @param nouvelleDonnees
180
	 *            les nouvelles données
181
	 * @param repandreRafraichissement
182
	 *            le booleen qui dit si on doit répnadre l'évènement
2 aperonnet 183
	 */
5 aperonnet 184
	public void rafraichir(Object nouvelleDonnees,
185
			boolean repandreRafraichissement) {
186
 
2 aperonnet 187
		// si on reçoit une string
5 aperonnet 188
		if (nouvelleDonnees instanceof String[] && initialise
189
				&& conteneurInitialise) {
190
			String[] infos = (String[]) nouvelleDonnees;
2 aperonnet 191
			// c'est l'url de l'image qu'on associe à la vue
5 aperonnet 192
			if (infos[0] != null && infos[1] != null && infos[2] != null && infos[3] != null) {
193
				getImage().setUrl(infos[0]);
194
				int x = Integer.parseInt(infos[1]);
195
				int y = Integer.parseInt(infos[2]);
196
 
197
				setTailleImage(x, y);
2 aperonnet 198
 
5 aperonnet 199
				setIdImage(infos[3]) ;
200
 
201
				verifierEtRetaillerImage();
2 aperonnet 202
			}
5 aperonnet 203
		} else {
2 aperonnet 204
			// sinon on met une image vide
40 david 205
			getImage().setUrl("vide.jpg");
2 aperonnet 206
		}
207
	}
5 aperonnet 208
 
2 aperonnet 209
	/**
210
	 * Desactive visuellement le panneau et les boutons
211
	 */
5 aperonnet 212
	public void desactiverPanneau() {
213
		getImage().setUrl("vide.jpeg");
214
		prev.setEnabled(false);
2 aperonnet 215
		suiv.setEnabled(false);
216
	}
5 aperonnet 217
 
2 aperonnet 218
	/**
219
	 * Active visuellement le panneau et les boutons
220
	 */
5 aperonnet 221
	public void activerPanneau() {
2 aperonnet 222
		prev.setEnabled(true);
223
		suiv.setEnabled(true);
224
	}
5 aperonnet 225
 
2 aperonnet 226
	/**
227
	 * Ajoute les listeners pour la gestions d'évènement
228
	 */
5 aperonnet 229
	public void ajouterListeners() {
230
 
2 aperonnet 231
		// gestion du clic sur le bouton précedent
232
		prev.addClickListener(new ClickListener() {
233
 
234
			// en cas de clic
235
			public void onClick(Widget sender) {
236
				// on notifie le médiateur
237
				getIMediateur().clicBoutonZoomImage("prev");
238
			}
5 aperonnet 239
 
2 aperonnet 240
		});
5 aperonnet 241
 
2 aperonnet 242
		// gestion du clic sur le bouton suivant
243
		suiv.addClickListener(new ClickListener() {
244
 
245
			// en cas de clic
246
			public void onClick(Widget sender) {
5 aperonnet 247
				// on notifie le médiateur
2 aperonnet 248
				getIMediateur().clicBoutonZoomImage("suiv");
249
			}
5 aperonnet 250
 
2 aperonnet 251
		});
5 aperonnet 252
 
2 aperonnet 253
		// gestion du redimensionnement
254
		this.addListener(new PanelListenerAdapter() {
5 aperonnet 255
 
2 aperonnet 256
			// lors d'un redimensionnement de l'application
5 aperonnet 257
 
258
			public void onBodyResize(Panel panel, java.lang.String width,
259
					java.lang.String height) {
2 aperonnet 260
				// on vérifie et on retaille l'image
5 aperonnet 261
				verifierEtRetaillerImage();
2 aperonnet 262
			}
5 aperonnet 263
		});
264
 
2 aperonnet 265
		// gestion du redimensionnement lors de l'affichage du conteneur
266
		imageConteneur.addListener(new PanelListenerAdapter() {
5 aperonnet 267
 
2 aperonnet 268
			// avant de finir d'afficher
5 aperonnet 269
 
270
			public void onAfterLayout(Container self) {
2 aperonnet 271
				// on redimensionne
5 aperonnet 272
				verifierEtRetaillerImage();
2 aperonnet 273
			}
5 aperonnet 274
		});
275
 
2 aperonnet 276
	}
277
 
278
	/**
5 aperonnet 279
	 * Verifie si l'image est plus grande que le conteneur et la retaille le cas
280
	 * echeant
2 aperonnet 281
	 */
5 aperonnet 282
	public void verifierEtRetaillerImage() {
2 aperonnet 283
		// si l'image est nulle
5 aperonnet 284
		if (image == null) {
2 aperonnet 285
			// on ne fait rien
5 aperonnet 286
			return;
287
		}
288
 
2 aperonnet 289
		// on prend la taille originale de l'image
5 aperonnet 290
		int originalX = getTailleImage()[0];
291
		int originalY = getTailleImage()[1];
292
 
293
		// on la transforme en float (la division entre entier donne de curieux
294
		// résultats)
295
		float fOriginalX = (new Float(originalX)).floatValue();
296
		float fOriginalY = (new Float(originalY)).floatValue();
297
 
2 aperonnet 298
		// et on fait le rapport longueur sur hauteur (pour connaitre le ratio)
5 aperonnet 299
		float rapportTaille = fOriginalX / fOriginalY;
300
 
2 aperonnet 301
		// la nouvelle taille est pour le moment égale à l'ancienne
5 aperonnet 302
		int nouvelleTailleX = originalX;
303
		int nouvelleTailleY = originalY;
304
 
2 aperonnet 305
		// on prend la taille du conteneur
5 aperonnet 306
		int tailleConteneurX = imageConteneur.getWidth();
307
		int tailleConteneurY = imageConteneur.getHeight();
308
 
2 aperonnet 309
		// si celle-ci est égale à 0 (conteneur mal initialisé)
5 aperonnet 310
		/*
311
		 * if(imageConteneur.getHeight() == 0 && tailleConteneurX == 0) { // on
312
		 * essaie de la calculer en fonction de la taille du parent et des
313
		 * frères tailleConteneurY = this.getHeight() ; tailleConteneurX =
314
		 * this.getWidth() - prev.getOffsetWidth() * 2 ;
315
		 *  }
316
		 */
317
 
318
		// si l'image ne rentre pas telle quelle (longueur ou hauteur trop
319
		// grande)
320
		if (originalY > tailleConteneurY || originalX > tailleConteneurX) {
2 aperonnet 321
			// si la longueur de l'image est la plus grande des deux
5 aperonnet 322
			if (originalX > originalY) {
323
				// on prend la longueur comme taille de référence, qu'on met à
324
				// la longueur du conteneur
325
				nouvelleTailleX = tailleConteneurX;
326
				// et on recalcule la hauteur, par rapport à la nouvelle
327
				// longueur, en gardant le format de 'limage
328
				nouvelleTailleY = (int) Math.floor(nouvelleTailleX * 1
329
						/ rapportTaille);
330
			} else {
331
				// si la hauteur est la plus grande, on fait le même genre
332
				// d'opération en prenant la hauteur comme référence
333
				nouvelleTailleY = tailleConteneurY;
334
				nouvelleTailleX = (int) Math.floor(nouvelleTailleY
335
						* rapportTaille);
2 aperonnet 336
			}
337
		}
5 aperonnet 338
 
2 aperonnet 339
		// on modifie enfin la taille de l'image pour qu'elle soit affichée
5 aperonnet 340
		getImage().setSize("" + nouvelleTailleX + "px",
341
				"" + nouvelleTailleY + "px");
2 aperonnet 342
	}
5 aperonnet 343
 
344
	public void configDragAndDrop()
345
	{
2 aperonnet 346
 
5 aperonnet 347
		// on fabrique la nouvelle configuration
348
		// les éléments sur lesquels on fait du drag 'n drop doivent tous avoir le même ddGroup
349
		DropTargetConfig dtc = new DropTargetConfig();
350
		dtc.setdDdGroup("DragGroupName");
351
 
352
		//La drop target permet de gérer l'évenement onDrop sur l'élement courant
353
		@SuppressWarnings("unused")
354
		DropTarget tg = new DropTarget(this, dtc)
355
		{
356
			public boolean notifyDrop(DragSource source, EventObject e, DragData data){
357
 
358
				// si on reçoit des données provenant d'une grille
359
				if(data instanceof GridDragData)
360
		    	  {
361
		    		  		// on appelle le médiateur
362
		    		  		return iMediateur.lierObsDD(source, e, data,getId()) ;
363
		    	  }
364
				return false ;
365
			}
366
 
367
			public String notifyOver(DragSource source, EventObject e, DragData data){
368
			    return "x-dd-drop-ok";
369
			}
370
		};
371
 
372
	}
373
 
2 aperonnet 374
	/**
375
	 * Accesseur pour le médiateur
5 aperonnet 376
	 *
2 aperonnet 377
	 * @return le médiateur associé à la vue
378
	 */
379
	public ImageMediateur getIMediateur() {
380
		return iMediateur;
381
	}
382
 
383
	/**
384
	 * Accesseur au conteneur de l'image
5 aperonnet 385
	 *
2 aperonnet 386
	 * @return le conteneur de l'image
387
	 */
388
	public Image getImage() {
389
		return image;
390
	}
5 aperonnet 391
 
392
	/**
393
	 * Acesseurs pour l'identifiant de l'image
394
	 * @return l'id de l'image
395
	 */
396
	public String getIdImage()
397
	{
398
		return idImage ;
399
	}
2 aperonnet 400
 
401
	/**
402
	 * Accesseur pour le bouton précédent
5 aperonnet 403
	 *
2 aperonnet 404
	 * @return le bouton précédent
405
	 */
406
	public com.google.gwt.user.client.ui.Button getPrev() {
407
		return prev;
408
	}
409
 
410
	/**
411
	 * Accesseur pour le bouton suivant
5 aperonnet 412
	 *
2 aperonnet 413
	 * @return le bouton suivant
414
	 */
415
	public com.google.gwt.user.client.ui.Button getSuiv() {
416
		return suiv;
417
	}
5 aperonnet 418
 
2 aperonnet 419
	/**
420
	 * Setter pour la taille de l'image
5 aperonnet 421
	 *
7 aperonnet 422
	 * @param x
5 aperonnet 423
	 *            la largeur en pixels
7 aperonnet 424
	 * @param y
5 aperonnet 425
	 *            la hauteur en pixels
2 aperonnet 426
	 */
5 aperonnet 427
	public void setTailleImage(int x, int y) {
428
		imageHeight = y;
429
		imageWidth = x;
2 aperonnet 430
	}
431
 
432
	/**
5 aperonnet 433
	 * Setteur pour l'identifiant de l'image
434
	 * @param id le nouvel identifiant
435
	 */
436
	public void setIdImage(String id)
437
	{
438
		idImage = id ;
439
	}
440
 
441
	/**
2 aperonnet 442
	 * renvoie la taille originale de l'image
5 aperonnet 443
	 *
2 aperonnet 444
	 * @return un tableau de deux entiers contenant la largeur puis la hauteur
445
	 */
5 aperonnet 446
	public int[] getTailleImage() {
447
		int[] taille = { imageHeight, imageWidth };
448
 
449
		return taille;
2 aperonnet 450
	}
5 aperonnet 451
 
452
	/**
453
	 * Accesseur pour le conteneur de l'image
454
	 * @return le conteur de l'image
455
	 */
456
	public Panel getImageConteneur() {
2 aperonnet 457
 
5 aperonnet 458
		return imageConteneur;
459
 
2 aperonnet 460
	}
461
}