Subversion Repositories eFlore/Applications.cel

Rev

Rev 146 | Rev 208 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 146 Rev 195
1 
package org.tela_botanica.client.vues;
 1 
package org.tela_botanica.client.vues.image;
2 
 
 2 
 
3 
import org.tela_botanica.client.image.ImageMediateur;
 3 
import org.tela_botanica.client.image.ImageMediateur;
4 
import org.tela_botanica.client.interfaces.ListePaginable;
 4 
import org.tela_botanica.client.interfaces.ListePaginable;
5 
import org.tela_botanica.client.interfaces.Rafraichissable;
 5 
import org.tela_botanica.client.interfaces.Rafraichissable;
6 
import org.tela_botanica.client.interfaces.VueListable;
 6 
import org.tela_botanica.client.interfaces.VueListable;
- 
 
 7 
import org.tela_botanica.client.vues.BarrePaginationVue;
7 
 
 - 
 
8 
import com.google.gwt.user.client.DOM;
 8 
 
9 
import com.google.gwt.user.client.Element;
 - 
 
10 
import com.google.gwt.user.client.Window;
 - 
 
11 
import com.google.gwt.user.client.ui.ClickListener;
 9 
import com.google.gwt.user.client.Element;
12 
import com.google.gwt.user.client.ui.HTML;
 - 
 
13 
import com.google.gwt.user.client.ui.Widget;
 10 
import com.google.gwt.user.client.ui.HTML;
14 
import com.gwtext.client.core.EventCallback;
 11 
import com.gwtext.client.core.EventCallback;
15 
import com.gwtext.client.core.EventObject;
 12 
import com.gwtext.client.core.EventObject;
16 
import com.gwtext.client.core.Ext;
 13 
import com.gwtext.client.core.Ext;
17 
import com.gwtext.client.core.ExtElement;
 14 
import com.gwtext.client.core.ExtElement;
18 
import com.gwtext.client.core.Function;
 - 
 
19 
import com.gwtext.client.core.XTemplate;
 15 
import com.gwtext.client.core.XTemplate;
20 
import com.gwtext.client.data.FieldDef;
 16 
import com.gwtext.client.data.FieldDef;
21 
import com.gwtext.client.data.IntegerFieldDef;
 17 
import com.gwtext.client.data.IntegerFieldDef;
22 
import com.gwtext.client.data.Record;
 18 
import com.gwtext.client.data.Record;
23 
import com.gwtext.client.data.RecordDef;
 19 
import com.gwtext.client.data.RecordDef;
24 
import com.gwtext.client.data.Store;
 20 
import com.gwtext.client.data.Store;
25 
import com.gwtext.client.data.StringFieldDef;
 21 
import com.gwtext.client.data.StringFieldDef;
26 
import com.gwtext.client.dd.DragData;
 22 
import com.gwtext.client.dd.DragData;
27 
import com.gwtext.client.dd.DragSource;
 23 
import com.gwtext.client.dd.DragSource;
28 
import com.gwtext.client.dd.DropTarget;
 24 
import com.gwtext.client.dd.DropTarget;
29 
import com.gwtext.client.dd.DropTargetConfig;
 25 
import com.gwtext.client.dd.DropTargetConfig;
30 
import com.gwtext.client.util.Format;
 26 
import com.gwtext.client.util.Format;
31 
import com.gwtext.client.widgets.Component;
 27 
import com.gwtext.client.widgets.Component;
32 
import com.gwtext.client.widgets.Container;
 28 
import com.gwtext.client.widgets.Container;
33 
import com.gwtext.client.widgets.DataView;
 29 
import com.gwtext.client.widgets.DataView;
34 
import com.gwtext.client.widgets.Panel;
 30 
import com.gwtext.client.widgets.Panel;
35 
import com.gwtext.client.widgets.event.ContainerListener;
 31 
import com.gwtext.client.widgets.event.ContainerListener;
36 
import com.gwtext.client.widgets.event.ContainerListenerAdapter;
 32 
import com.gwtext.client.widgets.event.ContainerListenerAdapter;
37 
import com.gwtext.client.widgets.event.DataViewListenerAdapter;
 33 
import com.gwtext.client.widgets.event.DataViewListenerAdapter;
38 
import com.gwtext.client.widgets.event.PanelListenerAdapter;
 34 
import com.gwtext.client.widgets.event.PanelListenerAdapter;
39 
import com.gwtext.client.widgets.grid.GridDragData;
 35 
import com.gwtext.client.widgets.grid.GridDragData;
40 
 
 36 
 
