| New file |
|---|
| 0,0 → 1,530 |
|---|
| package org.tela_botanica.client.vues.image; |
| |
| import org.tela_botanica.client.image.ImageMediateur; |
| 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.vues.BarrePaginationVue; |
| |
| 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, ListePaginable { |
| |
| /** |
| * 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(this); |
| 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); |
| |
| } |
| |
| } |
| |
| public void changerNumeroPage(int pageCourante) { |
| |
| iMediateur.changerNumeroPage(pageCourante) ; |
| |
| } |
| |
| public void changerTaillePage(int nouvelleTaillePage) { |
| |
| iMediateur.changerTaillePage(nouvelleTaillePage) ; |
| } |
| |
| } |
| Property changes: |
|---|
| Added: svn:mergeinfo |
|---|