Subversion Repositories eFlore/Applications.cel

Rev

Rev 279 | Rev 338 | Go to most recent revision | Details | Compare with Previous | 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