Subversion Repositories eFlore/Applications.cel

package org.tela_botanica.client.image;

import org.tela_botanica.client.CarnetEnLigneMediateur;

import org.tela_botanica.client.interfaces.IdVue;

import org.tela_botanica.client.interfaces.ListePaginable;

import org.tela_botanica.client.interfaces.Rafraichissable;

import org.tela_botanica.client.interfaces.VueListable;

import org.tela_botanica.client.modeles.objets.Configuration;

import org.tela_botanica.client.modeles.objets.ListeObservation;

import org.tela_botanica.client.vues.image.BarreOutilsVue;

import org.tela_botanica.client.vues.image.FenetreGestionMotsCles;

import org.tela_botanica.client.vues.image.GalerieImageVue;

import org.tela_botanica.client.vues.image.ListeImageVue;

import org.tela_botanica.client.vues.image.MenuImageVue;

import org.tela_botanica.client.vues.image.MiniListeObservationVue;

import org.tela_botanica.client.vues.image.PanneauMetadonneesVue;

import org.tela_botanica.client.vues.image.ZoomImageVue;

import org.tela_botanica.client.vues.image.filtres.BarreRechercheFiltreVue;

import org.tela_botanica.client.vues.image.filtres.PanneauFiltresImagesVues;

import com.google.gwt.core.client.GWT;

import com.google.gwt.user.client.DOM;

import com.google.gwt.user.client.Element;

import com.google.gwt.user.client.Event;

import com.google.gwt.user.client.Window;

import com.gwtext.client.core.EventObject;

import com.gwtext.client.core.Ext;

import com.gwtext.client.core.ExtElement;

import com.gwtext.client.core.RegionPosition;

import com.gwtext.client.data.Record;

import com.gwtext.client.data.Store;

import com.gwtext.client.data.Tree;

import com.gwtext.client.dd.DragData;

import com.gwtext.client.dd.DragSource;

import com.gwtext.client.widgets.BoxComponent;

import com.gwtext.client.widgets.Component;

import com.gwtext.client.widgets.DataView;

import com.gwtext.client.widgets.Panel;

import com.gwtext.client.widgets.TabPanel;

import com.gwtext.client.widgets.event.ContainerListenerAdapter;

import com.gwtext.client.widgets.event.PanelListenerAdapter;

import com.gwtext.client.widgets.event.WindowListenerAdapter;

import com.gwtext.client.widgets.grid.GridDragData;

import com.gwtext.client.widgets.layout.BorderLayout;

import com.gwtext.client.widgets.layout.BorderLayoutData;

import com.gwtext.client.widgets.menu.BaseItem;

import com.gwtext.client.widgets.menu.Item;

import com.gwtext.client.widgets.menu.Menu;

import com.gwtext.client.widgets.menu.event.MenuListenerAdapter;

import com.gwtext.client.widgets.tree.TreeEditor;

import com.gwtext.client.widgets.tree.TreeNode;

/**

 * Mediateur gérant les interactions entre vues et les echanges de données C'est

 * un singleton.

 *

 * @author aurelien

 *

 */

// TODO : Deporter les methodes de ListePaginable dans la liste  d'images

public class ImageMediateur implements ListePaginable{

	/**

	 * le mediateur des observations qui lie la partie images au carnet

	 */

	private CarnetEnLigneMediateur cMediateur = null;

	private static ImageMediateur thisMediateur = null ;

	/**

	 * booleen qui verifie l'unicite de l'instance (donc static)

	 */

	private static boolean estInstancie = false;

	/**

	 * modele de données

	 */

	private ImageModele iModele = null;

	/**

	 * L'identifiant utilisateur. Par défaut, il vaut 0

	 */

	private String identifiant = "0";

	/**

	 * panneau principal des images (onglet "images")

	 */

	private Panel panneauPrincipalImage = null ;

	/**

	 * panneau a onglet pour la liste, la galerie et la vue en grand

	 */

	private TabPanel ongletsImage = null;

	/**

	 * panneau de filtrage

	 */

