WebSVN – eFlore/Applications.cel – Diff – /branches/v1.6-croc/src/org/tela_botanica/client/vues/image/ListeImageVue.java


package org.tela_botanica.client.vues;
 
import org.tela_botanica.client.image.ImageMediateur;
import org.tela_botanica.client.interfaces.Rafraichissable;
import org.tela_botanica.client.interfaces.VueListable;
 
import com.gwtext.client.core.EventObject;
import com.gwtext.client.data.FieldDef;
import com.gwtext.client.data.IntegerFieldDef;
import com.gwtext.client.data.Record;
import com.gwtext.client.data.RecordDef;
import com.gwtext.client.data.Store;
import com.gwtext.client.data.StringFieldDef;
import com.gwtext.client.dd.DragData;
import com.gwtext.client.dd.DragSource;
import com.gwtext.client.dd.DropTarget;
import com.gwtext.client.dd.DropTargetConfig;
import com.gwtext.client.widgets.Component;
import com.gwtext.client.widgets.event.ContainerListenerAdapter;
import com.gwtext.client.widgets.grid.CellMetadata;
import com.gwtext.client.widgets.grid.ColumnConfig;
import com.gwtext.client.widgets.grid.ColumnModel;
import com.gwtext.client.widgets.grid.GridDragData;
import com.gwtext.client.widgets.grid.GridPanel;
import com.gwtext.client.widgets.grid.Renderer;
import com.gwtext.client.widgets.grid.RowSelectionModel;
import com.gwtext.client.widgets.grid.event.GridRowListener;
import com.gwtext.client.widgets.grid.event.RowSelectionListenerAdapter;
 
/**
 * Liste d'image composée de miniatures et d'information sur l'image, implémente
 * l'interface rafraichissable et l'interface vueListable
 * 
 * @author aurelien
 */
