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