	private PanneauFiltresImagesVues filtres = null;

	/**

	 * conteneur du panneau a onglets

	 */

	private Panel panneauMenuEtOngletsImage = null;

	/**

	 * galerie de miniature

	 */

	private GalerieImageVue galerieImage = null;

	/**

	 * liste détaillée des images

	 */

	private ListeImageVue listeImage = null;

	/**

	 * vue agrandie de la l'image selectionnée

	 */

	private ZoomImageVue zoomImage = null;

	/**

	 * panneau a onglets affichant les métadonnées et les mots clés

	 */

	private PanneauMetadonneesVue metadonneesIptcExif = null;

	/**

	 * panneau conteneur pour le panneau a onglet des metadonnées

	 */

	private final Panel detailsEtMotsCles = new Panel("Détails et mots clés");

	/**

	 * menu contextuel de manipulation des images

	 */

	private MenuImageVue menuImageVue = null;

	/**

	 * barre d'outils

	 */

	private BarreOutilsVue barreOutilsVue = null;

	/**

	 * l'indice du dernier onglet sélectionné

	 */

	private int dernierIndexOnglet = 0;

	/**

	 * booleen explicitant s'il y a une selection en cours

	 */

	private boolean selection = false;

	/**

	 * Filtre pour les commentaires

	 */

	private BarreRechercheFiltreVue filtreCommentaires = null;

	/**

	 * Fenetre modale de gestion des mots clés

	 */

	private FenetreGestionMotsCles fnMc = null;

	/**

	 * Boolean indiquand si le médiateur a seulement été crée ou bien si tous

	 * les composants ont été crées

	 */

	private boolean estInitialise = false;

	/**

	 * constructeur privé (on accède a la classe par la méthode getInstance)

	 */

	private ImageMediateur() {

				initialiser() ;

	}

	/**

	 * constructeur avec paramètres privé (on accède a la classe par la méthode

	 * getInstance)

	 *

	 * @param cm

	 *            le médiateur du carnet à associer à la partie image

	 */

	private ImageMediateur(CarnetEnLigneMediateur cm) {

		cMediateur = cm;

		panneauPrincipalImage = new Panel("Images") ;

		panneauPrincipalImage.addListener(new PanelListenerAdapter() {

			@Override

			public boolean doBeforeRender(Component c) {

				if(!estInitialise) {

					initialiser() ;

				}

				return true;

			}

		});

	}

	/**

	 * Change la valeur du booleen de selection

	 *

	 * @param selection

	 *            la nouvelle valeur du booléen

	 */

	public void setSelection(boolean selection) {

		this.selection = selection;

	}

	/**

	 * renvoie la valeur du booleen de selection

	 *

	 * @return la valeur du booleen de selection

	 */

	public boolean isSelection() {

		return selection;

	}

	/**

	 * Retourne une instance de manière unique

	 *

	 * @return l'instance unique du médiateur

	 */

	public static ImageMediateur Instance() {

		if (!estInstancie && thisMediateur == null) {

			// on en crée un nouveau

			estInstancie = true;

			thisMediateur = new ImageMediateur();

		}

		// sinon on retourne le "pointeur" vers le médiateur lui-même

		return thisMediateur;

	}

	/**

	 * Retourne une instance de manière unique en lui associant un médiateur

	 * pour les observations

	 *

	 * @param cm le médiateur de carnet à associer

	 * @return l'instance unique du médiateur

	 */

	public static ImageMediateur Instance(CarnetEnLigneMediateur cm) {

		if (!estInstancie && thisMediateur == null) {

			// on en crée un nouveau

			estInstancie = true;

			thisMediateur = new ImageMediateur(cm);

		}

		// sinon on retourne le "pointeur" vers le médiateur lui-même

		return thisMediateur;

	}

	private void initialiser()