public class ListeImageVue extends GridPanel implements Rafraichissable,
		VueListable {
 
	/**
	 * Le médiateur associé à la vue
	 */
	private ImageMediateur iMediateur = null;
 
	/**
	 * Config de colonne
	 */
	private ColumnConfig numImage;
	/**
	 * Config de colonne
	 */
	private ColumnConfig urlImage;
	/**
	 * Config de colonne
	 */
	private ColumnConfig lieImage;
	/**
	 * Config de colonne
	 */
	private ColumnConfig datImage;
	/**
	 * Config de colonne
	 */
	private ColumnConfig appImage;
	/**
	 * Config de colonne
	 */
	private ColumnConfig noteImage;
	/**
	 * Modele de colonnes
	 */
	private ColumnModel modeleColonnes;
 
	/**
	 * Booleen d'instanciation
	 */
	private boolean estInstancie = false;
 
	/**
	 * Store qui contient les données à afficher
	 */
	private Store st = null;
	/**
	 * Configuration des colonnes du store
	 */
	private ColumnConfig cl = null;
 
	/**
	 * Barre de pagination
	 */
	private BarrePaginationVue bt = null;
 
	/**
	 * Constructeur sans arguments (privé car ne doit pas être utilisé)
	 */
	private ListeImageVue() {
		super();
	}
 
	/**
	 * Constructeur avec argument
	 * 
	 * @param im
	 *            le médiateur à associer
	 */
	public ListeImageVue(ImageMediateur im) {
 
		new ListeImageVue();
 
		this.setId("listeImageGrid");
		// on associe le médiateur
		this.iMediateur = im;
 
		// on place la barre de pagination
		bt = new BarrePaginationVue(iMediateur);
		bt.setLabelElement("Images");
		bt.setTaillePageParDefaut(50);
		setBottomToolbar(bt);
 
		// on construit le modèle de colonnes
		numImage = new ColumnConfig("numéro", "num_image", 30, true,
				new Renderer() {
 
					public String render(Object value,
							CellMetadata cellMetadata, Record record,
							int rowIndex, int colNum, Store store) {
 
						String ImgNum = record.getAsString("num_image");
						return "<div class=\"centered-list\">" + ImgNum
								+ "</div>";
					}
 
				});
 
		datImage = new ColumnConfig("date", "dat_image", 120, true,
				new Renderer() {
 
					public String render(Object value,
							CellMetadata cellMetadata, Record record,
							int rowIndex, int colNum, Store store) {
 
						String ImgDat = record.getAsString("dat_image");
						if (ImgDat == null) {
							ImgDat = " ";
						}
						return "<div class=\"centered-list\">" + ImgDat
								+ "</div>";
					}
 
				});
		lieImage = new ColumnConfig("lieu", "lie_image", 120, true,
				new Renderer() {
 
					public String render(Object value,
							CellMetadata cellMetadata, Record record,
							int rowIndex, int colNum, Store store) {
 
						String ImgLie = record.getAsString("lie_image");
						if (ImgLie == null) {
							ImgLie = " ";
						}
						return "<div class=\"centered-list\">" + ImgLie
								+ "</div>";
					}
 
				});
		appImage = new ColumnConfig("appareil", "app_image", 120, true,
				new Renderer() {
 
					public String render(Object value,
							CellMetadata cellMetadata, Record record,
							int rowIndex, int colNum, Store store) {
 
						String ImgApp = record.getAsString("app_image");
						if (ImgApp == null) {
							ImgApp = " ";
						}
						return "<div class=\"centered-list\">" + ImgApp
								+ "</div>";
					}
 
				});
		// la colonne url possède une méthode de rendu spéciale
		urlImage = new ColumnConfig("Image", "url_image_S", 30, true,
				new Renderer() {
 
					public String render(Object value,
							CellMetadata cellMetadata, Record record,
							int rowIndex, int colNum, Store store) {
						// on affiche une div contenant l'image pointée par
						// l'url
						String ImgUrl = record.getAsString("url_image_S");
						String ImgNum = record.getAsString("num_image");
						return "<div class=\"img-list centered-list\"> <img src=\""
								+ ImgUrl + "\" title='" + ImgNum + "'> </div>";
					}
 
				});
 
		noteImage = new ColumnConfig("note", "note_image", 80, true,
				new Renderer() {
					public String render(Object value,
							CellMetadata cellMetadata, Record record,
							int rowIndex, int colNum, Store store) {
 
						String htmlImage = "";
 
						int noteImg = record.getAsInteger("note_image");
						if (noteImg >= 0) {
							htmlImage += "<div class=\"img-note centered-list\">";
							for (int i = 0; i <= noteImg; i++) {
								htmlImage += "<img src=\"note-on.gif\">";
							}
							htmlImage += "</div>";
						}
 
						return htmlImage;
 
					}
 
				});
 
		// on associe le modèle de colonnes
		ColumnConfig[] cm = { numImage, urlImage, datImage, lieImage, appImage,
				noteImage };
		modeleColonnes = new ColumnModel(cm);
		this.setColumnModel(modeleColonnes);
		this.setAutoScroll(true);
		this.setAutoWidth(true);
		this.setEnableColumnResize(true);
 
		// creation du store
		FieldDef defNumImage = new IntegerFieldDef("num_image");
		FieldDef defDatImage = new StringFieldDef("dat_image");
		FieldDef defLieImage = new StringFieldDef("lie_image");
		FieldDef defAppImage = new StringFieldDef("app_image");
		FieldDef defUrlImageS = new StringFieldDef("url_image_S");
		FieldDef defUrlImageM = new StringFieldDef("url_image_M");
		FieldDef defUrlImage = new StringFieldDef("url_image");
		FieldDef defNoteImage = new StringFieldDef("note_image");
		FieldDef[] defTab = { defNumImage, defDatImage, defLieImage,
				defAppImage, defUrlImageS, defUrlImageM, defUrlImage,
				defNoteImage };
		RecordDef rd = new RecordDef(defTab);
		st = new Store(rd);
		// on associe le store
		this.setStore(st);
		this.getView().setAutoFill(true);
 
 
		// on crée un masque de chargement qui s'affichera lors des mises à jour
		this.setLoadMask("chargement");
		
		//Enable drag and drop
		this.setEnableDragDrop(true);
		//You need to set the same group for both grids
		this.setDdGroup("DragGroupName");
 
		// on ajoute les listeners
		ajouterListeners();
 
	}
	
 
	/**
	 * Ajoute les listeners pour la gestion des évènements
	 */
	private void ajouterListeners() {
		this.addListener(new ContainerListenerAdapter() {
 
			public void onHide(Component component) {
 
			}
 
			// lors du premier rendu on demande les données qui sont déjà
			// contenues dans la galerie qui est le premier élément affiché
 
			public void onRender(Component component) {
 
				if (!isEstInstancie()) {
					setEstInstancie(true);
					setDragDropText("Glissez les images sur la liste d'observation pour les lier") ;
					getIMediateur().synchroniserSelection("galerie");
				}
			}
 
			public void onShow(Component component) {
 
			}
 
		});
 
		this.addGridRowListener(new GridRowListener() {
 
			// gestion du clic sur une ligne
			public void onRowClick(GridPanel grid, int rowIndex, EventObject e) {
 
				// on notifie le médiateur et on lui passe le nuémro de ligne
				getIMediateur().clicListeImage(rowIndex);
			}
 
			// gestion du clic droit
			public void onRowContextMenu(GridPanel grid, int rowIndex,
					EventObject e) {
				// on stoppe l'évenement pour empecher le navigateur d'afficher
				// son propre menu
				e.stopEvent();
				// on notifie le médiateur en lui passant l'évenement
				getIMediateur().montrerContextMenu(e);
			}
 
			// gestion du double clic
			public void onRowDblClick(GridPanel grid, int rowIndex,
					EventObject e) {
				// on notifie le médiateur en lui passant le numéro de ligne
				getIMediateur().doubleClicListeImage(rowIndex);
			}
		});
 
		this.getSelectionModel().addListener(new RowSelectionListenerAdapter() {
 
			// gestion de la sélection
 
			public void onSelectionChange(RowSelectionModel sm) {
 
				// si on a rien de sélectionné
				if (sm.getCount() <= 0) {
					// on notifie le médiateur (qui désactive notamment l'accès
					// à certaines infos)
					getIMediateur().aucuneSelection();
				} else {
					// sinon on notifie le médiateur
					getIMediateur().selection();
					// et on lui demande de synchroniser la selection avec les
					// autres vues
					getIMediateur().synchroniserSelection("liste");
				}
			}
		});
		
		//Enable drag and drop
		this.setEnableDragDrop(true);
 
		//Same name in destination
		this.setDdGroup("DragGroupName");
		DropTargetConfig dtc = new DropTargetConfig();
		dtc.setdDdGroup("DragGroupName");
 
		//Now this is the important part, you need a drop target
		@SuppressWarnings("unused")
		DropTarget tg = new DropTarget(this, dtc)
		{
			public boolean notifyDrop(DragSource source, EventObject e, DragData data){
			
				if(data instanceof GridDragData)
				{
					GridDragData gdd = (GridDragData)data ;
	    		  	if(gdd.getGrid().getId().equals("listeImageGrid"))
	    		  	{
	    		  		return false ;
	    		  	}
	    		  	else
	    		  	{
	    		  		return iMediateur.lierObsDD(source, e, data, getId()) ;   
	    		  	}
				}
				else
				{
					return false ;
				}
				
				
			}
			
			public String notifyOver(DragSource source, EventObject e, DragData data){
			    return "x-dd-drop-ok";
			}
		};
	}
 
	/**
	 * Méthode héritée de l'interface VueListable Sélectionne les images dans la
	 * galerie suivant les identifiants donnés en paramètres
	 */
	public String[] getIdSelectionnees() {
		Record[] selection = this.getSelectionModel().getSelections();
		int taille = selection.length;
		String id_selection[] = new String[taille];
 
		for (int i = 0; i < selection.length; i++) {
 
			id_selection[i] = selection[i].getAsString("num_image");
		}
 
		return id_selection;
	}
 
	/**
	 * Accesseur pour la config de colonnes
	 * 
	 * @return la config de colonnes
	 */
	public ColumnConfig getCl() {
		return cl;
	}
 
	/**
	 * Accesseur pour le médiateur
	 * 
	 * @return le médiateur associé
	 */
	public ImageMediateur getIMediateur() {
		return iMediateur;
	}
 
	/**
	 * Accesseur pour le modèle de colonnes
	 * 
	 * @return le modèle de colonnes
	 */
	public ColumnModel getModeleColonnes() {
		return modeleColonnes;
	}
 
	/**
	 * Accesseur pour le store
	 * 
	 * @return le store contenant les données
	 */
	public Store getSt() {
		return st;
	}
 
	/**
	 * Accesseur pour le booleen d'instanciation
	 * 
	 * @return le booleen d'instanciation
	 */
	public boolean isEstInstancie() {
		return estInstancie;
	}
 
	/**
	 * Méthode héritée de l'interface rafraichissable
	 * 
	 * @param nouvelleDonnees
	 *            les nouvelles données
	 * @param repandreRafraichissement
	 *            le booleen de notification du rafraichissement
	 */
	public void rafraichir(Object nouvelleDonnees,
			boolean repandreRafraichissement) {
 
		// si on reçoit un store
		if (nouvelleDonnees instanceof Store) {
 
			// on affecte celui-ci comme gestionnaire de données
			st = (Store) nouvelleDonnees;
			st.load();
			// et on reconfigure et rafraichit la vue
			this.reconfigure(st, this.getColumnModel());
 
		}
 
		// si on doit répandre l'évenement
		if (repandreRafraichissement) {
			// on notifie le médiateur avec une copie des données
			getIMediateur().synchroniserDonneesZoomListeGalerie(
					nouvelleDonnees, this);
		}
	}
 
	/**
	 * Sélectionne des enregistrements donné
	 * 
	 * @param sel
	 *            un tableau d'enregistrement à selectionner
	 */
	public void selectionnerEnregistrements(Record[] sel) {
 
		if (isEstInstancie()) {
			getSelectionModel().clearSelections();
			getSelectionModel().selectRecords(sel);
		}
	}
 
	/**
	 * Accesseur pour la toolbar de pagination
	 * 
	 * @return la toolbar de pagination
	 */
	public BarrePaginationVue getToolBarVue() {
		return bt;
	}
 
	/**
	 * Setteur pour le booleen d'instanciation
	 * 
	 * @param estInstancie
	 *            la nouvelle valeur du booleen
	 */
	public void setEstInstancie(boolean estInstancie) {
		this.estInstancie = estInstancie;
	}
 
	public void mettreAjourInfos(String commentaires, String date, String note) {
 
		for (int i = 0; i < getSelectionModel().getCount(); i++) {
 
			getSelectionModel().getSelections()[i].set("note_image", note);
			getSelectionModel().getSelections()[i].set("dat_image", date);
 
		}
 
	}
 
}

