Subversion Repositories eFlore/Applications.cel

Rev

Rev 2 | Go to most recent revision | Show entire file | Regard whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 2 Rev 5
Line 3... Line 3...
3 
import org.tela_botanica.client.image.ImageMediateur;
 3 
import org.tela_botanica.client.image.ImageMediateur;
4 
import org.tela_botanica.client.interfaces.Rafraichissable;
 4 
import org.tela_botanica.client.interfaces.Rafraichissable;
5 
import org.tela_botanica.client.interfaces.VueListable;
 5 
import org.tela_botanica.client.interfaces.VueListable;
Line 6... Line 6...
6 
 
 6 
 
7 
import com.google.gwt.user.client.Element;
 - 
 
8 
import com.google.gwt.user.client.Window;
 7 
import com.google.gwt.user.client.Element;
9 
import com.gwtext.client.core.EventObject;
 8 
import com.gwtext.client.core.EventObject;
10 
import com.gwtext.client.core.XTemplate;
 9 
import com.gwtext.client.core.XTemplate;
11 
import com.gwtext.client.data.FieldDef;
 10 
import com.gwtext.client.data.FieldDef;
12 
import com.gwtext.client.data.IntegerFieldDef;
 11 
import com.gwtext.client.data.IntegerFieldDef;
13 
import com.gwtext.client.data.Record;
 12 
import com.gwtext.client.data.Record;
14 
import com.gwtext.client.data.RecordDef;
 13 
import com.gwtext.client.data.RecordDef;
15 
import com.gwtext.client.data.Store;
 14 
import com.gwtext.client.data.Store;
- 
 
 15 
import com.gwtext.client.data.StringFieldDef;
- 
 
 16 
import com.gwtext.client.dd.DragData;
- 
 
 17 
import com.gwtext.client.dd.DragSource;
- 
 
 18 
import com.gwtext.client.dd.DropTarget;
16 
import com.gwtext.client.data.StringFieldDef;
 19 
import com.gwtext.client.dd.DropTargetConfig;
17 
import com.gwtext.client.util.Format;
 20 
import com.gwtext.client.util.Format;
18 
import com.gwtext.client.widgets.Component;
 21 
import com.gwtext.client.widgets.Component;
19 
import com.gwtext.client.widgets.DataView;
 22 
import com.gwtext.client.widgets.DataView;
20 
import com.gwtext.client.widgets.Panel;
 23 
import com.gwtext.client.widgets.Panel;
21 
import com.gwtext.client.widgets.event.ContainerListenerAdapter;
 24 
import com.gwtext.client.widgets.event.ContainerListenerAdapter;
- 
 
 25 
import com.gwtext.client.widgets.event.DataViewListenerAdapter;
Line 22... Line 26...
22 
import com.gwtext.client.widgets.event.DataViewListenerAdapter;
 26 
import com.gwtext.client.widgets.grid.GridDragData;
23 
 
 27 
 
24 
/**
 28 
/**
25 
 * Galerie d'images miniatures
 29 
 * Galerie d'images miniatures Avec barre de pagination
26 
 * Avec barre de pagination
30 
 *
27 
 * @author aurelien
 31 
 * @author aurelien
- 
 
 32 
 */
Line 28... Line 33...
28 
 */
 33 