	{

		// quelques variables de position pour les borderlayouts

		final BorderLayoutData regionNord = new BorderLayoutData(

				RegionPosition.NORTH);

		final BorderLayoutData regionCentre = new BorderLayoutData(

				RegionPosition.CENTER);

		final BorderLayoutData regionEst = new BorderLayoutData(

				RegionPosition.EAST);

		regionEst.setSplit(true);

		final BorderLayoutData regionOuest = new BorderLayoutData(

				RegionPosition.WEST);

		regionOuest.setSplit(true);

		panneauPrincipalImage.setSize(cMediateur.getPanneauPrincipalCarnetEnLigne().getWidth(), cMediateur.getPanneauPrincipalCarnetEnLigne().getHeight()) ;

		panneauPrincipalImage.setLayout(new BorderLayout()) ;

		// on crée un modèle

		iModele = ImageModele.Instance(this);

		// on gère la mise en page du panneau principal

		// on crée le panneau des filtres

		filtres = new PanneauFiltresImagesVues(this);

		filtres.setWidth("15%");

		// le panneau à onglet qui contient les trois vues

		ongletsImage = new TabPanel();

		// la galerie

		galerieImage = new GalerieImageVue(this);

		// la liste des images

		listeImage = new ListeImageVue(this);

		listeImage.setTitle("Liste") ;

		// le panneau zoom

		zoomImage = new ZoomImageVue(this);

		// on ajoute les panneaux au panneau à onglets

		ongletsImage.add(galerieImage);

		ongletsImage.add(listeImage);

		ongletsImage.add(zoomImage);

		// on crée les menu et la barre de vue

		menuImageVue = new MenuImageVue(this);

		barreOutilsVue = new BarreOutilsVue(this);

		// on initialise le volet qui contient les mots clés

		detailsEtMotsCles.setWidth("15%");

		detailsEtMotsCles.setAnimCollapse(true);

		detailsEtMotsCles.setTitleCollapse(true);

		detailsEtMotsCles.setCollapsible(true);

		// on crée le panneau conteneur des métadonnées et infos

		metadonneesIptcExif = new PanneauMetadonneesVue(this);

		// et on l'inclut dans le volet approprié

		detailsEtMotsCles.add(metadonneesIptcExif);

		panneauMenuEtOngletsImage = new Panel() ;

		panneauMenuEtOngletsImage.setLayout(new BorderLayout()) ;

		// on ajoute la barre de vue au nord du panneau qui contient menu et

		// onglets d'images

		panneauMenuEtOngletsImage.add(barreOutilsVue, regionNord);

		// les onglets au centre

		panneauMenuEtOngletsImage.add(ongletsImage, regionCentre);

		// et le panneau de métadonnées et d'info sur le coté droit

		panneauPrincipalImage.add(detailsEtMotsCles, regionEst);

		// on ajoute le panneau qui contient le menu et les onglets d'images au

		// centre

		panneauPrincipalImage.add(panneauMenuEtOngletsImage, regionCentre);

		// on ajoute les filtres au panneau gauche

		panneauPrincipalImage.add(filtres,regionOuest) ;

		detailsEtMotsCles.addListener(new ContainerListenerAdapter() {

			@Override

			public void onResize(BoxComponent component,int adjWidth,int adjHeight,int rawWidth,int rawHeight)

			{

				if(detailsEtMotsCles != null && detailsEtMotsCles.isRendered() && metadonneesIptcExif != null && metadonneesIptcExif.isRendered()) {

					metadonneesIptcExif.doLayout();

				}

			}

		});

		creerPanneauGestionMotsCles();

		// filtres.setCollapsed(false) ;

		thisMediateur = this ;

		estInitialise = true ;

		changerUtilisateur() ;

	}

	/**

	 * Renvoie l'identifiant de l'utilisateur en cours

	 *

	 * @return l'identifiant de l'utilisateur

	 */

	public String getIdentifiant() {

		return cMediateur.getUtilisateur().getIdentifiantUtilisateurConsulte();

	}

	/**

	 * . Setteur pour l'identifiant de l'utilisateur en cours

	 *

	 * @param id

	 *            le nouvel identifiant utilisateur

	 */

	public void setIdentifiant(String id) {

		identifiant = id;

	}