Subversion Repositories eFlore/Applications.cel

(root)/branches/v1.6-croc/src/org/tela_botanica/client/vues/image/ListeImageVue.java @ 3220 – Rev 42 → 59

Rev 42		Rev 59
1	`package org.tela_botanica.client.vues;`	1	`package org.tela_botanica.client.vues;`
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.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;`
6		6
7	`import com.gwtext.client.core.EventObject;`	7	`import com.gwtext.client.core.EventObject;`
8	`import com.gwtext.client.data.FieldDef;`	8	`import com.gwtext.client.data.FieldDef;`
9	`import com.gwtext.client.data.IntegerFieldDef;`	9	`import com.gwtext.client.data.IntegerFieldDef;`
10	`import com.gwtext.client.data.Record;`	10	`import com.gwtext.client.data.Record;`
11	`import com.gwtext.client.data.RecordDef;`	11	`import com.gwtext.client.data.RecordDef;`
12	`import com.gwtext.client.data.Store;`	12	`import com.gwtext.client.data.Store;`
13	`import com.gwtext.client.data.StringFieldDef;`	13	`import com.gwtext.client.data.StringFieldDef;`
14	`import com.gwtext.client.dd.DragData;`	14	`import com.gwtext.client.dd.DragData;`
15	`import com.gwtext.client.dd.DragSource;`	15	`import com.gwtext.client.dd.DragSource;`
16	`import com.gwtext.client.dd.DropTarget;`	16	`import com.gwtext.client.dd.DropTarget;`
17	`import com.gwtext.client.dd.DropTargetConfig;`	17	`import com.gwtext.client.dd.DropTargetConfig;`
18	`import com.gwtext.client.widgets.Component;`	18	`import com.gwtext.client.widgets.Component;`
19	`import com.gwtext.client.widgets.event.ContainerListenerAdapter;`	19	`import com.gwtext.client.widgets.event.ContainerListenerAdapter;`
20	`import com.gwtext.client.widgets.grid.CellMetadata;`	20	`import com.gwtext.client.widgets.grid.CellMetadata;`
21	`import com.gwtext.client.widgets.grid.ColumnConfig;`	21	`import com.gwtext.client.widgets.grid.ColumnConfig;`
22	`import com.gwtext.client.widgets.grid.ColumnModel;`	22	`import com.gwtext.client.widgets.grid.ColumnModel;`
23	`import com.gwtext.client.widgets.grid.GridDragData;`	23	`import com.gwtext.client.widgets.grid.GridDragData;`
24	`import com.gwtext.client.widgets.grid.GridPanel;`	24	`import com.gwtext.client.widgets.grid.GridPanel;`
25	`import com.gwtext.client.widgets.grid.Renderer;`	25	`import com.gwtext.client.widgets.grid.Renderer;`
26	`import com.gwtext.client.widgets.grid.RowSelectionModel;`	26	`import com.gwtext.client.widgets.grid.RowSelectionModel;`
27	`import com.gwtext.client.widgets.grid.event.GridRowListener;`	27	`import com.gwtext.client.widgets.grid.event.GridRowListener;`
28	`import com.gwtext.client.widgets.grid.event.RowSelectionListenerAdapter;`	28	`import com.gwtext.client.widgets.grid.event.RowSelectionListenerAdapter;`
29		29
30	`/**`	30	`/**`
31	`* Liste d'image composée de miniatures et d'information sur l'image, implémente`	31	`* Liste d'image composée de miniatures et d'information sur l'image, implémente`
32	`* l'interface rafraichissable et l'interface vueListable`	32	`* l'interface rafraichissable et l'interface vueListable`
33	`*`	33	`*`
34	`* @author aurelien`	34	`* @author aurelien`
35	`*/`	35	`*/`
36	`public class ListeImageVue extends GridPanel implements Rafraichissable,`	36	`public class ListeImageVue extends GridPanel implements Rafraichissable,`
37	`VueListable {`	37	`VueListable {`
38		38
39	`/**`	39	`/**`
40	`* Le médiateur associé à la vue`	40	`* Le médiateur associé à la vue`