Subversion Repositories eFlore/Applications.cel

Rev

Rev 1292 | 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 
 
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