	/**

	 * Appelle les fonctions de chargement de données, suit généralement un

	 * appel à setIdentifiant, pour obtenir l'arbre des mots clés et les images

	 * du nouvel utilisateur

	 */

	public void changerUtilisateur() {

		getIModele().initialiserArbreMotsCles();

		obtenirPhotoGalerie(getGalerieImage());

	}

	/**

	 * Accesseur pour le modèle associé au médiateur

	 *

	 * @return le modèle associé

	 */

	public ImageModele getIModele() {

		return iModele;

	}

	/**

	 * Accesseur pour le panneau principal

	 *

	 * @return le panneau principal

	 */

	public Panel getPanneauPrincipalImage() {

		return panneauPrincipalImage;

	}

	/**

	 * Accesseur pour le panneau à onglets

	 *

	 * @return le panneau à onglets

	 */

	public TabPanel getOngletsImage() {

		return ongletsImage;

	}

	/**

	 * Accesseur pour la galerie d'images

	 *

	 * @return la galerie d'image

	 */

	public GalerieImageVue getGalerieImage() {

		return galerieImage;

	}

	public ListeImageVue getListeImage() {

		return listeImage;

	}

	/**

	 * Accesseur pour le panneau "zoom"

	 *

	 * @return le panneau zoom

	 */

	public ZoomImageVue getZoomImage() {

		return zoomImage;

	}

	/**

	 * Accesseur pour le panneau détails et mot clés

	 *

	 * @return le panneau détails et mots clés

	 */

	public Panel getDetailsEtMotsCles() {

		return detailsEtMotsCles;

	}

	/**

	 * Accesseur pour le booleen d'instanciation

	 *

	 * @return le booleen d'instanciation

	 */

	public static boolean isEstInstancie() {

		return estInstancie;

	}

	/**

	 * Accesseur pour la panneau contenant le menu et les onglets images

	 *

	 * @return le panneauMenuEtOngletsImage

	 */

	public Panel getPanneauMenuEtOngletsImage() {

		return panneauMenuEtOngletsImage;

	}

	/**

	 * Accesseur pour le menu image

	 *

	 * @return the menuImageVue

	 */

	public MenuImageVue getMenuImageVue() {

		return menuImageVue;

	}

	/**

	 * Accesseur pour la barre d'outils

	 *

	 * @return the barreOutilsVue

	 */

	public BarreOutilsVue getBarreOutilsVue() {

		return barreOutilsVue;

	}

	/**

	 * Accesseur pour le panneau infos et métadonnées

	 *

	 * @return the metadonneesIptcExif

	 */

	public PanneauMetadonneesVue getMetadonneesIptcExif() {

		return metadonneesIptcExif;

	}

	/**

	 * Renvoie l'index du dernier onglet sélectionné

	 *

	 * @return l'index du dernier onglet

	 */

	public int getDernierIndexOnglet() {

		return dernierIndexOnglet;

	}

	/**

	 * Accesseur pour la barre de recherche

	 *

	 * @return la barre de recherche pour filtrer les commentaires

	 */

	public BarreRechercheFiltreVue getFiltreCommentaires() {

		return filtreCommentaires;

	}

	/**

	 * Renvoie la vue sélectionné par l'utilisateur

	 *

	 * @return la vue selectionnée par l'utilisateur

	 */

	public VueListable getVueSelectionnee() {

		Panel active = ongletsImage.getActiveTab();

		if (active != zoomImage) {

			if (active == galerieImage) {

				return galerieImage;

			} else {

				return listeImage;

			}

		} else {

			if (dernierIndexOnglet == 0) {

				return galerieImage;

			} else {

				return listeImage;

			}

		}

	}

	/**

	 * Renvoie l'identifiant de la vue en cours

	 *

	 * @return l'identifiant de la vue en cours de visualisation

	 */

	public String getIdVueSelectionnee() {

		Panel active = ongletsImage.getActiveTab();

		if (active != zoomImage) {

			if (active == galerieImage) {

				return galerieImage.getId();

			} else {

				return listeImage.getId();

			}

		} else {

			if (dernierIndexOnglet == 0) {

				return galerieImage.getId();

			} else {

				return listeImage.getId();

			}

		}

	}

