Subversion Repositories eFlore/Applications.cel

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);

		}

	}

}