public class GalerieImageVue extends Panel implements Rafraichissable,
29 
public class GalerieImageVue extends Panel implements Rafraichissable, VueListable {
 34 
		VueListable {
30 
 
 35 
 
31 
	/**
 36 
	/**
32 
	 * instance du médiateur
 37 
	 * instance du médiateur
33 
	 */
38 
	 */
- 
 
 39 
	private ImageMediateur iMediateur = null;
34 
	private ImageMediateur	iMediateur	= null;
 40 
	/**
35 
	/**
 41 
	 * Dataview, littéralement "vue de données" qui permet de définir la manière
36 
	 * Dataview, littéralement "vue de données" qui permet de définir la manière d'afficher les données
 42 
	 * d'afficher les données
37 
	 */
43 
	 */
- 
 
 44 
	private DataView dView = null;
38 
	private DataView		dView		= null;
 45 
	/**
39 
	/**
 46 
	 * Dataview, littéralement "vue de données" qui permet de définir la manière
40 
	 * Dataview, littéralement "vue de données" qui permet de définir la manière d'afficher les données
 47 
	 * d'afficher les données
41 
	 */
48 
	 */
- 
 
 49 
	private Store st = null;
42 
	private Store			st			= null;
 50 
	/**
43 
	/**
 51 
	 * Barre de pagination gérant l'affichage d'un nombre donné d'élements par
44 
	 * Barre de pagination gérant l'affichage d'un nombre donné d'élements par page et la navigation entre eux
 52 
	 * page et la navigation entre eux
45 
	 */
53 
	 */
46 
	private pageToolBarVue	pt 			= null ;
 54 
	private pageToolBarVue pt = null;
Line 51... Line 59...
51 
 
 59 
 
52 
	/**
 60 
	/**
53 
	 * Constructeur sans argument, privé car ne doit pas être utilisé
 61 
	 * Constructeur sans argument, privé car ne doit pas être utilisé
54 
	 */
 62 
	 */
55 
	@SuppressWarnings("unused")
 63 
	@SuppressWarnings("unused")
56 
	private GalerieImageVue()
 - 
 
57 
	{
 64 
	private GalerieImageVue() {
58 
		super() ;
 65 
		super();
Line 59... Line 66...
59 
	}
 66 
	}
60
67 
 
- 
 
 68 
	/**
- 
 
 69 
	 * Constructeur avec argument
61 
	/**
 70 
	 *
62 
	 * Constructeur avec argument
 71 
	 * @param im
63 
	 * @param im le médiateur avec lequel la vue va communiquer
 72 
	 *            le médiateur avec lequel la vue va communiquer
64 
	 */
 73 
	 */
65 
	public GalerieImageVue(ImageMediateur im) {
 74 
	public GalerieImageVue(ImageMediateur im) {
Line 66... Line 75...
66 
		super("Galerie");
 75 
		super("Galerie");
67 
		iMediateur = im;
 76 
		iMediateur = im;
Line 68... Line 77...
68
77 
 
- 
 
 78 
		// on ajoute des listeners au composant tout entier
Line 69... Line 79...
69 
		// on ajoute des listeners au composant tout entier
 79 
		this.addListener(new ContainerListenerAdapter() {
Line 70... Line 80...
70 
		this.addListener(new ContainerListenerAdapter() {
 80 
 
71 
 
 81 
			// pour gagner du temps on n'instancie la vue en elle même que lors
Line 85... Line 95...
85 
		this.setBottomToolbar(pt) ;
 95 
		this.setBottomToolbar(pt);
Line 86... Line 96...
86 
 
 96 
 
Line 87... Line 97...
87 
	}
 97 
	}
88 
 
 98 
 
- 
 
 99 
	/**
89 
	/**
 100 
	 * Ajoute tous les listeners nécessaires à l'intercation utilisateur avec la
90 
	 * Ajoute tous les listeners nécessaires à l'intercation utilisateur avec la vue de données
 101 
	 * vue de données
Line 91... Line 102...
91 
	 */
 102 
	 */
92 
	public void ajouterListenersDataView() {
 103 
	public void ajouterListenersDataView() {
Line 136... Line 147...
136 
					// on en notifie le médiateur
 147 
					// on en notifie le médiateur
137 
					getIMediateur().aucuneSelection();
 148 
					getIMediateur().aucuneSelection();
138 
				} else {
 149 
				} else {
139 
					// sinon on notifie le médiateur
 150 
					// sinon on notifie le médiateur
140 
					getIMediateur().selection();
 151 
					getIMediateur().selection();
141 
					// et on lui demande de synchroniser la séléction avec les autres vues
 152 
					// et on lui demande de synchroniser la séléction avec les
- 
 
 153 
					// autres vues
142 
					getIMediateur().synchroniserSelection("galerie");
 154 
					getIMediateur().synchroniserSelection("galerie");
143 
				}
 155 
				}
144 
			}
 156 
			}
Line 145... Line 157...
145 
 
 157 
 
146 
		});
 158 
		});
Line 147... Line 159...
147 
	}
 159 
	}
148 
 
 160 
 
- 
 
 161 
	/**
149 
	/**
 162 
	 * Accesseur pour la dataview
150 
	 * Accesseur pour la dataview
 163 
	 *
151 
	 * @return la dataview
164 
	 * @return la dataview
152 
	 */
 165 
	 */
153 
	public DataView getDView() {
 166 
	public DataView getDView() {
Line 154... Line 167...
154 
		return dView;
 167 
		return dView;
155 
	}
 168 
	}
- 
 
 169 
 
156 
 
 170 
	/**
- 
 
 171 
	 * Renvoie les ids des images sélectionnées
157 
	/**
 172 
	 *
158 
	 * Renvoie les ids des images sélectionnées
 173 
	 * @return un tableau de String contenant les identifiants des images
159 
	 * @return un tableau de String contenant les identifiants des images sélectionnées
 174 
	 *         sélectionnées
160 
	 */
 175 
	 */