	/**

	 * Met a jour les données provenant du modèle et synchronise les vues entre

	 * elles

	 *

	 * @param o

	 *            données de mises a jour pour les vues

	 * @param r

	 *            le refraichissable qui a demandé la mise a jour

	 */

	public void synchroniserDonneesZoomListeGalerie(Object o, Rafraichissable r) {

		if (o instanceof Store) {

			Store li = (Store) o;

			if (li.getCount() <= 0) {

				aucuneSelection();

				if (ongletsImage.getActiveTab().getId() == getZoomImage().getId()) {

					ongletsImage.activate(0);

				}

			} else {

				selection();

			}

			if (r != getGalerieImage()) {

				getGalerieImage().rafraichir(o, false);

			}

			if (r != getZoomImage()) {

				getZoomImage().rafraichir(o, false);

			}

			if (r != getListeImage()) {

				getListeImage().rafraichir(o, false);

			}

			demasquerChargement();

		}

	}

	public void obtenirPhotoGalerie() {

		obtenirPhotoGalerie(getGalerieImage());

	}

	/**

	 * envoie au modèle une demande de mise a jour

	 *

	 * @param r

	 *            la vue demandeuse de mise a jour

	 */

	public void obtenirPhotoGalerie(Rafraichissable r) {

		masquerChargement();

		getIModele().obtenirNombrePhotoGalerie(r);

	}

	/**

	 * demande au modèle les métadonnées associées a une image

	 *

	 * @param r

	 *            la vue demandeuse de mise a jour

	 * @param id

	 *            l'identifiant de l'image

	 */

	public void obtenirMetadonnees(Rafraichissable r, String id) {

		getIModele().obtenirMetadonnees(r, id);

	}

	/**

	 * demande au modèle les ids des mots clés associés a une image

	 *

	 * @param r

	 *            la vue demandeuse de mise a jour

	 * @param id

	 *            l'identifiant de l'image

	 */

	public void obtenirMotsClesId(Rafraichissable r, String id) {

		getIModele().obtenirMotsClesId(r, id);

	}

	public void obtenirMotsClesTexte(Rafraichissable r, String id) {

		String[] texteMotsCles = getTexteMotsCles(getIModele().getMotsClesId(id));

		r.rafraichir(texteMotsCles, false);

	}

	//TODO: devrait être dans le modèle

	public String[] getTexteMotsCles(String idsMotsCles[]) {

		String[] tableauMotsClesTexte = new String[idsMotsCles.length];

		for(int i=0; i< idsMotsCles.length; i++) {

			tableauMotsClesTexte[i] = iModele.obtenirTexteMotCle(idsMotsCles[i]);

		}

		return tableauMotsClesTexte;

	}

	/**

	 * Envoie au modèle une demande pour obtenir l'arbre des mots clés

	 *

	 * @param r

	 *            le raffraichissable qui a demandé la mise à jour

	 */

	public void obtenirArbreMotsCles(Rafraichissable r) {

		getIModele().initialiserArbreMotsCles();

	}

	/**

	 * envoie au modèle une demande de mise a jour des informations modifiables

	 * associées a une image

	 *

	 * @param commentaires

	 *            le commentaire de l'image

	 * @param date

	 *            la date modifiée par l'utilisateur

	 */

	public void mettreAJourInfo(String commentaires, String date, String note) {

		String ids[] = getVueSelectionnee().getIdSelectionnees();

		getIModele().mettreAJourCacheImage(commentaires, date, note, ids);

		getListeImage().mettreAjourInfos(commentaires, date, note);

	}

	/**

	 * Met à jour l'arbre des mots clés affichés dans le volet de droite à

	 * partir de l'arbre passé en paramètre

	 *

	 * @param arbreMC

	 *            le nouvel arbre des mots clés

	 */

