| New file |
|---|
| 0,0 → 1,437 |
|---|
| 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.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.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 pageToolBarVue 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 pageToolBarVue(iMediateur); |
| 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"); |
| |
| // 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); |
| 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"); |
| } |
| } |
| }); |
| } |
| |
| /** |
| * 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 pageToolBarVue 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) ; |
| |
| } |
| |
| } |
| |
| } |