Subversion Repositories eFlore/Applications.cel

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
199 david 1
package org.tela_botanica.client.vues.observation.indicateurs;
94 jpm 2
 
2627 mathias 3
import org.tela_botanica.client.i18n.Msg;
94 jpm 4
import org.tela_botanica.client.interfaces.Rafraichissable;
989 aurelien 5
import org.tela_botanica.client.modeles.objets.ImageCarnet;
94 jpm 6
import org.tela_botanica.client.observation.ObservationMediateur;
7
 
338 aurelien 8
import com.google.gwt.event.dom.client.ClickEvent;
9
import com.google.gwt.event.dom.client.ClickHandler;
10
import com.google.gwt.event.dom.client.LoadEvent;
11
import com.google.gwt.event.dom.client.LoadHandler;
94 jpm 12
import com.google.gwt.user.client.DOM;
13
import com.google.gwt.user.client.Event;
213 aurelien 14
import com.google.gwt.user.client.Window;
94 jpm 15
import com.google.gwt.user.client.ui.Image;
213 aurelien 16
import com.gwtext.client.core.AnimationConfig;
94 jpm 17
import com.gwtext.client.core.EventObject;
213 aurelien 18
import com.gwtext.client.core.Ext;
19
import com.gwtext.client.core.ExtElement;
94 jpm 20
import com.gwtext.client.core.RegionPosition;
21
import com.gwtext.client.widgets.Panel;
213 aurelien 22
import com.gwtext.client.widgets.ToolTip;
94 jpm 23
import com.gwtext.client.widgets.layout.BorderLayout;
24
import com.gwtext.client.widgets.layout.BorderLayoutData;
104 jpm 25
import com.gwtext.client.widgets.menu.BaseItem;
26
import com.gwtext.client.widgets.menu.Item;
27
import com.gwtext.client.widgets.menu.Menu;
28
import com.gwtext.client.widgets.menu.event.MenuListenerAdapter;
94 jpm 29
 
30
/**
31
 * Panneau d'affichage d'une image avec des boutons précdents et suivant
32
 *
33
 * @author aurelien
34
 *
35
 */