	public void rafraichirArbreMotsCles(Tree arbreMC) {

		metadonneesIptcExif.getPanneauMotsCles().rafraichir(arbreMC, false);

		filtres.getMotsClesFiltre().rafraichir(arbreMC, false);

		if(fnMc != null) {

			fnMc.rafraichir(arbreMC, false);

		}

	}

	/**

	 * envoie au modèle une demande pour lancer le formulaire ou l'application

	 * d'upload

	 */

	public void uploaderImages(boolean multiple) {

		if(cMediateur.getUtilisateur().isIdentifie()) {

			getIModele().uploaderImages(multiple);

		}

		else

		{

			if(Window.confirm("L'envoi d'images nécéssite d'être identifié. Voulez-vous vous identifier maintenant ?")) {

				cMediateur.afficherDialogueConnexion();

			}

			else

			{

			}

		}

	}

	/**

	 * Envoie une demande au modèle pour obtenir toutes les données annexes de

	 * l'image (métadonnées, note, etc ...), on y centralise tous les appels a

	 * obtenirQuelqueChose

	 *

	 * @param imgNum

	 *            l'identifiant de l'image

	 */

	public void obtenirDonnes(String imgNum) {

		if(metadonneesIptcExif.isVisible()) {

			if(imgNum == null) {

				return;

			}

			// si on est en mode liaison, on demande la liste des obs

			if(getMetadonneesIptcExif().getMiniListeObservation().getMode())

			{

				obtenirObservationsAssociees() ;

			}

			obtenirMetadonnees(metadonneesIptcExif, imgNum);

			obtenirMotsClesId(fnMc, imgNum);

			obtenirMotsClesTexte(metadonneesIptcExif.getPanneauMotsCles(), imgNum);

			obtenirNote(metadonneesIptcExif.getNoteVue(), imgNum);

		}

	}

	public void changerModeLiaison(boolean mode) {

		if(mode) {

			obtenirObservationsAssociees() ;

			metadonneesIptcExif.getRechercheFiltreTaxonVue().disable();

		}

		else {

			obtenirNombreMiniListeObservations() ;

			metadonneesIptcExif.getRechercheFiltreTaxonVue().enable();

		}

	}

	/**

	 * Envoie une demande au modèle pour obtenir la note associée à une image

	 *

	 * @param noteVue

	 *            le rafraichissable à qui est destiné cette information

	 * @param imgNum

	 *            l'identifiant de l'image

	 */

	private void obtenirNote(Rafraichissable r, String imgNum) {

		getIModele().obtenirNote(r, imgNum);

	}

	/**

	 * est appelé lors d'un clic de souris sur une vignette dans la galerie le

	 * médiateur gère alors les conséquences

	 *

	 * @param index

	 *            l'index du noeud dans la galerie

	 * @param node

	 *            le noeud selectionné

	 * @param e

	 *            l'object source de l'évenement

	 */

	public void clicGalerieImage(int index, Element node, EventObject e) {

		Record rd = getGalerieImage().getDView().getRecord(node);

		String imgUrl = rd.getAsString("url_image");

		String imgNum = rd.getAsString("num_image");

		String imgTaxon = rd.getAsString("obs_associees");

		String[] imgXY = getIModele().obtenirTailleImage(

				rd.getAsString("num_image"));

		String[] infosImage = { imgUrl, imgXY[0], imgXY[1], imgNum, imgTaxon};

		getZoomImage().rafraichir(infosImage, false);

		dernierIndexOnglet = 0;

		if (DOM.eventGetType(e.getBrowserEvent()) == Event.ONDBLCLICK) {

			getOngletsImage().setActiveTab(2);

		}

		obtenirDonnes(imgNum);

	}

	/**

	 * est appelé lors d'un clic de souris sur un enregistrement de la liste le

	 * médiateur gère alors les conséquences

	 *

	 * @param rowIndex

	 *            le numéro de ligne selectionné

	 */

