Subversion Repositories eFlore/Applications.cel

Rev

Rev 2 | Show entire file | Ignore 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 
	/**
- 
 
 37 
	 * instance du médiateur
- 
 
 38 
	 */
- 
 
 39 
	private ImageMediateur iMediateur = null;
- 
 
 40 
	/**
- 
 
 41 
	 * Dataview, littéralement "vue de données" qui permet de définir la manière
32 
	 * instance du médiateur
 42 
	 * d'afficher les données
33 
	 */
43 
	 */
34 
	private ImageMediateur	iMediateur	= null;
 - 
 
35 
	/**
 44 
	private DataView dView = null;
36 
	 * Dataview, littéralement "vue de données" qui permet de définir la manière d'afficher les données
 - 
 
37 
	 */
- 
 
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;
47 
	/**
 55 
	/**
Line 48... Line 56...
48 
	 * Booleen indiquant si la galerie est instanciée ou pas
 56 
	 * Booleen indiquant si la galerie est instanciée ou pas
49 
	 */
57 
	 */
50 
	private boolean 		estInstancie = false ;
 58 
	private boolean estInstancie = false;
51 
 
 59 
 
52 
	/**
 60 
	/**
53 
	 * Constructeur sans argument, privé car ne doit pas être utilisé
 - 
 
54 
	 */
 61 
	 * Constructeur sans argument, privé car ne doit pas être utilisé
55 
	@SuppressWarnings("unused")
 62 
	 */
56 
	private GalerieImageVue()
 63 
	@SuppressWarnings("unused")
57 
	{
 64 
	private GalerieImageVue() {
58 
		super() ;
 65 
		super();
- 
 
 66 
	}
- 
 
 67 
 
59 
	}
 68 
	/**
60
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) {
66 
		super("Galerie");
 75 
		super("Galerie");
Line 67... Line 76...
67 
		iMediateur = im;
 76 
		iMediateur = im;
- 
 
 77 
 
68
78 
		// on ajoute des listeners au composant tout entier
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
72 
			// pour gagner du temps on n'instancie la vue en elle même que lors du premier affichage (lazy rendering)
 82 
			// du premier affichage (lazy rendering)
73
83 
 
Line 74... Line 84...
74 
			public void onShow(Component component) {
 84 
			public void onShow(Component component) {
75 
 
 85 
 
76 
				if (!estInstancie) {
 86 
				if (!estInstancie) {
77 
					initialiser();
 87 
					initialiser();
78 
				}
 88 
				}
Line 79... Line 89...
79 
			}
 89 
			}
Line 80... Line 90...
80 
 
 90 
 
81 
		});
 91 
		});
- 
 
 92 
 
82
93 
		// et on ajoute la tool bar
83 
		// et on ajoute la tool bar
 94 
		pt = new pageToolBarVue(im);
Line 84... Line 95...
84 
		pt = new pageToolBarVue(im) ;
 95 
		this.setBottomToolbar(pt);
85 
		this.setBottomToolbar(pt) ;
 96 
 
86 
 
 97 
	}
87 
	}
 98 
 
88 
 
 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
91 
	 */
 102 
	 */