36
public class MiniZoomImageVue extends Panel implements Rafraichissable {
37
 
38
	/**
39
	 * Le médiateur associé à la vue
40
	 */
41
	private ObservationMediateur oMediateur = null;
245 aurelien 42
 
43
	/**
44
	 * Le titre du panneau
45
	 */
2627 mathias 46
	private static String titrePanneau = Msg.get("images-liees");
94 jpm 47
 
48
	/**
49
	 * Panneau conteneur pour l'image
50
	 */
51
	private Panel imageConteneur = null;
52
	/**
53
	 * l'image à afficher
54
	 */
97 jpm 55
	private Image image = new Image("");
94 jpm 56
	/**
57
	 * Bouton précédent
58
	 */
59
	private final com.google.gwt.user.client.ui.Button prev = new com.google.gwt.user.client.ui.Button();
60
	/**
61
	 * Bouton suivant
62
	 */
63
	private final com.google.gwt.user.client.ui.Button suiv = new com.google.gwt.user.client.ui.Button();
64
 
65
	/**
66
	 * Taille originale Y de l'image
67
	 */
68
	private int imageHeight = 0;
69
 
70
	/**
71
	 * Taille originale X de l'image
72
	 */
73
	private int imageWidth = 0;
74
 
75
	/**
76
	 * Identifiant de l'image
77
	 */
78
	private String idImage = "0" ;
79
 
213 aurelien 80
	private String[] infosImages[] = null ;
94 jpm 81
 
82
	private int index = 0 ;
83
 
84
	/**
213 aurelien 85
	 * true pour animer les transitions
86
	 */
87
	private boolean animerTransition = false;
88
	/**
89
	 * Détermine la durée de la transition
90
	 */
91
	private float dureeAnimation = (float) 0.15;
92
 
93
	/**
94 jpm 94
	 * Booleen d'initalisation général
95
	 */
96
	private boolean initialise = false;
97
 
98
	/**
99
	 * Booleen d'initalisation du conteneur d'image
100
	 */
101
	private boolean conteneurInitialise = false;
213 aurelien 102
 
2627 mathias 103
	private ToolTip tp = new ToolTip("<div class=\"x-tooltip-help\"> " + Msg.get("double-clic-agrandir") + " </div>") ;
213 aurelien 104
 
2627 mathias 105
	com.gwtext.client.widgets.Window imgZoom = new com.gwtext.client.widgets.Window(Msg.get("agrandissement")) ;
213 aurelien 106
 
107
	Image imgAgrandie = null;
94 jpm 108
 
109
	/**
110
	 * Constructeur sans argument (privé car ne doit être utilisé)
111
	 */
112
	@SuppressWarnings("unused")
113
	private MiniZoomImageVue() {
114
		super();
115
	}
116
 
117
	/**
118
	 * Constructeur avec argument
119
	 *
120
	 * @param im
121
	 *            le médiateur à associer à la vue
122
	 */
123
	public MiniZoomImageVue(ObservationMediateur im) {
245 aurelien 124
		super(titrePanneau);
94 jpm 125
		setId("x-view-mini-zoom-panel");
126
		// on associe le médiateur
127
		oMediateur = im;
128
 
129
		prev.setStylePrimaryName("x-view-zoom-button-p");
130
		suiv.setStylePrimaryName("x-view-zoom-button-s");
131
 
213 aurelien 132
		imgZoom.setCloseAction(com.gwtext.client.widgets.Window.HIDE) ;
298 aurelien 133
		imgZoom.setConstrain(true);
213 aurelien 134
 
94 jpm 135
		// on crée une image qui gère le double clic et la roulette de la souris
136
		image = new Image() {
137
 
1292 aurelien 138
			@Override
94 jpm 139
			public void onBrowserEvent(Event event) {
140
 
141
				// lors d'un déplacement de la roulette
142
				if (Event.ONMOUSEWHEEL == DOM.eventGetType(event)) {
143
 
144
					// on simule un clic sur le bouton précédent
145
					if (event.getMouseWheelVelocityY() >= 1) {
146
						prev.click();
147
					}
148
 
149
					// ou suivant
150
					if (event.getMouseWheelVelocityY() <= -1) {
151
						suiv.click();
152
					}
153
				}
104 jpm 154
 
155
				if(Event.ONCONTEXTMENU == DOM.eventGetType(event)) {
156
 
157
					event.preventDefault() ;
158
					int[] xy = {event.getClientX(),event.getClientY()} ;
159
					afficherMenu(xy) ;
160
				}
213 aurelien 161
 
162
				// lors du double clic
163
				if (Event.ONDBLCLICK == DOM.eventGetType(event)) {
279 aurelien 164
					if(imgZoom.isVisible()) {
165
							imgZoom.hide();
166
					} else {
167
						afficherPanneauAgrandi();
168
					}
213 aurelien 169
				}
94 jpm 170
			}
171
 
172
		};
173
 
130 aurelien 174
		image.setPixelSize(150, 150);
175
 
213 aurelien 176
		infosImages = new String[0][0] ;
94 jpm 177
 
178
		this.setHeader(true);
179
 
180
		imageConteneur = new Panel() ;
181
		imageConteneur.setBorder(false);
182
 
183
		imageConteneur.add(image);
184
		imageConteneur.setId("x-view-mini-zoom-img");
185
 
186
		// il n'existe pas de méthode pour ajouter un listener pour le double
187
		// clic sur une image
188
		// alors on lui dit manuellement de capter l'évènement double clic
189
		image.sinkEvents(Event.ONDBLCLICK);
190
		image.sinkEvents(Event.ONMOUSEWHEEL);
104 jpm 191
		image.sinkEvents(Event.ONCONTEXTMENU) ;
94 jpm 192
 
193
		// l'image de base est vide
97 jpm 194
		image.setUrl("");
94 jpm 195
 
196
		this.setLayout(new BorderLayout());
197
 
130 aurelien 198
		prev.setWidth("15%");
199
		suiv.setWidth("15%");
94 jpm 200
 
201
		this.add(prev, new BorderLayoutData(RegionPosition.WEST));
202
		this.add(imageConteneur, new BorderLayoutData(RegionPosition.CENTER));
203
		this.add(suiv, new BorderLayoutData(RegionPosition.EAST));
204
 
205
		imageConteneur.setMaskDisabled(true);
206
		this.setBorder(false);
207
 
208
		conteneurInitialise = true;
209
		initialise = true;
210
 
211
		// on ajoute les listeners
212
		ajouterListeners();
213
 
214
	}
215
 
216
	/**
217
	 * Méthode héritée de l'interface rafraichissable
218
	 *
219
	 * @param nouvelleDonnees
220
	 *            les nouvelles données
221
	 * @param repandreRafraichissement
222
	 *            le booleen qui dit si on doit répnadre l'évènement
223
	 */
1292 aurelien 224
	@Override
94 jpm 225
	public void rafraichir(Object nouvelleDonnees,
226
			boolean repandreRafraichissement) {
227
 
228
		// si on reçoit une string
213 aurelien 229
		if (nouvelleDonnees instanceof String[][] && initialise
230
				&& conteneurInitialise && ((String[][])nouvelleDonnees).length != 0) {
231
			infosImages = (String[][]) nouvelleDonnees;
94 jpm 232
			index = 0 ;
233
			afficherImage() ;
234
 
235
		} else {
236
			// sinon on met une image vide
213 aurelien 237
			infosImages = null ;
238
			afficherImage();
239
 
94 jpm 240
		}
241
	}
242
 
243
	public void afficherImage()
244
	{
245
		// c'est l'url de l'image qu'on associe à la vue
213 aurelien 246
		if(infosImages != null && infosImages.length != 0)
94 jpm 247
		{
245 aurelien 248
			setTitle(titrePanneau+"         "+(index+1)+" / "+infosImages.length);
249
 
735 aurelien 250
			getImage().setUrl(getUrlMiniature(index));
213 aurelien 251
			imageWidth = Integer.parseInt(infosImages[index][1]);
252
			imageHeight = Integer.parseInt(infosImages[index][2]);
253
			verifierEtRetaillerImage();
245 aurelien 254
			activerPanneau(true);
213 aurelien 255
		} else {
245 aurelien 256
			setTitle(titrePanneau);
213 aurelien 257
			getImage().setUrl("ill_liaison.png");
258
			imageWidth = getImage().getWidth();
130 aurelien 259
			imageHeight = getImage().getHeight();
213 aurelien 260
			if(imgZoom.isVisible()) {
261
				agrandirImage();
262
			}
245 aurelien 263
			activerPanneau(false);
264
		}
265
 
266
		if(infosImages != null && infosImages.length > 1) {
267
			prev.setEnabled(true);
268
			suiv.setEnabled(true);
269
		} else {
213 aurelien 270
			prev.setEnabled(false);
271
			suiv.setEnabled(false);
94 jpm 272
		}
273
	}
274
 
275
	/**
276
	 * Active visuellement le panneau et les boutons
277
	 */
245 aurelien 278
	public void activerPanneau(boolean activer) {
279
		if(activer) {
280
			this.getEl().unmask();
281
		} else {
282
			this.getEl().mask();
283
		}
94 jpm 284
	}
285
 
286
	/**
287
	 * Ajoute les listeners pour la gestions d'évènement
288
	 */
289
	public void ajouterListeners() {
290
 
291
		// gestion du clic sur le bouton précedent
338 aurelien 292
		prev.addClickHandler(new ClickHandler() {
94 jpm 293
 
1292 aurelien 294
			@Override
338 aurelien 295
			public void onClick(ClickEvent event) {
94 jpm 296
				if(infosImages.length != 0) {
297
					if(index == 0)
298
					{
299
						index = infosImages.length - 1 ;
300
					}
301
					else
302
					{
303
						index-- ;
304
					}
305
 
306
					afficherImage() ;
307
				}
308
			}
309
 
310
		});
311
 
312
		// gestion du clic sur le bouton suivant
338 aurelien 313
		suiv.addClickHandler(new ClickHandler() {
94 jpm 314
 
315
			// en cas de clic
1292 aurelien 316
			@Override
338 aurelien 317
			public void onClick(ClickEvent event) {
94 jpm 318
 
319
				if(infosImages.length != 0) {
320
					if(index == infosImages.length - 1)
321
					{
322
						index = 0 ;
323
					}
324
					else
325
					{
326
						index++ ;
327
					}
328
 
329
					afficherImage() ;
330
				}
331
 
332
			}
333
 
334
		});
130 aurelien 335
 
94 jpm 336
	}
337
 
338
	/**
339
	 * Accesseur pour le médiateur
340
	 *
341
	 * @return le médiateur associé à la vue
342
	 */
343
	public ObservationMediateur getIMediateur() {
344
		return oMediateur;
345
	}
346
 
347
	/**
348
	 * Accesseur au conteneur de l'image
349
	 *
350
	 * @return le conteneur de l'image
351
	 */
352
	public Image getImage() {
353
		return image;
354
	}
355
 
356
	/**
357
	 * Acesseurs pour l'identifiant de l'image
358
	 * @return l'id de l'image
359
	 */
360
	public String getIdImage()
361
	{
213 aurelien 362
		return infosImages[index][0] ;
94 jpm 363
	}
364
 
365
	/**
366
	 * Accesseur pour le bouton précédent
367
	 *
368
	 * @return le bouton précédent
369
	 */
370
	public com.google.gwt.user.client.ui.Button getPrev() {
371
		return prev;
372
	}
373
 
374
	/**
375
	 * Accesseur pour le bouton suivant
376
	 *
377
	 * @return le bouton suivant
378
	 */
379
	public com.google.gwt.user.client.ui.Button getSuiv() {
380
		return suiv;
381
	}
382
 
383
	/**
384
	 * Setter pour la taille de l'image
385
	 *
386
	 * @param x
387
	 *            la largeur en pixels
388
	 * @param y
389
	 *            la hauteur en pixels
390
	 */
391
	public void setTailleImage(int x, int y) {
392
		imageHeight = y;
393
		imageWidth = x;
394
	}
395
 
396
	/**
397
	 * Setteur pour l'identifiant de l'image
398
	 * @param id le nouvel identifiant
399
	 */
400
	public void setIdImage(String id)
401
	{
402
		idImage = id ;
403
	}
404
 
405
	/**
406
	 * renvoie la taille originale de l'image
407
	 *
408
	 * @return un tableau de deux entiers contenant la largeur puis la hauteur
409
	 */
410
	public int[] getTailleImage() {
411
		int[] taille = { imageHeight, imageWidth };
412
 
413
		return taille;
414
	}
415
 
416
	/**
417
	 * Accesseur pour le conteneur de l'image
418
	 * @return le conteur de l'image
419
	 */
420
	public Panel getImageConteneur() {
421
 
422
		return imageConteneur;
423
 
424
	}
104 jpm 425
 
426
	public void raz() {
427
 
213 aurelien 428
		infosImages = new String[0][0] ;
104 jpm 429
		getImage().setUrl("");
430
 
431
	}
432
 
433
	public void supprimerLiaisonImage() {
434
 
435
		if(infosImages.length > 0) {
436
 
437
			getImage().setUrl("") ;
438
			int nouvelleTaille = infosImages.length - 1 ;
439
			int indexSupp = index ;
440
 
213 aurelien 441
			String[][] nouveauInfosImages = new String[nouvelleTaille][3] ;
104 jpm 442
			int j = 0 ;
443
 
444
			for(int i = 0 ; i < infosImages.length ; i++) {
445
 
446
				if(i != indexSupp) {
447
 
448
					nouveauInfosImages[j] = infosImages[i] ;
449
					j++ ;
450
				}
451
			}
452
 
453
			infosImages = nouveauInfosImages ;
454
			index = 0 ;
455
 
456
			afficherImage() ;
457
		}
458
	}
459
 
460
	public void afficherMenu(int[] xy) {
461
 
462
		Menu mn = new Menu() ;
2627 mathias 463
		final Item suppLiaison = new Item(Msg.get("supprimer-liaison"));
104 jpm 464
 
465
		mn.addItem(suppLiaison) ;
466
 
467
		mn.addListener(new MenuListenerAdapter() {
468
 
1292 aurelien 469
			@Override
104 jpm 470
			public void onItemClick(BaseItem item, EventObject e) {
471
 
472
				// si c'est l'aide
473
				if (item.equals(suppLiaison)) {
474
					// on notifie le médiateur
475
					getIMediateur().supprimerLiaisonObsImage() ;
476
				}
477
			}
478
 
479
		}) ;
480
 
481
		mn.showAt(xy) ;
482
	}
483
 
130 aurelien 484
	/**
485
	 * Verifie si l'image est plus grande que le conteneur et la retaille le cas
486
	 * echeant
487
	 */
488
	public void verifierEtRetaillerImage() {
213 aurelien 489
 
130 aurelien 490
		// si l'image est nulle
491
		if (image == null) {
492
			// on ne fait rien
493
			return;
494
		}
495
 
213 aurelien 496
		int[] dim = calculerDimensions(getTailleImage(),300,imageConteneur.getWidth());
145 aurelien 497
		getImage().setSize("" + dim[0] + "px",
498
				"" + dim[1] + "px");
130 aurelien 499
 
213 aurelien 500
		doLayout();
145 aurelien 501
 
213 aurelien 502
		if(imgZoom.isVisible()) {
503
			agrandirImage();
504
		}
130 aurelien 505
	}
145 aurelien 506
 
213 aurelien 507
	public int[] calculerDimensions(int[] tailleXY, double tailleMax, double tailleConteneur) {
145 aurelien 508
 
509
		float[] tailleXYf = {new Float(tailleXY[0]),new Float(tailleXY[1])} ;
213 aurelien 510
        float tailleOr = Math.min(new Float(tailleMax),new Float(tailleConteneur)) ;
145 aurelien 511
        float maxTaille = Math.max(tailleXYf[1],tailleXYf[0]) ;
512
        float[] XYresize = new float[2];
513
 
514
        if(maxTaille == tailleXY[0]) {
515
            float rapport = tailleXYf[1]/tailleXYf[0] ;
516
            XYresize[0] = tailleOr ;
517
            XYresize[1] = tailleOr*rapport ;
518
        }else {
519
            float rapport = tailleXYf[0]/tailleXYf[1] ;
520
            XYresize[1] = tailleOr ;
521
            XYresize[0] = tailleOr*rapport ;
522
        }
523
 
279 aurelien 524
        int[] res = {(int)Math.round(XYresize[0]*0.85),(int)Math.round(XYresize[1]*0.85)} ;
145 aurelien 525
 
526
        return res;
527
    }
213 aurelien 528
 
529
	protected void agrandirImage() {
530
 
531
			String urlAgrandie = "";
532
 
533
			if(infosImages == null) {
534
				urlAgrandie = "ill_liaison.png";
535
				setTailleImage(265, 270);
536
			} else {
735 aurelien 537
				urlAgrandie = getUrlAgrandie(index);
213 aurelien 538
			}
539
 
540
			if(imgAgrandie == null) {
541
				imgAgrandie = new Image(urlAgrandie);
542
				imgZoom.add(imgAgrandie);
543
 
338 aurelien 544
				imgAgrandie.addLoadHandler(new LoadHandler() {
213 aurelien 545
 
1292 aurelien 546
					@Override
338 aurelien 547
					public void onLoad(LoadEvent event) {
213 aurelien 548
						int[] tailleImage = calculerDimensions(getTailleImage(),getTailleImage()[1],Window.getClientHeight()*0.75);
549
						ExtElement imgElement = Ext.get(imgAgrandie.getElement());
550
						if(animerTransition) {
551
							AnimationConfig a = new AnimationConfig() ;
1292 aurelien 552
							a.setDuration(dureeAnimation);
213 aurelien 553
							imgElement.setHeight(tailleImage[1], a);
554
							imgElement.setWidth(tailleImage[0], a);
555
 
556
							ExtElement winElement = Ext.get(imgZoom.getElement());
557
							winElement.setHeight(tailleImage[1], a);
558
							winElement.setWidth(tailleImage[0], a);
559
						} else {
560
							imgElement.setHeight(tailleImage[1], false);
561
							imgElement.setWidth(tailleImage[0], false);
562
 
563
							ExtElement winElement = Ext.get(imgZoom.getElement());
564
							winElement.setHeight(tailleImage[1], false);
565
							winElement.setWidth(tailleImage[0], false);
566
						}
567
					}
568
 
569
				});
570
 
571
			} else {
572
				imgAgrandie.setUrl(urlAgrandie);
573
				imgAgrandie.setVisible(true);
574
			}
575
	}
576
 
735 aurelien 577
	private String getUrlMiniature(int index) {
578
 
973 aurelien 579
		String[][] paramsImage = {{"id_image",infosImages[index][0]}};
735 aurelien 580
		ImageCarnet ic = new ImageCarnet(paramsImage);
581
 
582
		return ic.getUrlFormatGalerie();
583
	}
584
 
585
	private String getUrlAgrandie(int index) {
973 aurelien 586
		String[][] paramsImage = {{"id_image",infosImages[index][0]}};
735 aurelien 587
		ImageCarnet ic = new ImageCarnet(paramsImage);
588
 
589
		return ic.getUrlFormatZoom();
590
	}
591
 
213 aurelien 592
	private void afficherPanneauAgrandi() {
237 aurelien 593
		agrandirImage();
594
		imgZoom.show(this.getElement());
595
		imgZoom.setPosition((int)(Window.getClientWidth() - Window.getClientWidth()*0.50),(int)(Window.getClientHeight() - Window.getClientHeight()*0.85));
213 aurelien 596
	}
94 jpm 597
}
598