WebSVN – eFlore/Applications.cel – Diff – /branches/v1.6-croc/src/org/tela_botanica/client/vues/observation/indicateurs/ImageGeneriqueVue.java


package org.tela_botanica.client.vues.observation.indicateurs;
 
import org.tela_botanica.client.interfaces.Rafraichissable;
import org.tela_botanica.client.observation.ObservationMediateur;
 
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Event;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.Image;
import com.gwtext.client.widgets.Panel;
import com.gwtext.client.widgets.ToolTip;
 
/**
 * Un panneau affichant une image generique provenant d eflore
 * 
 * @author David Delon
 * 
 */
public class ImageGeneriqueVue extends Panel implements Rafraichissable {
 
	/**
	 * Le médiateur associé
	 */
	
	private ObservationMediateur observationMediateur = null;
	
	
	/**
	 * l'image à afficher
	 */
	private Image image = new Image();
	
	private String urlImage = "" ;
	private String urlImageMax = "" ;
	
	
	private com.gwtext.client.widgets.Window imgZoom = new com.gwtext.client.widgets.Window("Agrandissement") ;
	
	private ToolTip tp = new ToolTip("<div class=\"x-tooltip-help\"> Double cliquez pour agrandir l'image </div>") ;
	
	/**
	 * Constructeur sans argument (privé car ne doit pas être utilisé)
	 */
	
	@SuppressWarnings("unused")
	private ImageGeneriqueVue() {
		super();
	}
 
	/**
	 * Constructeur avec argument
	 * @param obs le médiateur à associer
	 */
	
	
	public ImageGeneriqueVue(ObservationMediateur obs) {
		
			
		this.observationMediateur = obs;
		imgZoom.setCloseAction(com.gwtext.client.widgets.Window.HIDE) ;
		image = new Image() {
 
			@Override
			public void onBrowserEvent(Event event) {
 
				// lors du double clic
				if (Event.ONDBLCLICK == DOM.eventGetType(event)) {
 
					// on notifie le médiateur
					agrandirImage() ;
				}
			}
			
		};
		
		tp.applyTo(image.getElement()) ;
		
		
		this.setCls("x-image-gen") ;
		
		imgZoom.setConstrain(true);
		imgZoom.setAutoHeight(true) ;
		imgZoom.setAutoWidth(true) ;
 
		add(image);
		image.setPixelSize(150, 150);
		image.sinkEvents(Event.ONDBLCLICK);
		
		// on ajoute les listeners
		ajouterListeners();
 
	}
 
 
	/**
	 * Affichage image generique
	 * 
	 */
	
	@Override
	public void rafraichir(Object nouvelleDonnees,boolean repandreRaffraichissement) {
 
		// si on recoit une String contenant une URL
		if (nouvelleDonnees instanceof String []) {
			String [] lecteurDonnees = (String []) nouvelleDonnees;
			
			urlImage=lecteurDonnees[0];
			urlImageMax=lecteurDonnees[1];
			
			
			if (urlImage == null || urlImage.equals("null") || urlImage.length()==0 || urlImage.equals("")) {
				image.setUrl("ill_taxon.png") ;
				image.setPixelSize(150, 150);
			}
			else {
				image.setUrl(urlImage);
				verifierEtRetaillerImage();
			}
		} else {
			image.setUrl("ill_taxon.png") ;
			image.setPixelSize(150, 150);
		}
		
		observationMediateur.deMasquerChargementInfosObservations() ;
				
	}
	
	public void agrandirImage() {
		
		if(!imgZoom.isVisible())
		{
			imgZoom.setHtml("<img height="+Window.getClientHeight()*0.75+"px src=\""+urlImageMax+"\" />") ;
			imgZoom.setPagePosition( Window.getClientWidth()/2, Window.getClientHeight()/5) ;
			imgZoom.show(this.getElement()) ;
		} else {
			imgZoom.hide();
		}
 
		
	}
 
	
	/**
	 * Ajoute les listeners pour la gestions d'évènement
	 */
	public void ajouterListeners() {
		
	}
	
	public void raz() {
		image.setUrl("");
	}
	