92 
	public void ajouterListenersDataView() {
 103 
	public void ajouterListenersDataView() {
93 
 
 104 
 
94 
		// ajout de listeners pour la gestion de la selection
 105 
		// ajout de listeners pour la gestion de la selection
Line 95... Line 106...
95 
		// dans la galerie
 106 
		// dans la galerie
Line 96... Line 107...
96 
		dView.addListener(new DataViewListenerAdapter() {
 107 
		dView.addListener(new DataViewListenerAdapter() {
97
108 
 
98 
			// gestion du clic sur une image
 109 
			// gestion du clic sur une image
99
110 
 
Line 100... Line 111...
100 
			public void onClick(DataView source, int index, Element node,
 111 
			public void onClick(DataView source, int index, Element node,
101 
					EventObject e) {
 112 
					EventObject e) {
102
113 
 
103 
				// on en notifie le médiateur
 114 
				// on en notifie le médiateur
Line 104... Line 115...
104 
				getIMediateur().clicGalerieImage(index, node, e);
 115 
				getIMediateur().clicGalerieImage(index, node, e);
Line 105... Line 116...
105 
 
 116 
 
106 
			}
 117 
			}
107 
 
 118 
 
108 
			// gestion du clic droit
 119 
			// gestion du clic droit
Line 109... Line 120...
109
120 
 
110 
			public void onContextMenu(DataView source, int index, Element node,
 121 
			public void onContextMenu(DataView source, int index, Element node,
111 
					EventObject e) {
 122 
					EventObject e) {
112 
 
 123 
 
Line 113... Line 124...
113 
				// on stoppe l'évenement
124 
				// on stoppe l'évenement
114 
				e.stopEvent();
 125 
				e.stopEvent();
115 
				// et on notifie le médiateur
 126 
				// et on notifie le médiateur
Line 116... Line 127...
116 
				getIMediateur().montrerContextMenu(e);
 127 
				getIMediateur().montrerContextMenu(e);
117 
 
 128 
 
118 
			}
 129 
			}
119 
 
 130 
 
120 
			// gestion du double clic
 131 
			// gestion du double clic
121
132 
 
122 
			public void onDblClick(DataView source, int index, Element node,
 133 
			public void onDblClick(DataView source, int index, Element node,
123 
					EventObject e) {
 134 
					EventObject e) {
- 
 
 135 
 
124 
 
 136 
				// on notife le mediateur
125 
				// on notife le mediateur
 137 
				getIMediateur().clicGalerieImage(index, node, e);
126 
				getIMediateur().clicGalerieImage(index, node, e);
 138 
 
Line 127... Line 139...
127
139 
			}
128 
			}
 140 
 
Line 129... Line 141...
129 
 
 141 
			// gestion des actions en fonction de la selection
130 
			// gestion des actions en fonction de la selection
 142 
 
- 
 
 143 
			public void onSelectionChange(DataView view, Element[] selections) {
131
144 
 
132 
			public void onSelectionChange(DataView view, Element[] selections) {
 145 
				// s'il n'y a aucun élement sélectionné
133 
 
 146 
				if (selections.length <= 0) {
134 
				// s'il n'y a aucun élement sélectionné
 147 
					// on en notifie le médiateur
135 
				if (selections.length <= 0) {
 148 
					getIMediateur().aucuneSelection();
Line 136... Line 149...
136 
					// on en notifie le médiateur
 149 
				} else {
137 
					getIMediateur().aucuneSelection();
 150 
					// sinon on notifie le médiateur
- 
 
 151 
					getIMediateur().selection();
138 
				} else {
 152 
					// et on lui demande de synchroniser la séléction avec les
- 
 
 153 
					// autres vues
139 
					// sinon on notifie le médiateur
 154 
					getIMediateur().synchroniserSelection("galerie");
140 
					getIMediateur().selection();
 155 
				}
141 
					// et on lui demande de synchroniser la séléction avec les autres vues
 156 
			}
142 
					getIMediateur().synchroniserSelection("galerie");
 157 
 
143 
				}
 158 
		});
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() {
187 
		return st;
 204 
		return st;
188 
	}
 205 
	}
189
206 
 
- 
 
 207 
	/**
190 
	/**
 208 
	 * Accesseur pour la toolbar
191 
	 * Accesseur pour la toolbar
209 
	 *
192 
	 * @return la toolbar associée à la vue
 210 
	 * @return la toolbar associée à la vue
193 
	 */
 - 
 
194 
	public pageToolBarVue getToolBarVue()
 211 
	 */
195 
	{
 212 
	public pageToolBarVue getToolBarVue() {
Line 196... Line 213...
196 
		return pt ;
 213 
		return pt;
197 
	}
 214 
	}
- 
 
 215 
 
198 
 
 216 
	/**
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)
201 
	 */
 219 
	 */
202 
	public void initialiser() {
 220 
	public void initialiser() {
203
221 
 
204 
		// Preparation de la dataview et du template
 222 
		// Preparation de la dataview et du template
205 
		// le template va créer une div contenant une image
 223 
		// le template va créer une div contenant une image
206 
		// pour chacune des photos
 224 
		// pour chacune des photos
207 
		final XTemplate template = new XTemplate(
 225 
		final XTemplate template = new XTemplate(
208 
				new String[] {
 226 
				new String[] {
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>",
- 
 
 230 
						"<span>{nom}</span></div>", "</tpl>",
212 
						"<span>{nom}</span></div>", "</tpl>",
 231 
						"<div class='x-clear'></div>" });
Line 213... Line 232...
213 
						"<div class='x-clear'></div>" });
 232 
		// pour des raisons de performances on compile le template en une
214 
		// pour des raisons de performances on compile le template en une fonction
 233 
		// fonction
215 
		template.compile();
 234 
		template.compile();
Line 216... Line -...
216 
 
 - 
 
217 
		// la dataview affichera les images en accord avec le template
 235 
 
218 
		// cree precedemment
 236 
		// la dataview affichera les images en accord avec le template
219 
		dView = new DataView("div.thumb-wrap") {
 237 
		// cree precedemment
220 
 
 238 
		dView = new DataView("div.thumb-wrap") {
- 
 
 239 
 
221
240 
			public void prepareData(Data data) {
222 
			public void prepareData(Data data) {
 241 
				data.setProperty("shortName", Format.ellipsis(data
Line 223... Line 242...
223 
				data.setProperty("shortName", Format.ellipsis(data
 242 
						.getProperty("num_image"), 15));
224 
						.getProperty("num_image"), 15));
 243 
			}
Line 244... Line 263...
244 
		FieldDef[] defTab = { defNumImage, defDatImage, defLieImage,
 263 
		FieldDef[] defTab = { defNumImage, defDatImage, defLieImage,
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);
249
- 
 
Line 250... Line 268...
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();
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
- 
 
 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 
			}
Line 260... Line 308...
260 
		// et on déclare le composant comme instancié
 308 
		};
261 
		estInstancie = true ;
 309
262 
	}
 310 
	}
263 
 
 311 
 
264 
	/**
 312 
	/**
Line 265... Line 313...
265 
	 * Méthode héritée de l'interface rafraichissable
 313 
	 * Méthode héritée de l'interface rafraichissable
266 
	 */
 314 
	 */
267 
	public void rafraichir(Object nouvelleDonnees,
 315 
	public void rafraichir(Object nouvelleDonnees,
268 
			boolean repandreRafraichissement) {
 316 
			boolean repandreRafraichissement) {
269 
 
 317 
 
270 
		// si l'objet reçu est un store
 318 
		// si l'objet reçu est un store
271 
		if (nouvelleDonnees instanceof Store) {
 319 
		if (nouvelleDonnees instanceof Store) {
272
320 
 
273 
			st = (Store) nouvelleDonnees;
 321 
			st = (Store) nouvelleDonnees;
274 
			// on le charge
 322 
			// on le charge
275 
			st.load();
 323 
			st.load();
276 
			// on l'affecte à la vue
 324 
			// on l'affecte à la vue
Line 277... Line 325...
277 
			dView.setStore(st);
 325 
			dView.setStore(st);
278 
			// et on rafrachit la vue
 326 
			// et on rafrachit la vue
279 
			dView.refresh();
 327 
			dView.refresh();
- 
 
 328 
 
280
329 
		}
281 
		}
 330 
 
282 
 
 331 
		// si le composant doit répandre le rafraichissement
283 
		// 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(
 - 
 
287 
					nouvelleDonnees, this);
 335 
			getIMediateur().synchroniserDonneesZoomListeGalerie(
288 
		}
 336 
					nouvelleDonnees, this);
289
337 
		}
290 
		// si c'est la première mise à jour que l'on reçoit
 338 
 
Line 291... Line 339...
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é
- 
 
 342 
			estInstancie = true;
- 
 
 343 
		}
294 
			estInstancie = true ;
 344 
	}
295 
		}
 345 
 
296 
	}
 346 
	/**
Line 297... Line 347...
297 
 
 347 
	 * Méthode héritée de l'interface VueListable Sélectionne les images dans la
Line 298... Line 348...
298 
	/**
 348 
	 * galerie suivant les identifiants donnés en paramètres
299 
	 * Méthode héritée de l'interface VueListable
 349 
	 *
300 
	 * Sélectionne les images dans la galerie suivant les identifiants donnés en paramètres
 350 
	 * @param ids