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