161 
	public String[] getIdSelectionnees() {
 176 
	public String[] getIdSelectionnees() {
Line 171... Line 186...
171 
		return id_selection;
 186 
		return id_selection;
172 
	}
 187 
	}
Line 173... Line 188...
173 
 
 188 
 
174 
	/**
 189 
	/**
- 
 
 190 
	 * Accesseur pour le médiateur
175 
	 * Accesseur pour le médiateur
 191 
	 *
176 
	 * @return le médiateur associé à la vue
 192 
	 * @return le médiateur associé à la vue
177 
	 */
 193 
	 */
178 
	public ImageMediateur getIMediateur() {
 194 
	public ImageMediateur getIMediateur() {
179 
		return iMediateur;
 195 
		return iMediateur;
Line 180... Line 196...
180 
	}
 196 
	}
181 
 
 197 
 
- 
 
 198 
	/**
182 
	/**
 199 
	 * Accesseur pour le store
183 
	 * Accesseur pour le store
 200 
	 *
184 
	 * @return le store associé à la vue
 201 
	 * @return le store associé à la vue
185 
	 */
 202 
	 */
186 
	public Store getSt() {
 203 
	public Store getSt() {
Line 187... Line 204...
187 
		return st;
 204 
		return st;
188 
	}
 205 
	}
- 
 
 206 
 
189
207 
	/**
190 
	/**
 208 
	 * Accesseur pour la toolbar
191 
	 * Accesseur pour la toolbar
209 
	 *
192 
	 * @return la toolbar associée à la vue
 - 
 
193 
	 */
 210 
	 * @return la toolbar associée à la vue
194 
	public pageToolBarVue getToolBarVue()
 211 
	 */
Line 195... Line 212...
195 
	{
 212 
	public pageToolBarVue getToolBarVue() {
196 
		return pt ;
 213 
		return pt;
- 
 
 214 
	}
197 
	}
 215 
 
