Subversion Repositories eFlore/Applications.cel

Rev

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