41 
/**
 37 
/**
42 
 * Galerie d'images miniatures Avec barre de pagination
 38 
 * Galerie d'images miniatures Avec barre de pagination
43 
 *
39 
 *
44 
 * @author aurelien
 40 
 * @author aurelien
45 
 */
 41 
 */
46 
public class GalerieImageVue extends Panel implements Rafraichissable,
 42 
public class GalerieImageVue extends Panel implements Rafraichissable,
47 
		VueListable, ListePaginable {
 43 
		VueListable, ListePaginable {
48 
 
 44 
 
49 
	/**
 45 
	/**
50 
	 * instance du médiateur
 46 
	 * instance du médiateur
51 
	 */
 47 
	 */
52 
	private ImageMediateur iMediateur = null;
 48 
	private ImageMediateur iMediateur = null;
53 
	/**
 49 
	/**
54 
	 * Dataview, littéralement "vue de données" qui permet de définir la manière
 50 
	 * Dataview, littéralement "vue de données" qui permet de définir la manière
55 
	 * d'afficher les données
 51 
	 * d'afficher les données
56 
	 */
 52 
	 */
57 
	private DataView dView = null;
 53 
	private DataView dView = null;
58 
	/**
 54 
	/**
59 
	 * Dataview, littéralement "vue de données" qui permet de définir la manière
 55 
	 * Dataview, littéralement "vue de données" qui permet de définir la manière
60 
	 * d'afficher les données
 56 
	 * d'afficher les données
61 
	 */
 57 
	 */
62 
	private Store st = null;
 58 
	private Store st = null;
63 
	/**
 59 
	/**
64 
	 * Barre de pagination gérant l'affichage d'un nombre donné d'élements par
 60 
	 * Barre de pagination gérant l'affichage d'un nombre donné d'élements par
65 
	 * page et la navigation entre eux
 61 
	 * page et la navigation entre eux
66 
	 */
 62 
	 */
67 
	private BarrePaginationVue pt = null;
 63 
	private BarrePaginationVue pt = null;
68 
	/**
 64 
	/**
69 
	 * Booleen indiquant si la galerie est instanciée ou pas
 65 
	 * Booleen indiquant si la galerie est instanciée ou pas
70 
	 */
 66 
	 */
71 
	private boolean estInstancie = false;
 67 
	private boolean estInstancie = false;
72
68
73 
	private boolean garderRatio = false;
 69 
	private boolean garderRatio = false;
74
70
75 
	private int tailleOr = 100 ;
 71 
	private int tailleOr = 100 ;
76
72
77 
	boolean lienUploadInitialise = false ;
 73 
	boolean lienUploadInitialise = false ;
78
74
79 
	HTML videPanel = null ;
 75 
	HTML videPanel = null ;
80 
 
 76 
 
81 
 
 77 
 
82 
	/**
 78 
	/**
83 
	 * Constructeur sans argument, privé car ne doit pas être utilisé
 79 
	 * Constructeur sans argument, privé car ne doit pas être utilisé
84 
	 */
 80 
	 */
85 
	@SuppressWarnings("unused")
 81 
	@SuppressWarnings("unused")
86 
	private GalerieImageVue() {
 82 
	private GalerieImageVue() {
87 
		super();
 83 
		super();
88 
	}
 84 
	}
89 
 
 85 
 
90 
	/**
 86 
	/**
91 
	 * Constructeur avec argument
 87 
	 * Constructeur avec argument
92 
	 *
88 
	 *
93 
	 * @param im
 89 
	 * @param im
94 
	 *            le médiateur avec lequel la vue va communiquer
 90 
	 *            le médiateur avec lequel la vue va communiquer
95 
	 */
 91 
	 */
96 
	public GalerieImageVue(ImageMediateur im) {
 92 
	public GalerieImageVue(ImageMediateur im) {
97 
		super("Galerie");
 93 
		super("Galerie");
98 
		iMediateur = im;
 94 
		iMediateur = im;
99
95
100 
		// on ajoute des listeners au composant tout entier
 96 
		// on ajoute des listeners au composant tout entier
101 
		this.addListener(new ContainerListenerAdapter() {
 97 
		this.addListener(new ContainerListenerAdapter() {
102 
 
 98 
 
103 
			// pour gagner du temps on n'instancie la vue en elle même que lors
 99 
			// pour gagner du temps on n'instancie la vue en elle même que lors
104 
			// du premier affichage (lazy rendering)
 100 
			// du premier affichage (lazy rendering)
105 
 
 101 
 
106 
			public void onShow(Component component) {
 102 
			public void onShow(Component component) {
107 
 
 103 
 
108 
				if (!estInstancie) {
 104 
				if (!estInstancie) {
109 
					initialiser();
 105 
					initialiser();
110 
				}
 106 
				}
111
107
112 
			}
 108 
			}
113 
		});
 109 
		});
114
110
115 
		AjouterListenersLiens();
 111 
		AjouterListenersLiens();
116 
 
 112 
 
117 
		// et on ajoute la tool bar
 113 
		// et on ajoute la tool bar
118 
		pt = new BarrePaginationVue(this);
 114 
		pt = new BarrePaginationVue(this);
119 
		pt.setLabelElement("Images");
 115 
		pt.setLabelElement("Images");
120 
		pt.setTaillePageParDefaut(50);
 116 
		pt.setTaillePageParDefaut(50);
121 
		this.setBottomToolbar(pt);
 117 
		this.setBottomToolbar(pt);
122 
 
 118 
 
123 
	}
 119 
	}
124 
 
 120 
 
125 
	/**
 121 
	/**
126 
	 * Ajoute tous les listeners nécessaires à l'intercation utilisateur avec la
 122 
	 * Ajoute tous les listeners nécessaires à l'intercation utilisateur avec la
127 
	 * vue de données
 123 
	 * vue de données
128 
	 */
 124 
	 */
129 
	public void ajouterListenersDataView() {
 125 
	public void ajouterListenersDataView() {
130 
 
 126 
 
131 
		// ajout de listeners pour la gestion de la selection
 127 
		// ajout de listeners pour la gestion de la selection
132 
		// dans la galerie
 128 
		// dans la galerie
133
129
134 
		dView.addListener(new DataViewListenerAdapter() {
 130 
		dView.addListener(new DataViewListenerAdapter() {
135 
 
 131 
 
136 
			// gestion du clic sur une image
 132 
			// gestion du clic sur une image
137 
 
 133 
 
138 
			public void onClick(DataView source, int index, Element node,
 134 
			public void onClick(DataView source, int index, Element node,
139 
					EventObject e) {
 135 
					EventObject e) {
140
136
141 
				// on en notifie le médiateur
 137 
				// on en notifie le médiateur
142 
				getIMediateur().clicGalerieImage(index, node, e);
 138 
				getIMediateur().clicGalerieImage(index, node, e);
143 
 
 139 
 
144 
			}
 140 
			}
145 
 
 141 
 
146 
			// gestion du clic droit
 142 
			// gestion du clic droit
147 
 
 143 
 
148 
			public void onContextMenu(DataView source, int index, Element node,
 144 
			public void onContextMenu(DataView source, int index, Element node,
149 
					EventObject e) {
 145 
					EventObject e) {
150 
 
 146 
 
151 
				// on stoppe l'évenement
 147 
				// on stoppe l'évenement
152 
				e.stopEvent();
 148 
				e.stopEvent();
153 
				// et on notifie le médiateur
 149 
				// et on notifie le médiateur
154 
				getIMediateur().montrerContextMenu(e);
 150 
				getIMediateur().montrerContextMenu(e);
155 
 
 151 
 
156 
			}
 152 
			}
157 
 
 153 
 
158 
			// gestion du double clic
 154 
			// gestion du double clic
159 
 
 155 
 
160 
			public void onDblClick(DataView source, int index, Element node,
 156 
			public void onDblClick(DataView source, int index, Element node,
161 
					EventObject e) {
 157 
					EventObject e) {
162 
 
 158 
 
163 
				// on notife le mediateur
 159 
				// on notife le mediateur
164 
				getIMediateur().clicGalerieImage(index, node, e);
 160 
				getIMediateur().clicGalerieImage(index, node, e);
165 
 
 161 
 
166 
			}
 162 
			}
167 
 
 163 
 
168 
			// gestion des actions en fonction de la selection
 164 
			// gestion des actions en fonction de la selection
169 
 
 165 
 
170 
			public void onSelectionChange(DataView view, Element[] selections) {
 166 
			public void onSelectionChange(DataView view, Element[] selections) {
171 
 
 167 
 
172 
				// s'il n'y a aucun élement sélectionné
 168 
				// s'il n'y a aucun élement sélectionné
173 
				if (selections.length <= 0) {
 169 
				if (selections.length <= 0) {
174 
					// on en notifie le médiateur
 170 
					// on en notifie le médiateur
175 
					getIMediateur().aucuneSelection();
 171 
					getIMediateur().aucuneSelection();
176 
				} else {
 172 
				} else {
177 
					// sinon on notifie le médiateur
 173 
					// sinon on notifie le médiateur
178 
					getIMediateur().selection();
 174 
					getIMediateur().selection();
179 
					// et on lui demande de synchroniser la séléction avec les
 175 
					// et on lui demande de synchroniser la séléction avec les
180 
					// autres vues
 176 
					// autres vues
181 
					getIMediateur().synchroniserSelection("galerie");
 177 
					getIMediateur().synchroniserSelection("galerie");
182 
				}
 178 
				}
183 
			}
 179 
			}
184 
		});
 180 
		});
185 
	}
 181 
	}
186 
 
 182 
 
187 
	/**
 183 
	/**
188 
	 * Accesseur pour la dataview
 184 
	 * Accesseur pour la dataview
189 
	 *
185 
	 *
190 
	 * @return la dataview
 186 
	 * @return la dataview
191 
	 */
 187 
	 */
192 
	public DataView getDView() {
 188 
	public DataView getDView() {
193 
		return dView;
 189 
		return dView;
194 
	}
 190 
	}
195 
 
 191 
 
196 
	/**
 192 
	/**
197 
	 * Renvoie les ids des images sélectionnées
 193 
	 * Renvoie les ids des images sélectionnées
198 
	 *
194 
	 *
199 
	 * @return un tableau de String contenant les identifiants des images
 195 
	 * @return un tableau de String contenant les identifiants des images
200 
	 *         sélectionnées
 196 
	 *         sélectionnées
201 
	 */
 197 
	 */
202 
	public String[] getIdSelectionnees() {
 198 
	public String[] getIdSelectionnees() {
203 
		Record[] selection = getDView().getSelectedRecords();
 199 
		Record[] selection = getDView().getSelectedRecords();
204 
		int taille = selection.length;
 200 
		int taille = selection.length;
205 
		String id_selection[] = new String[taille];
 201 
		String id_selection[] = new String[taille];
206 
 
 202 
 
207 
		for (int i = 0; i < selection.length; i++) {
 203 
		for (int i = 0; i < selection.length; i++) {
208 
 
 204 
 
209 
			id_selection[i] = selection[i].getAsString("num_image");
 205 
			id_selection[i] = selection[i].getAsString("num_image");
210 
		}
 206 
		}
211 
 
 207 
 
212 
		return id_selection;
 208 
		return id_selection;
213 
	}
 209 
	}
214 
 
 210 
 
215 
	/**
 211 
	/**
216 
	 * Accesseur pour le médiateur
 212 
	 * Accesseur pour le médiateur
217 
	 *
213 
	 *
218 
	 * @return le médiateur associé à la vue
 214 
	 * @return le médiateur associé à la vue
219 
	 */
 215 
	 */
220 
	public ImageMediateur getIMediateur() {
 216 
	public ImageMediateur getIMediateur() {
221 
		return iMediateur;
 217 
		return iMediateur;
222 
	}
 218 
	}
223 
 
 219 
 
224 
	/**
 220 
	/**
225 
	 * Accesseur pour le store
 221 
	 * Accesseur pour le store
226 
	 *
222 
	 *
227 
	 * @return le store associé à la vue
 223 
	 * @return le store associé à la vue
228 
	 */
 224 
	 */
229 
	public Store getSt() {
 225 
	public Store getSt() {
230 
		return st;
 226 
		return st;
231 
	}
 227 
	}
232 
 
 228 
 
233 
	/**
 229 
	/**
234 
	 * Accesseur pour la toolbar
 230 
	 * Accesseur pour la toolbar
235 
	 *
231 
	 *
236 
	 * @return la toolbar associée à la vue
 232 
	 * @return la toolbar associée à la vue
237 
	 */
 233 
	 */
238 
	public BarrePaginationVue getToolBarVue() {
 234 
	public BarrePaginationVue getToolBarVue() {
239 
		return pt;
 235 
		return pt;
240 
	}
 236 
	}
241 
 
 237 
 
242 
	/**
 238 
	/**
243 
	 * Fonction d'initialisation du contenu (appelée lors du premier affichage
 239 
	 * Fonction d'initialisation du contenu (appelée lors du premier affichage
244 
	 * de la liste)
 240 
	 * de la liste)
245 
	 */
 241 
	 */
246 
	public void initialiser() {
 242 
	public void initialiser() {
247 
 
 243 
 
248 
		// Preparation de la dataview et du template
 244 
		// Preparation de la dataview et du template
249 
		// le template va créer une div contenant une image
 245 
		// le template va créer une div contenant une image
250 
		// pour chacune des photos
 246 
		// pour chacune des photos
251 
		final XTemplate template = new XTemplate(
 247 
		final XTemplate template = new XTemplate(
252 
				new String[] {
 248 
				new String[] {
253 
						"<tpl for='.'>",
 249 
						"<tpl for='.'>",
254 
						"<div class='thumb-wrap' id='{num_image}'>",
 250 
						"<div class='thumb-wrap' id='{num_image}'>",
255 
						"<div class='thumb'><img src='{url_image_M}' width='{taille_x_s} px' height='{taille_y_s} px' title='{num_image}'></div>",
 251 
						"<div class='thumb'><img src='{url_image_M}' width='{taille_x_s} px' height='{taille_y_s} px' title='{num_image}'></div>",
256 
						"<span>{nom}</span></div>", "</tpl>",
 252 
						"<span>{nom}</span></div>", "</tpl>",
257 
						"<div class='x-clear'></div>" });
 253 
						"<div class='x-clear'></div>" });
258 
		// pour des raisons de performances on compile le template en une
 254 
		// pour des raisons de performances on compile le template en une
259 
		// fonction
 255 
		// fonction
260 
		template.compile();
 256 
		template.compile();
261 
 
 257 
 
262 
		// la dataview affichera les images en accord avec le template
 258 
		// la dataview affichera les images en accord avec le template
263 
		// cree precedemment
 259 
		// cree precedemment
264 
		dView = new DataView("div.thumb-wrap") {
 260 
		dView = new DataView("div.thumb-wrap") {
265 
 
 261 
 
266 
			public void prepareData(Data data) {
 262 
			public void prepareData(Data data) {
267 
				data.setProperty("shortName", Format.ellipsis(data
 263 
				data.setProperty("shortName", Format.ellipsis(data
268 
						.getProperty("num_image"), 15));
 264 
						.getProperty("num_image"), 15));
269
265
270 
				int[] XY = {data.getPropertyAsInt("taille_x") ,data.getPropertyAsInt("taille_y")} ;
 266 
				int[] XY = {data.getPropertyAsInt("taille_x") ,data.getPropertyAsInt("taille_y")} ;
271 
				int[] XYresize ;
 267 
				int[] XYresize ;
272
268
273 
				if(garderRatio) {
 269 
				if(garderRatio) {
274 
					XYresize = calculerDimensions(XY);
 270 
					XYresize = calculerDimensions(XY);
275 
				}
 271 
				}
276 
				else {
 272 
				else {
277 
					XYresize = new int[2] ;
 273 
					XYresize = new int[2] ;
278 
					XYresize[0] = XYresize[1] = tailleOr ;
 274 
					XYresize[0] = XYresize[1] = tailleOr ;
279
275
280 
				}
 276 
				}
281
277
282 
				data.setProperty("taille_x_s", XYresize[0]);
 278 
				data.setProperty("taille_x_s", XYresize[0]);
283 
				data.setProperty("taille_y_s", XYresize[1]);
279 
				data.setProperty("taille_y_s", XYresize[1]);
284 
			}
 280 
			}
285 
		};
 281 
		};
286 
		dView.setTpl(template);
 282 
		dView.setTpl(template);
287 
 
 283 
 
288 
		// parametre d'affichage de la dataview
 284 
		// parametre d'affichage de la dataview
289 
		this.setAutoScroll(true);
 285 
		this.setAutoScroll(true);
290 
		dView.setAutoHeight(true);
 286 
		dView.setAutoHeight(true);
291 
		dView.setMultiSelect(true);
 287 
		dView.setMultiSelect(true);
292 
		dView.setOverCls("x-view-over");
 288 
		dView.setOverCls("x-view-over");
293 
		dView.setEmptyText("");
 289 
		dView.setEmptyText("");
294 
 
 290 
 
295 
		// creation du store
 291 
		// creation du store
296 
		FieldDef defNumImage = new IntegerFieldDef("num_image");
 292 
		FieldDef defNumImage = new IntegerFieldDef("num_image");
297 
		FieldDef defDatImage = new StringFieldDef("dat_image");
 293 
		FieldDef defDatImage = new StringFieldDef("dat_image");
298 
		FieldDef defLieImage = new StringFieldDef("lie_image");
 294 
		FieldDef defLieImage = new StringFieldDef("lie_image");
299 
		FieldDef defAppImage = new StringFieldDef("app_image");
 295 
		FieldDef defAppImage = new StringFieldDef("app_image");
300 
		FieldDef defUrlImageS = new StringFieldDef("url_image_S");
 296 
		FieldDef defUrlImageS = new StringFieldDef("url_image_S");
301 
		FieldDef defUrlImageM = new StringFieldDef("url_image_M");
 297 
		FieldDef defUrlImageM = new StringFieldDef("url_image_M");
302 
		FieldDef defUrlImage = new StringFieldDef("url_image");
 298 
		FieldDef defUrlImage = new StringFieldDef("url_image");
303 
		FieldDef defTailleX = new IntegerFieldDef("taille_x");
 299 
		FieldDef defTailleX = new IntegerFieldDef("taille_x");
304 
		FieldDef defTailleY = new IntegerFieldDef("taille_y");
 300 
		FieldDef defTailleY = new IntegerFieldDef("taille_y");
305 
		FieldDef[] defTab = { defNumImage, defDatImage, defLieImage,
 301 
		FieldDef[] defTab = { defNumImage, defDatImage, defLieImage,
306 
				defAppImage, defUrlImageS, defUrlImageM, defUrlImage,defTailleX,defTailleY};
 302 
				defAppImage, defUrlImageS, defUrlImageM, defUrlImage,defTailleX,defTailleY};
307 
		RecordDef rd = new RecordDef(defTab);
 303 
		RecordDef rd = new RecordDef(defTab);
308 
		st = new Store(rd);
 304 
		st = new Store(rd);
309 
		dView.setStore(st);
 305 
		dView.setStore(st);
310 
 
 306 
 
311 
		this.getDView().setLoadingText("chargement");
 307 
		this.getDView().setLoadingText("chargement");
312 
 
 308 
 
313 
		this.add(dView);
 309 
		this.add(dView);
314 
		dView.hide();
 310 
		dView.hide();
315
311
316 
		videPanel = new HTML("<div class=\"avertissement\" >Aucune image à afficher. <br/> <a id=\"lienUploadMultiple\" href=\"#\" > Cliquez ici pour ajouter un dossier entier ou plusieurs fichiers </a> (nécessite Java) <br/> " +
 312 
		videPanel = new HTML("<div class=\"avertissement\" >Aucune image à afficher. <br/> <a id=\"lienUploadMultiple\" href=\"#\" > Cliquez ici pour ajouter un dossier entier ou plusieurs fichiers </a> (nécessite Java) <br/> " +
317 
				"			<a id=\"lienUploadSimple\" href=\"#\" > Cliquez ici pour ajouter un fichier à la fois </a> <br/> " +
 313 
				"			<a id=\"lienUploadSimple\" href=\"#\" > Cliquez ici pour ajouter un fichier à la fois </a> <br/> " +
318 
				"			Pour ajouter des images plus tard, allez dans le menu Fichier -> Ajouter des images </div>");
 314 
				"			Pour ajouter des images plus tard, allez dans le menu Fichier -> Ajouter des images </div>");
319 
		this.add(videPanel);
 315 
		this.add(videPanel);
320
316
321 
		// ajouts de la gestion des evenements pour la dataview
 317 
		// ajouts de la gestion des evenements pour la dataview
322 
		configDragAndDrop() ;
 318 
		configDragAndDrop() ;
323 
		ajouterListenersDataView();
 319 
		ajouterListenersDataView();
324
320
325 
		estInstancie = true ;
 321 
		estInstancie = true ;
326
322
327 
	}
 323 
	}
328
324
329 
	public void configDragAndDrop()
 325 
	public void configDragAndDrop()
330 
	{
 326 
	{
331 
		// on fabrique la nouvelle configuration
 327 
		// on fabrique la nouvelle configuration
332 
		// les éléments sur lesquels on fait du drag 'n drop doivent tous avoir le même ddGroup
 328 
		// les éléments sur lesquels on fait du drag 'n drop doivent tous avoir le même ddGroup
333 
		DropTargetConfig dtc = new DropTargetConfig();
 329 
		DropTargetConfig dtc = new DropTargetConfig();
334 
		dtc.setdDdGroup("DragGroupName");
 330 
		dtc.setdDdGroup("DragGroupName");
335 
 
 331 
 
336 
		//La drop target permet de gérer l'évenement onDrop sur l'élement courant
 332 
		//La drop target permet de gérer l'évenement onDrop sur l'élement courant
337 
		@SuppressWarnings("unused")
 333 
		@SuppressWarnings("unused")
338 
		DropTarget tg = new DropTarget(this, dtc)
 334 
		DropTarget tg = new DropTarget(this, dtc)
339 
		{
 335 
		{
340 
			public boolean notifyDrop(DragSource source, EventObject e, DragData data){
336 
			public boolean notifyDrop(DragSource source, EventObject e, DragData data){
341
337
342 
				// si les données proviennent d'une grille
 338 
				// si les données proviennent d'une grille
343 
				if(data instanceof GridDragData)
 339 
				if(data instanceof GridDragData)
344 
		    	{
 340 
		    	{
345 
					// on appelle le médiateur
 341 
					// on appelle le médiateur
346 
		    		  	return iMediateur.lierObsDD(source, e, data,getId()) ;
342 
		    		  	return iMediateur.lierObsDD(source, e, data,getId()) ;
347 
		    	}
 343 
		    	}
348 
				return false ;
 344 
				return false ;
349 
			}
 345 
			}
350
346
351 
			public String notifyOver(DragSource source, EventObject e, DragData data){
 347 
			public String notifyOver(DragSource source, EventObject e, DragData data){
352 
			    return "x-dd-drop-ok";
 348 
			    return "x-dd-drop-ok";
353 
			}
 349 
			}
354 
		};
 350 
		};
355
351
356 
	}
 352 
	}
357 
 
 353 
 
358 
	/**
 354 
	/**
359 
	 * Méthode héritée de l'interface rafraichissable
 355 
	 * Méthode héritée de l'interface rafraichissable
360 
	 */
 356 
	 */
361 
	public void rafraichir(Object nouvelleDonnees,
 357 
	public void rafraichir(Object nouvelleDonnees,
362 
			boolean repandreRafraichissement) {
 358 
			boolean repandreRafraichissement) {
363 
 
 359 
 
364 
		// si l'objet reçu est un store
 360 
		// si l'objet reçu est un store
365 
		if (nouvelleDonnees instanceof Store) {
 361 
		if (nouvelleDonnees instanceof Store) {
366 
 
 362 
 
367 
				st = (Store) nouvelleDonnees;
 363 
				st = (Store) nouvelleDonnees;
368
364
369 
			if(st.getCount() != 0) {
 365 
			if(st.getCount() != 0) {
370
366
371 
				// on le charge
 367 
				// on le charge
372 
				st.load();
 368 
				st.load();
373
369
374 
				if(videPanel.isVisible()) {
 370 
				if(videPanel.isVisible()) {
375 
					videPanel.setVisible(false) ;
 371 
					videPanel.setVisible(false) ;
376 
				}
 372 
				}
377
373
378 
				if(!dView.isVisible()) {
 374 
				if(!dView.isVisible()) {
379 
					dView.setVisible(true);
 375 
					dView.setVisible(true);
380 
				}
 376 
				}
381 
					// on l'affecte à la vue
 377 
					// on l'affecte à la vue
382 
					dView.setStore(st);
 378 
					dView.setStore(st);
383 
					// et on rafrachit la vue
 379 
					// et on rafrachit la vue
384 
					dView.refresh();
 380 
					dView.refresh();
385 
			}
 381 
			}
386 
			else
382 
			else
387 
			{
 383 
			{
388 
				st.removeAll();
 384 
				st.removeAll();
389 
				st.load();
 385 
				st.load();
390 
				dView.setStore(st);
 386 
				dView.setStore(st);
391
387
392 
				if(dView.isVisible()) {
 388 
				if(dView.isVisible()) {
393 
					dView.hide() ;
 389 
					dView.hide() ;
394 
				}
 390 
				}
395
391
396 
				if(!videPanel.isVisible()) {
 392 
				if(!videPanel.isVisible()) {
397 
					videPanel.setVisible(true);
 393 
					videPanel.setVisible(true);
398 
					AjouterListenersLiens();
 394 
					AjouterListenersLiens();
399 
				}
 395 
				}
400
396
401 
			}
 397 
			}
402 
		}
 398 
		}
403 
 
 399 
 
404 
		// si le composant doit répandre le rafraichissement
 400 
		// si le composant doit répandre le rafraichissement
405 
		if (repandreRafraichissement) {
 401 
		if (repandreRafraichissement) {
406 
			// il en notifie le médiateur en lui donnant une copie des données
 402 
			// il en notifie le médiateur en lui donnant une copie des données
407 
			// et en notifiant qu'il en est l'expéditeur
 403 
			// et en notifiant qu'il en est l'expéditeur
408 
			getIMediateur().synchroniserDonneesZoomListeGalerie(
 404 
			getIMediateur().synchroniserDonneesZoomListeGalerie(
409 
					nouvelleDonnees, this);
 405 
					nouvelleDonnees, this);
410 
		}
406 
		}
411 
	}
 407 
	}
412 
 
 408 
 
413 
	/**
 409 
	/**
414 
	 * Méthode héritée de l'interface VueListable Sélectionne les images dans la
 410 
	 * Méthode héritée de l'interface VueListable Sélectionne les images dans la
415 
	 * galerie suivant les identifiants donnés en paramètres
 411 
	 * galerie suivant les identifiants donnés en paramètres
416 
	 *
412 
	 *
417 
	 * @param ids
 413 
	 * @param ids
418 
	 *            les identifiants des images à sélectionner
 414 
	 *            les identifiants des images à sélectionner
419 
	 */
 415 
	 */
420 
	public void selectionnerImages(int[] ids) {
 416 
	public void selectionnerImages(int[] ids) {
421 
 
 417 
 
422 
		getDView().select(ids);
 418 
		getDView().select(ids);
423 
 
 419 
 
424 
	}
 420 
	}
425 
 
 421 
 
426 
	public void changerNumeroPage(int pageCourante) {
 422 
	public void changerNumeroPage(int pageCourante) {
427
423
428 
		iMediateur.changerNumeroPage(pageCourante) ;
 424 
		iMediateur.changerNumeroPage(pageCourante) ;
429
425
430 
	}
 426 
	}
431 
 
 427 
 
432 
	public void changerTaillePage(int nouvelleTaillePage) {
 428 
	public void changerTaillePage(int nouvelleTaillePage) {
433
429
434 
		iMediateur.changerTaillePage(nouvelleTaillePage) ;
 430 
		iMediateur.changerTaillePage(nouvelleTaillePage) ;
435 
	}
 431 
	}
436
432
437 
	public int[] calculerDimensions(int[] tailleXY) {
 433 
	public int[] calculerDimensions(int[] tailleXY) {
438
434
439 
		float[] tailleXYf = {new Float(tailleXY[0]),new Float(tailleXY[1])} ;
 435 
		float[] tailleXYf = {new Float(tailleXY[0]),new Float(tailleXY[1])} ;
440 
        float tailleOr = this.tailleOr ;
 436 
        float tailleOr = this.tailleOr ;
441 
        float maxTaille = Math.max(tailleXYf[1],tailleXYf[0]) ;
 437 
        float maxTaille = Math.max(tailleXYf[1],tailleXYf[0]) ;
442 
        float[] XYresize = new float[2];
 438 
        float[] XYresize = new float[2];
443
439
444 
        if(maxTaille == tailleXY[0]) {
 440 
        if(maxTaille == tailleXY[0]) {
445 
            float rapport = tailleXYf[1]/tailleXYf[0] ;
 441 
            float rapport = tailleXYf[1]/tailleXYf[0] ;
446 
            XYresize[0] = tailleOr ;
 442 
            XYresize[0] = tailleOr ;
447 
            XYresize[1] = tailleOr*rapport ;
 443 
            XYresize[1] = tailleOr*rapport ;
448 
        }else {
 444 
        }else {
449 
            float rapport = tailleXYf[0]/tailleXYf[1] ;
 445 
            float rapport = tailleXYf[0]/tailleXYf[1] ;
450 
            XYresize[1] = tailleOr ;
 446 
            XYresize[1] = tailleOr ;
451 
            XYresize[0] = tailleOr*rapport ;
 447 
            XYresize[0] = tailleOr*rapport ;
452 
        }
 448 
        }
453
449
454 
        int[] res = {Math.round(XYresize[0]),Math.round(XYresize[1])} ;
 450 
        int[] res = {Math.round(XYresize[0]),Math.round(XYresize[1])} ;
455
451
456 
        return res;
 452 
        return res;
457 
    }
 453 
    }
458
454
459 
	private void AjouterListenersLiens() {
 455 
	private void AjouterListenersLiens() {
460 
 
 456 
 
461 
		addListener(new PanelListenerAdapter() {
 457 
		addListener(new PanelListenerAdapter() {
462
458
463 
			public void onAfterLayout(Container c) {
 459 
			public void onAfterLayout(Container c) {
464 
				ExtElement uploadS = Ext.get("lienUploadSimple");
 460 
				ExtElement uploadS = Ext.get("lienUploadSimple");
465 
				uploadS.removeAllListeners();
 461 
				uploadS.removeAllListeners();
466 
				uploadS.addListener("click", new EventCallback() {
 462 
				uploadS.addListener("click", new EventCallback() {
467 
					public void execute(EventObject e) {
 463 
					public void execute(EventObject e) {
468 
						getIMediateur().uploaderImages(false);
 464 
						getIMediateur().uploaderImages(false);
469 
					}
 465 
					}
470
466
471 
				}) ;
 467 
				}) ;
472
468
473 
				ExtElement uploadM = Ext.get("lienUploadMultiple");
 469 
				ExtElement uploadM = Ext.get("lienUploadMultiple");
474 
				uploadM.removeAllListeners();
 470 
				uploadM.removeAllListeners();
475 
				uploadM.addListener("click", new EventCallback() {
 471 
				uploadM.addListener("click", new EventCallback() {
476 
					public void execute(EventObject e) {
 472 
					public void execute(EventObject e) {
477 
						getIMediateur().uploaderImages(true);
 473 
						getIMediateur().uploaderImages(true);
478 
					}
 474 
					}
479 
				});
 475 
				});
480 
			}
 476 
			}
481 
 
 477 
 
482 
		});
 478 
		});
483 
	}
 479 
	}
484 
}
 480 
}