198 
 
 216 
	/**
Line 199... Line 217...
199 
	/**
 217 
	 * Fonction d'initialisation du contenu (appelée lors du premier affichage
200 
	 * Fonction d'initialisation du contenu (appelée lors du premier affichage de la liste)
 218 
	 * de la liste)
Line 209... Line 227...
209 
						"<tpl for='.'>",
 227 
						"<tpl for='.'>",
210 
						"<div class='thumb-wrap' id='{num_image}'>",
 228 
						"<div class='thumb-wrap' id='{num_image}'>",
211 
						"<div class='thumb'><img src='{url_image_M}' title='{num_image}'></div>",
 229 
						"<div class='thumb'><img src='{url_image_M}' title='{num_image}'></div>",
212 
						"<span>{nom}</span></div>", "</tpl>",
 230 
						"<span>{nom}</span></div>", "</tpl>",
213 
						"<div class='x-clear'></div>" });
 231 
						"<div class='x-clear'></div>" });
214 
		// pour des raisons de performances on compile le template en une fonction
 232 
		// pour des raisons de performances on compile le template en une
- 
 
 233 
		// fonction
215 
		template.compile();
 234 
		template.compile();
Line 216... Line 235...
216 
 
 235 
 
217 
		// la dataview affichera les images en accord avec le template
 236 
		// la dataview affichera les images en accord avec le template
218 
		// cree precedemment
 237 
		// cree precedemment
Line 219... Line -...
219 
		dView = new DataView("div.thumb-wrap") {
 - 
 
220 
 
 238 
		dView = new DataView("div.thumb-wrap") {
221
239 
 
222 
			public void prepareData(Data data) {
 240 
			public void prepareData(Data data) {
223 
				data.setProperty("shortName", Format.ellipsis(data
 241 
				data.setProperty("shortName", Format.ellipsis(data
- 
 
 242 
						.getProperty("num_image"), 15));
224 
						.getProperty("num_image"), 15));
 243 
			}
225 
			}
 244
Line 226... Line 245...
226 
		};
 245 
		};
227 
		dView.setTpl(template);
 246 
		dView.setTpl(template);
Line 245... Line 264...
245 
				defAppImage, defUrlImageS, defUrlImageM, defUrlImage };
 264 
				defAppImage, defUrlImageS, defUrlImageM, defUrlImage };
246 
		RecordDef rd = new RecordDef(defTab);
 265 
		RecordDef rd = new RecordDef(defTab);
247 
		st = new Store(rd);
 266 
		st = new Store(rd);
248 
		dView.setStore(st);
 267 
		dView.setStore(st);
Line 249... Line -...
249
- 
 
250 
 
 268 
 
Line 251... Line 269...
251 
		this.getDView().setLoadingText("chargement");
 269 
		this.getDView().setLoadingText("chargement");
252 
 
 270 
 
- 
 
 271 
		// ajouts de la gestion des evenements pour la dataview
Line 253... Line 272...
253 
		// ajouts de la gestion des evenements pour la dataview
 272 
		ajouterListenersDataView();
Line 254... Line 273...
254 
		ajouterListenersDataView();
 273 
		configDragAndDrop() ;
255 
 
 274 
 
256 
		this.add(dView);
 275 
		this.add(dView);
257
276 
 
258 
		// enfin on envoie une demande de données au médiateur
 277 
		// enfin on envoie une demande de données au médiateur
Line -... Line 278...
- 
 
 278 
		getIMediateur().obtenirPhotoGalerie(this);
- 
 
 279 
		// et on déclare le composant comme instancié
- 
 
 280 
		estInstancie = true;
- 
 
 281 
	}
- 
 
 282
- 
 
 283 
	public void configDragAndDrop()
- 
 
 284 
	{
- 
 
 285 
		// on fabrique la nouvelle configuration
- 
 
 286 
		// les éléments sur lesquels on fait du drag 'n drop doivent tous avoir le même ddGroup
- 
 
 287 
		DropTargetConfig dtc = new DropTargetConfig();
- 
 
 288 
		dtc.setdDdGroup("DragGroupName");
- 
 
 289 
 
- 
 
 290 
		//La drop target permet de gérer l'évenement onDrop sur l'élement courant
- 
 
 291 
		@SuppressWarnings("unused")
- 
 
 292 
		DropTarget tg = new DropTarget(this, dtc)
- 
 
 293 
		{
- 
 
 294 
			public boolean notifyDrop(DragSource source, EventObject e, DragData data){
- 
 
 295
- 
 
 296 
				// si les données proviennent d'une grille
- 
 
 297 
				if(data instanceof GridDragData)
- 
 
 298 
		    	{
- 
 
 299 
					// on appelle le médiateur
- 
 
 300 
		    		  	return iMediateur.lierObsDD(source, e, data,getId()) ;
- 
 
 301 
		    	}
- 
 
 302 
				return false ;
- 
 
 303 
			}
- 
 
 304
- 
 
 305 
			public String notifyOver(DragSource source, EventObject e, DragData data){
- 
 
 306 
			    return "x-dd-drop-ok";
259 
		getIMediateur().obtenirPhotoGalerie(this);
 307 
			}
260 
		// et on déclare le composant comme instancié
 308 
		};
261 
		estInstancie = true ;
 309
262 
	}
 310 
	}
263 
 
 311 
 
Line 280... Line 328...
280
328 
 
Line 281... Line 329...
281 
		}
 329 
		}
282 
 
 330 
 
283 
		// si le composant doit répandre le rafraichissement
 331 
		// si le composant doit répandre le rafraichissement
- 
 
 332 
		if (repandreRafraichissement) {
284 
		if (repandreRafraichissement) {
 333 
			// il en notifie le médiateur en lui donnant une copie des données
285 
			// il en notifie le médiateur en lui donnant une copie des données et en notifiant qu'il en est l'expéditeur
 334 
			// et en notifiant qu'il en est l'expéditeur
286 
			getIMediateur().synchroniserDonneesZoomListeGalerie(
 335 
			getIMediateur().synchroniserDonneesZoomListeGalerie(
Line 287... Line 336...
287 
					nouvelleDonnees, this);
 336 
					nouvelleDonnees, this);
288 
		}
 337 
		}
289
- 
 
290 
		// si c'est la première mise à jour que l'on reçoit
 338 
 
291 
		if(!estInstancie)
 339 
		// si c'est la première mise à jour que l'on reçoit
292 
		{
 340 
		if (!estInstancie) {
293 
			// alors le composant est considéré comme instancié
 341 
			// alors le composant est considéré comme instancié
Line 294... Line 342...
294 
			estInstancie = true ;
 342 
			estInstancie = true;
295 
		}
 343 
		}
296 
	}
 344 
	}
- 
 
 345 
 
- 
 
 346 
	/**
297 
 
 347 
	 * Méthode héritée de l'interface VueListable Sélectionne les images dans la
298 
	/**
 348 
	 * galerie suivant les identifiants donnés en paramètres
299 
	 * Méthode héritée de l'interface VueListable
 349 
	 *
Line 300... Line 350...
300 
	 * Sélectionne les images dans la galerie suivant les identifiants donnés en paramètres
 350 
	 * @param ids