Subversion Repositories eFlore/Applications.cel

Rev

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

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