	public void verifierEtRetaillerImage() {
		// si l'image est nulle
		if (image == null) {
			// on ne fait rien
			return;
		}
		
 
		// on prend la taille originale de l'image
		int originalX = image.getWidth();
		int originalY = image.getHeight();
 
		// on la transforme en float (la division entre entier donne de curieux
		// résultats)
		float fOriginalX = (new Float(originalX)).floatValue();
		float fOriginalY = (new Float(originalY)).floatValue();
 
		// et on fait le rapport longueur sur hauteur (pour connaitre le ratio)
		float rapportTaille = fOriginalX / fOriginalY;
 
		// la nouvelle taille est pour le moment égale à l'ancienne
		int nouvelleTailleX = originalX;
		int nouvelleTailleY = originalY;
 
		// on prend la taille du conteneur
		int tailleConteneurX = getWidth();
		int tailleConteneurY = getHeight();
		
		int maxConteneur = Math.min(tailleConteneurX, tailleConteneurY);
		int max = Math.min(maxConteneur, 300);
		
		// si l'image ne rentre pas telle quelle (longueur ou hauteur trop
		// grande)	
		// si la longueur de l'image est la plus grande des deux
			
			int maxImage = Math.max(originalX, originalY);
			
			if(maxImage == originalX) {
				// on prend la longueur comme taille de référence, qu'on met à
				// la longueur du conteneur
				nouvelleTailleX = max;
				// et on recalcule la hauteur, par rapport à la nouvelle
				// longueur, en gardant le format de 'limage
				nouvelleTailleY = (int) Math.floor(nouvelleTailleX * 1
						/ rapportTaille);
			} 
			else
			{	
				// si la hauteur est la plus grande, on fait le même genre
				// d'opération en prenant la hauteur comme référence
				nouvelleTailleY = max;
				nouvelleTailleX = (int) Math.floor(nouvelleTailleY
						* rapportTaille);
			}
 
		// on modifie enfin la taille de l'image pour qu'elle soit affichée
			image.setPixelSize(nouvelleTailleX ,
					nouvelleTailleY);
		
		doLayout();
	}
}

Subversion Repositories eFlore/Applications.cel

(root)/branches/v1.6-croc/src/org/tela_botanica/client/vues/observation/indicateurs/ImageGeneriqueVue.java – Rev 1547 → 1557