	public void clicListeImage(int rowIndex) {

		Record rd = getListeImage().getSelectionModel().getSelected();

		String imgUrl = rd.getAsString("url_image");

		String imgNum = rd.getAsString("num_image");

		String imgTaxon = rd.getAsString("obs_associees");

		String[] imgXY = getIModele().obtenirTailleImage(

				rd.getAsString("num_image"));

		String[] infosImage = { imgUrl, imgXY[0], imgXY[1], imgNum, imgTaxon };

		getZoomImage().rafraichir(infosImage, false);

		dernierIndexOnglet = 1;

		obtenirDonnes(imgNum);

	}

	/**

	 * gestion du double clic dans la liste

	 *

	 * @param rowIndex

	 */

	public void doubleClicListeImage(int rowIndex) {

		getOngletsImage().setActiveTab(2);

	}

	/**

	 * envoie une demande de mise a jour des données au modèle

	 */

	public void rafraichirToutesVues() {

		obtenirPhotoGalerie(getIModele());

	}

	/**

	 * montre le menu au coordonnées indiquées

	 *

	 * @param e

	 *            l'objet source de l'évenement

	 */

	public void montrerContextMenu(EventObject e) {

		menuImageVue.showAt(e.getXY());

	}

	/**

	 * montre le menu au coordonnées indiquées

	 *

	 * @param e

	 *            l'objet source de l'évenement

	 */

	public void montrerContextMenu(int[] XY) {

		menuImageVue.showAt(XY);

	}

	/**

	 * appelé lors du double clic sur l'image agrandie

	 */

	public void doubleClicZoomImage() {

		getOngletsImage().setActiveTab(dernierIndexOnglet);

	}

	/**

	 * appelé lors du clic sur un des boutons de la zone zoom

	 *

	 * @param arg

	 *            le nom du bouton qui a cliqué

	 */

	public void clicBoutonZoomImage(String arg) {

		Store st;

		int selected;

		int storeIndex;

		Record nRec = null;

		// tout d'abord on obtient les index selectionnés suivant la vue

		if (getVueSelectionnee() == galerieImage) {

			DataView dv = getGalerieImage().getDView();

			st = getGalerieImage().getSt();

			if (st.getCount() <= 0) {

				return;

			}

			selected = st.indexOf(dv.getSelectedRecords()[0]);

			storeIndex = dv.indexOf(selected);

		} else {

			st = listeImage.getSt();

			if (st.getCount() <= 0) {

				return;

			}

			selected = st.indexOf(listeImage.getSelectionModel().getSelected());

			storeIndex = selected;

		}

		if (arg.equals("prev")) {

			// si la photo séléctionnée est la première, on passe a la

			// dernière

			if (selected == 0) {

				storeIndex = st.getCount() - 1;

				nRec = st.getAt(storeIndex);

			} else {

				storeIndex = storeIndex - 1;

				nRec = st.getAt(storeIndex);

			}

		}

		if (arg.equals("suiv")) {

			// si la photo selectionnée est la dernière on passe a la

			// première

			if (selected == st.getCount() - 1) {

				storeIndex = 0;

				nRec = st.getAt(0);

			} else {

				storeIndex = storeIndex + 1;

				nRec = st.getAt(storeIndex);

			}

		}

		if (nRec != null) {

			String imgUrl = nRec.getAsString("url_image");

			String imgNum = nRec.getAsString("num_image");

			String[] imgXY = getIModele().obtenirTailleImage(

					nRec.getAsString("num_image"));

			String imgTaxon = nRec.getAsString("obs_associees");

			String[] infosImage = { imgUrl, imgXY[0], imgXY[1], imgNum, imgTaxon };

			getZoomImage().rafraichir(infosImage, false);

			if (getGalerieImage().isRendered()) {

				getGalerieImage().getDView().select(storeIndex);

			}

			if (getListeImage().isRendered()) {

				getListeImage().getSelectionModel().selectRecords(nRec);

			}

			obtenirDonnes(imgNum);

		}

	}

	/**

	 * synchronise la selection entre la galerie et la liste

	 *

	 * @param string

	 *            le nom de la vue qui doit être synchronisee

	 */

	public void synchroniserSelection(String string) {