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