Rev 1547		Rev 1557
1	`package org.tela_botanica.client.vues.observation.indicateurs;`	1	`package org.tela_botanica.client.vues.observation.indicateurs;`
2		2
3	`import org.tela_botanica.client.interfaces.Rafraichissable;`	3	`import org.tela_botanica.client.interfaces.Rafraichissable;`
4	`import org.tela_botanica.client.observation.ObservationMediateur;`	4	`import org.tela_botanica.client.observation.ObservationMediateur;`
5		5
6	`import com.google.gwt.user.client.DOM;`	6	`import com.google.gwt.user.client.DOM;`
7	`import com.google.gwt.user.client.Event;`	7	`import com.google.gwt.user.client.Event;`
8	`import com.google.gwt.user.client.Window;`	8	`import com.google.gwt.user.client.Window;`
9	`import com.google.gwt.user.client.ui.Image;`	9	`import com.google.gwt.user.client.ui.Image;`
10	`import com.gwtext.client.widgets.Panel;`	10	`import com.gwtext.client.widgets.Panel;`
11	`import com.gwtext.client.widgets.ToolTip;`	11	`import com.gwtext.client.widgets.ToolTip;`
12		12
13	`/**`	13	`/**`
14	`* Un panneau affichant une image generique provenant d eflore`	14	`* Un panneau affichant une image generique provenant d eflore`
15	`*`	15	`*`
16	`* @author David Delon`	16	`* @author David Delon`
17	`*`	17	`*`
18	`*/`	18	`*/`
19	`public class ImageGeneriqueVue extends Panel implements Rafraichissable {`	19	`public class ImageGeneriqueVue extends Panel implements Rafraichissable {`
20		20
21	`/**`	21	`/**`
22	`* Le médiateur associé`	22	`* Le médiateur associé`
23	`*/`	23	`*/`
24		24
25	`private ObservationMediateur observationMediateur = null;`	25	`private ObservationMediateur observationMediateur = null;`
26		26
27		27
28	`/**`	28	`/**`
29	`* l'image à afficher`	29	`* l'image à afficher`
30	`*/`	30	`*/`
31	`private Image image = new Image();`	31	`private Image image = new Image();`
32		32
33	`private String urlImage = "" ;`	33	`private String urlImage = "" ;`
34	`private String urlImageMax = "" ;`	34	`private String urlImageMax = "" ;`
35		35
36		36
37	`private com.gwtext.client.widgets.Window imgZoom = new com.gwtext.client.widgets.Window("Agrandissement") ;`	37	`private com.gwtext.client.widgets.Window imgZoom = new com.gwtext.client.widgets.Window("Agrandissement") ;`
38		38
39	`private ToolTip tp = new ToolTip("<div class=\"x-tooltip-help\"> Double cliquez pour agrandir l'image </div>") ;`	39	`private ToolTip tp = new ToolTip("<div class=\"x-tooltip-help\"> Double cliquez pour agrandir l'image </div>") ;`
40		40
41	`/**`	41	`/**`
42	`* Constructeur sans argument (privé car ne doit pas être utilisé)`	42	`* Constructeur sans argument (privé car ne doit pas être utilisé)`
43	`*/`	43	`*/`
44		44
45	`@SuppressWarnings("unused")`	45	`@SuppressWarnings("unused")`
46	`private ImageGeneriqueVue() {`	46	`private ImageGeneriqueVue() {`
47	`super();`	47	`super();`
48	`}`	48	`}`
49		49
50	`/**`	50	`/**`
51	`* Constructeur avec argument`	51	`* Constructeur avec argument`
52	`* @param obs le médiateur à associer`	52	`* @param obs le médiateur à associer`
53	`*/`	53	`*/`
54		54
55		55
56	`public ImageGeneriqueVue(ObservationMediateur obs) {`	56	`public ImageGeneriqueVue(ObservationMediateur obs) {`
57		57
58		58
59	`this.observationMediateur = obs;`	59	`this.observationMediateur = obs;`
60	`imgZoom.setCloseAction(com.gwtext.client.widgets.Window.HIDE) ;`	60	`imgZoom.setCloseAction(com.gwtext.client.widgets.Window.HIDE) ;`
61	`image = new Image() {`	61	`image = new Image() {`
62		62
63	`@Override`	63	`@Override`
64	`public void onBrowserEvent(Event event) {`	64	`public void onBrowserEvent(Event event) {`
65		65
66	`// lors du double clic`	66	`// lors du double clic`
67	`if (Event.ONDBLCLICK == DOM.eventGetType(event)) {`	67	`if (Event.ONDBLCLICK == DOM.eventGetType(event)) {`
68		68
69	`// on notifie le médiateur`	69	`// on notifie le médiateur`
70	`agrandirImage() ;`	70	`agrandirImage() ;`
71	`}`	71	`}`
72	`}`	72	`}`
73		73
74	`};`	74	`};`
75		75
76	`tp.applyTo(image.getElement()) ;`	76	`tp.applyTo(image.getElement()) ;`
77		77
78		78
79	`this.setCls("x-image-gen") ;`	79	`this.setCls("x-image-gen") ;`
80		80
81	`imgZoom.setConstrain(true);`	81	`imgZoom.setConstrain(true);`
82	`imgZoom.setAutoHeight(true) ;`	82	`imgZoom.setAutoHeight(true) ;`
83	`imgZoom.setAutoWidth(true) ;`	83	`imgZoom.setAutoWidth(true) ;`
84		84
85	`add(image);`	85	`add(image);`
86	`image.setPixelSize(150, 150);`	86	`image.setPixelSize(150, 150);`
87	`image.sinkEvents(Event.ONDBLCLICK);`	87	`image.sinkEvents(Event.ONDBLCLICK);`
88		88
89	`// on ajoute les listeners`	89	`// on ajoute les listeners`
90	`ajouterListeners();`	90	`ajouterListeners();`
91		91
92	`}`	92	`}`
93		93
94		94
95	`/**`	95	`/**`
96	`* Affichage image generique`	96	`* Affichage image generique`
97	`*`	97	`*`
98	`*/`	98	`*/`
99		99
100	`@Override`	100	`@Override`
101	`public void rafraichir(Object nouvelleDonnees,boolean repandreRaffraichissement) {`	101	`public void rafraichir(Object nouvelleDonnees,boolean repandreRaffraichissement) {`
102		102
103	`// si on recoit une String contenant une URL`	103	`// si on recoit une String contenant une URL`
104	`if (nouvelleDonnees instanceof String []) {`	104	`if (nouvelleDonnees instanceof String []) {`
105	`String [] lecteurDonnees = (String []) nouvelleDonnees;`	105	`String [] lecteurDonnees = (String []) nouvelleDonnees;`
106		106
107	`urlImage=lecteurDonnees[0];`	107	`urlImage=lecteurDonnees[0];`
108	`urlImageMax=lecteurDonnees[1];`	108	`urlImageMax=lecteurDonnees[1];`
109		109
110		110
111	`if (urlImage == null \|\| urlImage.equals("null") \|\| urlImage.length()==0) {`	111	`if (urlImage == null \|\| urlImage.equals("null") \|\| urlImage.length()==0 \|\| urlImage.equals("")) {`
112	`image.setUrl("ill_taxon.png") ;`	112	`image.setUrl("ill_taxon.png") ;`
113	`image.setPixelSize(150, 150);`	113	`image.setPixelSize(150, 150);`
114	`}`	114	`}`
115	`else {`	115	`else {`
116	`image.setUrl(urlImage);`	116	`image.setUrl(urlImage);`
117	`verifierEtRetaillerImage();`	117	`verifierEtRetaillerImage();`
118	`}`	118	`}`
-		119	`} else {`
-		120	`image.setUrl("ill_taxon.png") ;`
-		121	`image.setPixelSize(150, 150);`
119	`}`	122	`}`
120		123
121	`observationMediateur.deMasquerChargementInfosObservations() ;`	124	`observationMediateur.deMasquerChargementInfosObservations() ;`
122		125
123	`}`	126	`}`
124		127
125	`public void agrandirImage() {`	128	`public void agrandirImage() {`
126		129
127	`if(!imgZoom.isVisible())`	130	`if(!imgZoom.isVisible())`
128	`{`	131	`{`
129	`imgZoom.setHtml("<img height="+Window.getClientHeight()*0.75+"px src=\""+urlImageMax+"\" />") ;`	132	`imgZoom.setHtml("<img height="+Window.getClientHeight()*0.75+"px src=\""+urlImageMax+"\" />") ;`
130	`imgZoom.setPagePosition( Window.getClientWidth()/2, Window.getClientHeight()/5) ;`	133	`imgZoom.setPagePosition( Window.getClientWidth()/2, Window.getClientHeight()/5) ;`
131	`imgZoom.show(this.getElement()) ;`	134	`imgZoom.show(this.getElement()) ;`
132	`} else {`	135	`} else {`
133	`imgZoom.hide();`	136	`imgZoom.hide();`
134	`}`	137	`}`
135		138
136		139
137	`}`	140	`}`
138		141
139		142
140	`/**`	143	`/**`
141	`* Ajoute les listeners pour la gestions d'évènement`	144	`* Ajoute les listeners pour la gestions d'évènement`
142	`*/`	145	`*/`
143	`public void ajouterListeners() {`	146	`public void ajouterListeners() {`
144		147
145	`}`	148	`}`
146		149
147	`public void raz() {`	150	`public void raz() {`
148	`image.setUrl("");`	151	`image.setUrl("");`
149	`}`	152	`}`
150		153
151	`public void verifierEtRetaillerImage() {`	154	`public void verifierEtRetaillerImage() {`
152	`// si l'image est nulle`	155	`// si l'image est nulle`
153	`if (image == null) {`	156	`if (image == null) {`
154	`// on ne fait rien`	157	`// on ne fait rien`
155	`return;`	158	`return;`
156	`}`	159	`}`
157		160
158		161
159	`// on prend la taille originale de l'image`	162	`// on prend la taille originale de l'image`
160	`int originalX = image.getWidth();`	163	`int originalX = image.getWidth();`
161	`int originalY = image.getHeight();`	164	`int originalY = image.getHeight();`
162		165
163	`// on la transforme en float (la division entre entier donne de curieux`	166	`// on la transforme en float (la division entre entier donne de curieux`
164	`// résultats)`	167	`// résultats)`
165	`float fOriginalX = (new Float(originalX)).floatValue();`	168	`float fOriginalX = (new Float(originalX)).floatValue();`
166	`float fOriginalY = (new Float(originalY)).floatValue();`	169	`float fOriginalY = (new Float(originalY)).floatValue();`
167		170
168	`// et on fait le rapport longueur sur hauteur (pour connaitre le ratio)`	171	`// et on fait le rapport longueur sur hauteur (pour connaitre le ratio)`
169	`float rapportTaille = fOriginalX / fOriginalY;`	172	`float rapportTaille = fOriginalX / fOriginalY;`
170		173
171	`// la nouvelle taille est pour le moment égale à l'ancienne`	174	`// la nouvelle taille est pour le moment égale à l'ancienne`
172	`int nouvelleTailleX = originalX;`	175	`int nouvelleTailleX = originalX;`
173	`int nouvelleTailleY = originalY;`	176	`int nouvelleTailleY = originalY;`
174		177
175	`// on prend la taille du conteneur`	178	`// on prend la taille du conteneur`
176	`int tailleConteneurX = getWidth();`	179	`int tailleConteneurX = getWidth();`
177	`int tailleConteneurY = getHeight();`	180	`int tailleConteneurY = getHeight();`
178		181
179	`int maxConteneur = Math.min(tailleConteneurX, tailleConteneurY);`	182	`int maxConteneur = Math.min(tailleConteneurX, tailleConteneurY);`
180	`int max = Math.min(maxConteneur, 300);`	183	`int max = Math.min(maxConteneur, 300);`
181		184
182	`// si l'image ne rentre pas telle quelle (longueur ou hauteur trop`	185	`// si l'image ne rentre pas telle quelle (longueur ou hauteur trop`
183	`// grande)`	186	`// grande)`
184	`// si la longueur de l'image est la plus grande des deux`	187	`// si la longueur de l'image est la plus grande des deux`
185		188
186	`int maxImage = Math.max(originalX, originalY);`	189	`int maxImage = Math.max(originalX, originalY);`
187		190
188	`if(maxImage == originalX) {`	191	`if(maxImage == originalX) {`
189	`// on prend la longueur comme taille de référence, qu'on met à`	192	`// on prend la longueur comme taille de référence, qu'on met à`
190	`// la longueur du conteneur`	193	`// la longueur du conteneur`
191	`nouvelleTailleX = max;`	194	`nouvelleTailleX = max;`
192	`// et on recalcule la hauteur, par rapport à la nouvelle`	195	`// et on recalcule la hauteur, par rapport à la nouvelle`
193	`// longueur, en gardant le format de 'limage`	196	`// longueur, en gardant le format de 'limage`
194	`nouvelleTailleY = (int) Math.floor(nouvelleTailleX * 1`	197	`nouvelleTailleY = (int) Math.floor(nouvelleTailleX * 1`
195	`/ rapportTaille);`	198	`/ rapportTaille);`
196	`}`	199	`}`
197	`else`	200	`else`
198	`{`	201	`{`
199	`// si la hauteur est la plus grande, on fait le même genre`	202	`// si la hauteur est la plus grande, on fait le même genre`
200	`// d'opération en prenant la hauteur comme référence`	203	`// d'opération en prenant la hauteur comme référence`
201	`nouvelleTailleY = max;`	204	`nouvelleTailleY = max;`
202	`nouvelleTailleX = (int) Math.floor(nouvelleTailleY`	205	`nouvelleTailleX = (int) Math.floor(nouvelleTailleY`
203	`* rapportTaille);`	206	`* rapportTaille);`
204	`}`	207	`}`
205		208
206	`// on modifie enfin la taille de l'image pour qu'elle soit affichée`	209	`// on modifie enfin la taille de l'image pour qu'elle soit affichée`
207	`image.setPixelSize(nouvelleTailleX ,`	210	`image.setPixelSize(nouvelleTailleX ,`
208	`nouvelleTailleY);`	211	`nouvelleTailleY);`
209		212
210	`doLayout();`	213	`doLayout();`
211	`}`	214	`}`
212	`}`	215	`}`