/trunk/war/cel2.css |
---|
135,10 → 135,6 |
margin-right: 10px; |
} |
#lienAide { |
padding-right: 40px; |
} |
#panneau_etat_connexion,#panneau_admin { |
min-height: 16px; |
} |
621,4 → 617,20 |
font-family: Times New Roman; |
font-size: 40px; |
padding-left: 40%; |
} |
#liste_selection_langue { |
bottom: 2px; |
float: right; |
height: 20px; |
position: relative; |
visibility: visible; |
width: 80px; |
} |
.aucune_image_pour { |
text-align: center; |
vertical-align: middle; |
color: #777; |
font-size: 35px; |
} |
/trunk/war/i18n/messages_en.js |
---|
1,9 → 1,11 |
var messages_en = { |
"intitule-langue" : "English", |
"cel-utilisation" : "Use the Carnet En Ligne to manage your observations", |
"identifiez-vous" : "log-in", |
"pour-transmettre-tela" : "to transmit them to the Tela Botanica network", |
"connecte-en-tant-que" : "Logged in as {0}", |
"deconnexion" : "logout", |
"langue" : "Language", |
"filtres" : "Filters", |
"dates" : "Dates", |
30,6 → 32,10 |
"confirmer-suppression-projet" : "Are you sure you want to delete this project ?", |
"impossible-supprimer-racine" : "Cannot delete tree root", |
"aucune-image-taxon" : "No image for this taxon", |
"aucune-carte-taxon" : "No map for this taxon", |
"aucune-image-liee" : "No image linked", |
"plusieurs-fichiers-images-fois" : "Multiple files at once", |
"un-fichier-image-fois" : "One file at a time", |
/trunk/war/i18n/messages_fr.js |
---|
1,9 → 1,11 |
var messages_fr = { |
"intitule-langue" : "Français", |
"cel-utilisation" : "Utilisez ce carnet en ligne pour saisir vos observations", |
"identifiez-vous" : "identifiez-vous", |
"pour-transmettre-tela" : "pour les transmettre à Tela Botanica", |
"connecte-en-tant-que" : "Connecté en tant que {0}", |
"deconnexion" : "deconnexion", |
"langue" : "Langue", |
"filtres" : "Filtres", |
"dates" : "Dates", |
30,6 → 32,10 |
"confirmer-suppression-projet" : "Etes vous sur de vouloir supprimer ce projet ?", |
"impossible-supprimer-racine" : "Impossible de supprimer la racine de l'arbre", |
"aucune-image-taxon" : "Aucune image pour ce taxon", |
"aucune-carte-taxon" : "Aucune carte pour ce taxon", |
"aucune-image-liee" : "Aucune image liée", |
"plusieurs-fichiers-images-fois" : "Plusieurs dossiers ou fichiers à la fois", |
"un-fichier-image-fois" : "Un fichier à la fois", |
/trunk/src/org/tela_botanica/client/vues/observation/indicateurs/MiniZoomImageVue.java |
---|
12,6 → 12,7 |
import com.google.gwt.user.client.DOM; |
import com.google.gwt.user.client.Event; |
import com.google.gwt.user.client.Window; |
import com.google.gwt.user.client.ui.HTML; |
import com.google.gwt.user.client.ui.Image; |
import com.gwtext.client.core.AnimationConfig; |
import com.gwtext.client.core.EventObject; |
106,6 → 107,8 |
Image imgAgrandie = null; |
private HTML htmlVide = new HTML(); |
/** |
* Constructeur sans argument (privé car ne doit être utilisé) |
*/ |
182,6 → 185,7 |
imageConteneur.add(image); |
imageConteneur.setId("x-view-mini-zoom-img"); |
imageConteneur.add(htmlVide); |
// il n'existe pas de méthode pour ajouter un listener pour le double |
// clic sur une image |
190,9 → 194,6 |
image.sinkEvents(Event.ONMOUSEWHEEL); |
image.sinkEvents(Event.ONCONTEXTMENU) ; |
// l'image de base est vide |
image.setUrl(""); |
this.setLayout(new BorderLayout()); |
prev.setWidth("15%"); |
208,6 → 209,9 |
conteneurInitialise = true; |
initialise = true; |
image.setVisible(false); |
afficherImageSinonAfficherMessage(false); |
// on ajoute les listeners |
ajouterListeners(); |
230,13 → 234,11 |
&& conteneurInitialise && ((String[][])nouvelleDonnees).length != 0) { |
infosImages = (String[][]) nouvelleDonnees; |
index = 0 ; |
afficherImageSinonAfficherMessage(true); |
afficherImage() ; |
} else { |
// sinon on met une image vide |
infosImages = null ; |
afficherImage(); |
afficherImageSinonAfficherMessage(false); |
} |
} |
246,22 → 248,12 |
if(infosImages != null && infosImages.length != 0) |
{ |
setTitle(titrePanneau+" "+(index+1)+" / "+infosImages.length); |
getImage().setUrl(getUrlMiniature(index)); |
imageWidth = Integer.parseInt(infosImages[index][1]); |
imageHeight = Integer.parseInt(infosImages[index][2]); |
verifierEtRetaillerImage(); |
activerPanneau(true); |
} else { |
setTitle(titrePanneau); |
getImage().setUrl("ill_liaison.png"); |
imageWidth = getImage().getWidth(); |
imageHeight = getImage().getHeight(); |
if(imgZoom.isVisible()) { |
agrandirImage(); |
} |
activerPanneau(false); |
} |
if(infosImages != null && infosImages.length > 1) { |
prev.setEnabled(true); |
272,6 → 264,24 |
} |
} |
private void afficherImageSinonAfficherMessage(boolean afficherImage) { |
if(afficherImage) { |
htmlVide.setVisible(false); |
} else { |
setTitle(Msg.get("aucune-image-liee")); |
afficherHtmlVide(); |
} |
image.setVisible(afficherImage); |
} |
private void afficherHtmlVide() { |
String htmlDivVide = "<div class=\"aucune_image_pour\"> "+Msg.get("aucune-image-liee")+"</div>"; |
htmlVide.setHeight("150px"); |
htmlVide.setHTML(htmlDivVide); |
htmlVide.setVisible(true); |
} |
/** |
* Active visuellement le panneau et les boutons |
*/ |
/trunk/src/org/tela_botanica/client/vues/observation/indicateurs/InformationRepartitionVue.java |
---|
7,6 → 7,7 |
import com.google.gwt.user.client.DOM; |
import com.google.gwt.user.client.Event; |
import com.google.gwt.user.client.Window; |
import com.google.gwt.user.client.ui.HTML; |
import com.google.gwt.user.client.ui.Image; |
import com.gwtext.client.widgets.Panel; |
import com.gwtext.client.widgets.ToolTip; |
26,6 → 27,8 |
private String urlImage = "" ; |
private HTML htmlVide = new HTML(); |
private ToolTip tp = new ToolTip("<div class=\"x-tooltip-help\"> " + Msg.get("double-clic-agrandir") + " </div>") ; |
com.gwtext.client.widgets.Window imgZoom = new com.gwtext.client.widgets.Window(Msg.get("agrandissement")) ; |
43,8 → 46,6 |
* Constructeur avec argument |
* @param obs le médiateur à associer |
*/ |
public InformationRepartitionVue(ObservationMediateur obs) { |
imgZoom.setCloseAction(com.gwtext.client.widgets.Window.HIDE) ; |
55,7 → 56,6 |
// lors du double clic |
if (Event.ONDBLCLICK == DOM.eventGetType(event)) { |
// on notifie le médiateur |
agrandirImage() ; |
} |
74,14 → 74,32 |
this.setCls("x-image-info-rep") ; |
add(image); |
add(htmlVide); |
image.setPixelSize(150, 150); |
afficherImageSinonAfficherMessage(false); |
// on ajoute les listeners |
ajouterListeners(); |
} |
private void afficherImageSinonAfficherMessage(boolean afficherImage) { |
if(afficherImage) { |
htmlVide.setVisible(false); |
} else { |
afficherHtmlVide(); |
} |
image.setVisible(afficherImage); |
} |
private void afficherHtmlVide() { |
String htmlDivVide = "<div class=\"aucune_image_pour\"> "+Msg.get("aucune-carte-taxon")+"</div>"; |
htmlVide.setHeight("150px"); |
htmlVide.setHTML(htmlDivVide); |
htmlVide.setVisible(true); |
} |
/** |
* Affichage carte de repartition |
* |
96,10 → 114,10 |
urlImage=(String) nouvelleDonnees; |
if (urlImage == null || urlImage.equals("null") || urlImage.length()==0) { |
image.setUrl("ill_choro.png") ; |
image.setPixelSize(150, 150); |
afficherImageSinonAfficherMessage(false); |
} |
else { |
afficherImageSinonAfficherMessage(true); |
image.setUrl(urlImage); |
verifierEtRetaillerImage(); |
} |
112,7 → 130,6 |
if(!imgZoom.isVisible()) |
{ |
String urlAgrandie = urlImage.replace("min", "max") ; |
imgZoom.setHtml("<img height="+Window.getClientHeight()*0.75+"px src=\""+urlAgrandie+"\" />") ; |
imgZoom.setPagePosition( Window.getClientWidth()/2, Window.getClientHeight()/5) ; |
imgZoom.show(this.getElement()) ; |
/trunk/src/org/tela_botanica/client/vues/observation/indicateurs/ImageGeneriqueVue.java |
---|
7,6 → 7,7 |
import com.google.gwt.user.client.DOM; |
import com.google.gwt.user.client.Event; |
import com.google.gwt.user.client.Window; |
import com.google.gwt.user.client.ui.HTML; |
import com.google.gwt.user.client.ui.Image; |
import com.gwtext.client.widgets.Panel; |
import com.gwtext.client.widgets.ToolTip; |
34,7 → 35,9 |
private String urlImage = "" ; |
private String urlImageMax = "" ; |
private HTML htmlVide = new HTML(); |
private com.gwtext.client.widgets.Window imgZoom = new com.gwtext.client.widgets.Window(Msg.get("agrandissement")) ; |
private ToolTip tp = new ToolTip("<div class=\"x-tooltip-help\"> " + Msg.get("double-clic-agrandir") + " </div>") ; |
83,13 → 86,17 |
imgZoom.setAutoHeight(true) ; |
imgZoom.setAutoWidth(true) ; |
htmlVide.setHeight("0px"); |
htmlVide.setVisible(false); |
add(image); |
add(htmlVide); |
image.setPixelSize(150, 150); |
image.sinkEvents(Event.ONDBLCLICK); |
afficherImageSinonAfficherMessage(false); |
// on ajoute les listeners |
ajouterListeners(); |
} |
108,18 → 115,18 |
urlImage=lecteurDonnees[0]; |
urlImageMax=lecteurDonnees[1]; |
if (urlImage == null || urlImage.equals("null") || urlImage.length()==0 || urlImage.equals("")) { |
image.setUrl("ill_taxon.png") ; |
image.setPixelSize(150, 150); |
afficherHtmlVide(); |
image.setVisible(false); |
} |
else { |
afficherImageSinonAfficherMessage(true); |
image.setUrl(urlImage); |
image.setPixelSize(150, 150); |
verifierEtRetaillerImage(); |
} |
} else { |
image.setUrl("ill_taxon.png") ; |
image.setPixelSize(150, 150); |
afficherImageSinonAfficherMessage(false); |
} |
observationMediateur.deMasquerChargementInfosObservations() ; |
126,6 → 133,22 |
} |
private void afficherImageSinonAfficherMessage(boolean afficherImage) { |
if(afficherImage) { |
htmlVide.setVisible(false); |
} else { |
afficherHtmlVide(); |
} |
image.setVisible(afficherImage); |
} |
private void afficherHtmlVide() { |
String htmlDivVide = "<div class=\"aucune_image_pour\"> "+Msg.get("aucune-image-taxon")+"</div>"; |
htmlVide.setHeight("150px"); |
htmlVide.setHTML(htmlDivVide); |
htmlVide.setVisible(true); |
} |
public void agrandirImage() { |
if(!imgZoom.isVisible()) |
136,8 → 159,6 |
} else { |
imgZoom.hide(); |
} |
} |
/trunk/src/org/tela_botanica/client/vues/EtatConnexionVue.java |
---|
15,12 → 15,19 |
package org.tela_botanica.client.vues; |
import java.util.Iterator; |
import java.util.List; |
import org.tela_botanica.client.CarnetEnLigneMediateur; |
import org.tela_botanica.client.i18n.Msg; |
import org.tela_botanica.client.modeles.objets.Configuration; |
import com.google.gwt.event.dom.client.ChangeEvent; |
import com.google.gwt.event.dom.client.ChangeHandler; |
import com.google.gwt.http.client.URL; |
import com.google.gwt.user.client.Window; |
import com.google.gwt.user.client.ui.HTML; |
import com.google.gwt.user.client.ui.ListBox; |
import com.gwtext.client.core.EventCallback; |
import com.gwtext.client.core.EventObject; |
import com.gwtext.client.core.Ext; |
47,9 → 54,11 |
* Texte lié à la connexion. |
* |
*/ |
private HTML htmlEtatConnexion = new HTML(); |
private String labelEtatConnexion = null; |
private ListBox listeLangues = null; |
/** |
* Ouh c'est pas beau, ça ! Mais avec Google Web Toolshit, ça |
* marche toujours mieux que quand on fait des trucs beaux :-) |
79,15 → 88,46 |
// Pas de word wrap |
labelEtatConnexion=""; |
this.setHtml(labelEtatConnexion+liens); |
initialiserListeLangues(); |
this.add(listeLangues); |
htmlEtatConnexion.setHTML(labelEtatConnexion+liens); |
this.add(htmlEtatConnexion); |
ajouterListeners(); |
} |
private void initialiserListeLangues() { |
listeLangues = new ListBox(); |
listeLangues.getElement().setId("liste_selection_langue"); |
List<String> languesDispos = Msg.getLanguesDisponibles(); |
int indexLangue = 0; |
for (Iterator<String> iterator = languesDispos.iterator(); iterator.hasNext();) { |
String langue = iterator.next(); |
listeLangues.addItem(Msg.get("intitule-langue", langue), langue); |
if(langue.equals(Msg.getLangue())) { |
listeLangues.setSelectedIndex(indexLangue); |
} |
indexLangue++; |
} |
} |
private void ajouterListeners() { |
listeLangues.addChangeHandler(new ChangeHandler() { |
@Override |
public void onChange(ChangeEvent event) { |
int indexLangue = listeLangues.getSelectedIndex(); |
String urlCourante = Window.Location.getHref(); |
String urlBase = urlCourante; |
if(urlCourante.contains("?")) { |
urlBase = urlCourante.substring(0, urlCourante.indexOf("?")); |
} |
String urlLangue = urlBase+"?lang="+listeLangues.getValue(indexLangue); |
Window.Location.replace(urlLangue); |
public void ajouterListeners() { |
return; |
} |
}); |
ExtElement lienAide = Ext.get("lienAide"); |
if(lienAide != null) |
124,6 → 164,8 |
} |
}); |
} |
} |
/** |
140,7 → 182,7 |
labelEtatConnexion += liens ; |
setHtml(labelEtatConnexion); |
htmlEtatConnexion.setHTML(labelEtatConnexion); |
ExtElement lienDeco = Ext.get("lienDeconnexion"); |
if(lienDeco != null) |
180,7 → 222,7 |
{ |
labelEtatConnexion = "<div id=\"etatConnexion\"> "+Msg.get("cel-utilisation")+", <a id=\"lienConnexion\" href=\"#\">"+Msg.get("identifiez-vous")+"</a> "+Msg.get("pour-transmettre-tela")+"</div>"; |
labelEtatConnexion += liens ; |
setHtml(labelEtatConnexion); |
htmlEtatConnexion.setHTML(labelEtatConnexion); |
ExtElement lienCo = Ext.get("etatConnexion"); |
if(lienCo != null) { |
lienCo.addListener("click", new EventCallback() { |
/trunk/src/org/tela_botanica/client/CarnetEnLigneMediateur.java |
---|
168,7 → 168,6 |
bandeau = new Panel(); |
bandeau.setId("x-up-bandeau") ; |
etatConnexionVue=new EtatConnexionVue(this); |
etatConnexionVue.setLayout(new FitLayout()) ; |
// Le panneau à onglet qui contient les 2 applications Observation et Images |