Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 1437 → Rev 1438

/trunk/widget/modules/cartopoint/squelettes/carte_defaut.tpl.html
49,10 → 49,15
'&date=<?=$date?>'+
'&dept=<?=$dept?>'+
'&commune=<?=rawurlencode($commune)?>'+
'&commentaire=<?=rawurlencode($commentaire)?>'+
'&photos_seulement=<?=rawurlencode($photos_seulement)?>';
'&commentaire=<?=rawurlencode($commentaire)?>';
var photos_seulement = '<?= ($photos_seulement != null) ? $photos_seulement : false; ?>';
var photos = '<?= ($photos != null) ? $photos : null; ?>';
if(photos != null) {
filtreCommun += '&photos=<?=rawurlencode($photos)?>';
}
var titreCarte = '<?= ($titre != null) ? addslashes($titre) : "null"; ?>';
var urlLogo = '<?= ($logo != null) ? $logo : "null"; ?>';
var urlSite = '<?= ($url_site != null) ? $url_site : "null"; ?>';
var stationsUrl = '<?=$url_cel_carto?>/tout'+'?'+
'num_taxon='+nt+
filtreCommun;
83,40 → 88,70
padding: 10px;
position: fixed;
text-align: center;
top: 35px;
top: 50px;
width: 230px;
z-index: 3000;">
<img src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement.gif" alt="Chargement en cours..." />
<p> Chargement des points en cours... </p>
</div>
<div id="zone-titre">
<h1 id="carte-titre">
<span id="logo">
<a href="http://www.tela-botanica.org/site:accueil"
title="Aller à l'accueil de Tela Botanica"
onclick="ouvrirNouvelleFenetre(this, event)">
<img src="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" alt="TB" />
<?php if($titre !== "0") : ?>
<?php if($titre === null && $logo === null) { ?>
<div id="zone-titre">
<h1 id="carte-titre">
<span id="logo">
<a href="http://www.tela-botanica.org/site:accueil"
title="Aller à l'accueil de Tela Botanica"
onclick="ouvrirNouvelleFenetre(this, event)">
<img src="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" alt="TB" />
</a>
</span>
<span id="carte-titre-infos">Cartographie</span>
- <a href="http://www.tela-botanica.org/appli:cel"
title="Carnet en Ligne"
onclick="ouvrirNouvelleFenetre(this, event)">
CEL
</a>
(<a href="http://www.tela-botanica.org/" onclick="ouvrirNouvelleFenetre(this, event)">Tela Botanica</a>)
</h1>
<div id="zone-info">
<a href="<?=$url_base?>cartoPoint?carte=avertissement"
onClick="ouvrirPopUp(this, 'Avertissement', event)">
<img src="<?=$url_base?>modules/cartopoint/squelettes/images/information.png"
alt="Avertissements" title="Avertissements &amp; informations" />
</a>
</span>
<span id="carte-titre-infos">Cartographie</span>
- <a href="http://www.tela-botanica.org/appli:cel"
title="Carnet en Ligne"
onclick="ouvrirNouvelleFenetre(this, event)">
CEL
</a>
(<a href="http://www.tela-botanica.org/" onclick="ouvrirNouvelleFenetre(this, event)">Tela Botanica</a>)
</h1>
<div id="zone-info">
<a href="<?=$url_base?>cartopoint?carte=avertissement"
onClick="ouvrirPopUp(this, 'Avertissement', event)">
<img src="<?=$url_base?>modules/cartopoint/squelettes/images/information.png"
alt="Avertissements" title="Avertissements &amp; informations" />
</a>
</div>
</div>
</div>
<?php } else { ?>
<div id="zone-titre">
<h1 id="carte-titre">
<?php if($logo != null) : ?>
<span id="logo">
<?php if($url_site != null) { ?>
<a href="<?= $url_site; ?>"
title="<?= $url_site; ?>"
onclick="ouvrirNouvelleFenetre(this, event)">
<img src="<?= $logo ?>" alt="logo" />
</a>
<?php } else { ?>
<img src="<?= $logo ?>" alt="logo" />
<?php } ?>
</span>
<?php endif; ?>
<?php if($titre != null) : ?>
<span id="carte-titre-infos"><?= htmlspecialchars($titre); ?></span>
<?php endif; ?>
</h1>
</div>
<?php } ?>
<?php endif; ?>
<? if ($num_taxon == '*') : ?>
<div id="panneau-lateral">
<div id="pl-ouverture" title="Ouvrir le panneau latéral"><span>Panneau >></span></div>
<div id="panneau-lateral" <?= ($titre != 0) ? 'class="carte_titree"': 'class="carte_non_titree"'; ?>>
<div id="pl-ouverture" title="Ouvrir le panneau latéral">
<span>Panneau >></span>
<div id="pl-indication-filtre"> Filtrer par <br />
plantes
</div>
</div>
<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>
<div id="pl-contenu">
<div id="pl-entete">
132,7 → 167,12
</div>
</div>
<? endif ?>
<div id="carte"></div>
<div id="carte" <?= ($titre != 0) ? 'class="carte_titree"': 'class="carte_non_titree"'; ?>></div>
<div id="lien_plein_ecran"><a href="">Voir en plein écran</a></div>
<div id="zone-stats" style="display:none">
<h1>
</h1>
</div>
<!-- +-------------------------------------------------------------------------------------------+ -->
<!-- Blocs chargés à la demande : par défaut avec un style display à none -->
236,7 → 276,7
<img src="${img.miniature}" alt="Image #${img.idImg} de l'osbervation #${nn}" />
</a>
<p id="cel-info-${img.idImg}" class="cel-infos">
<a class="cel-img-titre" href="${urlEflore}"
<a class="cel-img-titre" href="http://www.tela-botanica.org/bdtfx-nn-${nn}"
onclick="window.open(this.href);return false;"
title="Cliquez pour accéder à la fiche eFlore">
<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> par <em>${observateur}</em>
252,7 → 292,7
<dd title="Nom défini par l'utilisateur{{if nn != 0}}. Cliquez pour accéder à la fiche d'eFlore.{{/if}}">
<span class="nom-sci">&nbsp;
{{if nn != 0}}
<a href="http://www.tela-botanica.org/nn${nn}"
<a href="http://www.tela-botanica.org/bdtfx-nn-${nn}"
onclick="ouvrirNouvelleFenetre(this, event)">
${nomSci}
</a>
/trunk/widget/modules/cartopoint/squelettes/scripts/carto.js
26,7 → 26,12
google.maps.MapTypeId.HYBRID,
google.maps.MapTypeId.SATELLITE,
google.maps.MapTypeId.TERRAIN]
}
},
zoomControlOptions: {
style: google.maps.ZoomControlStyle.LARGE,
position: google.maps.ControlPosition.LEFT_CENTER
},
panControl: false
};
var osmMapType = new google.maps.ImageMapType({
getTileUrl: function(coord, zoom) {
61,6 → 66,7
function initialiserWidget() {
urlVars = getUrlVars();
definirTailleTitre();
centrerTitreEtStats();
initialiserAffichageCarte();
initialiserAffichagePanneauLateral();
initialiserCarte();
90,7 → 96,7
/*+--------------------------------------------------------------------------------------------------------+*/
// AFFICHAGE GÉNÉRAL
 
function afficherTitreCarte() {
function afficherTitreCarteEtStats() {
if (stations != null && taxonsCarte.length > 0) {
var obsNbre = stations.stats.observations;
var obsNbreFormate = obsNbre;
113,37 → 119,41
stationNbreFormate = stations.stats.stations.formaterNombre();
}
var titre = obsNbreFormate+' observation';
titre += (obsNbre > 1) ? 's' : '' ;
var stats = obsNbreFormate+' observation';
stats += (obsNbre > 1) ? 's' : '' ;
 
if(photos_seulement == 1) {
titre += ' avec photos ';
if(photos != null && photos == 1) {
stats += ' avec photos ';
}
titre += ' sur '+(stationNbre+ communeNbre)+' station';
titre += (stationNbre > 1) ? 's' : '' ;
stats += ' sur '+(stationNbre+ communeNbre)+' station';
stats += (stationNbre > 1) ? 's' : '' ;
 
if (nt == '*') {
titre += ' parmi '+plteNbreFormate+' plante';
titre += (plteNbre > 1) ? 's' : '' ;
stats += ' parmi '+plteNbreFormate+' plante';
stats += (plteNbre > 1) ? 's' : '' ;
} else {
if($('.taxon-actif .taxon').text() != '') {
var element = $('.taxon-actif .taxon').clone();
element.children().remove();
var taxon = element.text();
titre += ' pour '+taxon;
stats += ' pour '+taxon;
} else {
if (taxonsCarte[0]) {
var taxon = taxonsCarte[0];
titre += ' pour '+taxon.nom;
stats += ' pour '+taxon.nom;
}
}
}
$('#carte-titre-infos').text(titre);
$('#pl-indication-filtre').html('Filtrer parmi <br />'+plteNbre+'<br />plantes');
$('#zone-stats').show();
$('#zone-stats > h1').text(stats);
}
centrerTitreEtStats();
}
 
var tailleTitreOriginelle = null;
function definirTailleTitre() {
var largeurViewPort = $(window).width();
var taille = null;
154,19 → 164,59
} else if (largeurViewPort >= 800) {
taille = '1.6';
}
// Aménagement de la taille de police selon l'écran
$("#carte-titre").css('font-size', taille+'em');
$("#zone-stats h1").css('font-size', taille+'em');
// Dimensionnement du titre et du logo
if(urlLogo != "null") {
hauteurLogo = $('#logo img').height();
// Redimensionnement du logo s'il est trop grand
// on perd en qualité mais ça vaut mieux que de casser l'affichage
if(hauteurLogo > 60) {
hauteurLogo = 60;
$('#logo img').height(60);
}
if(hauteurLogo == 0) {
$('#logo img').load(function(event) {
definirTailleTitre();
});
return;
}
largeurLogo = $('#logo img').width();
largeurTitre = $('#carte-titre-infos').width();
$('#zone-titre').css("height", (hauteurLogo)+"px");
$('#zone-titre').css("width", (largeurLogo+largeurTitre+16)+"px");
if(titreCarte != 'null' && titreCarte != 0) {
$('#carte-titre-infos').css("position", "absolute");
$('#carte-titre-infos').css("left", (largeurLogo+16)+"px");
$('#carte-titre-infos').css("top", (hauteurLogo/2 - 8)+"px");
}
}
}
 
function centrerTitreEtStats() {
var largeurViewPort = $(window).width();
var largeurTitre = $('#zone-titre').width();
var marge = (largeurViewPort - largeurTitre)/2;
$('#zone-titre').css("margin-left",marge);
var largeurStats = $('#zone-stats').width();
var marge = (largeurViewPort - largeurStats)/2;
$('#zone-stats').css("left",marge);
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
// CARTE
 
function initialiserAffichageCarte() {
$('#carte').height($(window).height() - 35);
$('#carte').width($(window).width() - 24);
 
if (nt != '*') {
$('#carte').css('left', 0);
}
$('#carte').height($(window).height());
$('#carte').width($(window).width());
}
 
function initialiserCarte() {
267,7 → 317,7
marqueurs = new Array();
stations = data;
afficherTitreCarte();
afficherTitreCarteEtStats();
$.each(stations.points, function (index, station) {
if(station != null) {
557,7 → 607,7
pagineur.total = pointClique.stationInfos.obsNbre;
// Si on est en mode photo on reste en mode liste quelque soit le
// nombre de résultats
if (pagineur.total > 4 && photos_seulement != 1) {
if (pagineur.total > 4 && photos != 1) {
pagineur.format = 'tableau';
} else {
pagineur.format = 'liste';
863,9 → 913,7
/*+--------------------------------------------------------------------------------------------------------+*/
// PANNEAU LATÉRAL
 
function initialiserAffichagePanneauLateral() {
$('#panneau-lateral').height($(window).height() - 35);
function initialiserAffichagePanneauLateral() {
if (nt == '*') {
$('#pl-ouverture').bind('click', afficherPanneauLateral);
$('#pl-fermeture').bind('click', cacherPanneauLateral);
891,7 → 939,7
if (nt == '*') {
afficherTaxons();
}
afficherTitreCarte();
afficherTitreCarteEtStats();
}
}
 
903,21 → 951,22
 
 
function afficherPanneauLateral() {
$('#panneau-lateral').height($(window).height());
$('#panneau-lateral').width(300);
$('#pl-contenu').css('display', 'block');
$('#pl-ouverture').css('display', 'none');
$('#pl-fermeture').css('display', 'block');
$('#carte').css('left', '300px');
$('#panneau-lateral').css("top","0");
 
google.maps.event.trigger(map, 'resize');
};
 
function cacherPanneauLateral() {
$('#panneau-lateral').width(24);
$('#panneau-lateral').height("60px");
$('#panneau-lateral').width("83px");
$('#pl-contenu').css('display', 'none');
$('#pl-ouverture').css('display', 'block');
$('#pl-fermeture').css('display', 'none');
$('#carte').css('left', '24px');
google.maps.event.trigger(map, 'resize');
};
/trunk/widget/modules/cartopoint/squelettes/css/carto.css
107,12 → 107,19
padding:0;
margin:0;
position:absolute;
top:35px;
left:24px;
right:0;
bottom:0;
overflow:auto;
}
 
.carte_titree {
top:35px;
}
 
.carte_non_titre {
top:0px;
}
 
.bouton {
background-color:white;
border:2px solid black;
146,17 → 153,26
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Carte titre */
#zone-titre {
#zone-titre, #zone_stats {
padding:0;
margin:0;
position:absolute;
top:0;
left:0;
width:100%;
height:35px;
position:relative;
height:25px;
top:3px;
overflow:hidden;
background-color:#4A4B4C;
background-color:#F5F5F5;
border-radius: 4px;
z-index: 3000;
display: inline-block;
padding:8px;
color: black;
font-family: inherit;
font-size: 1.1em;
font-weight: bold;
text-rendering: optimizelegibility;
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
 
#zone-info {
position:absolute;
top:0;
173,8 → 189,7
#carte-titre {
display:inline-block;
margin:0;
padding:0.2em;
color:#CCCCCC;
padding:0em;
}
#carte-titre {/*Hack CSS fonctionne seulement dans ie6, 7 & 8 */
display:inline !hackCssIe6Et7;/*Hack CSS pour ie6 & ie7 */
186,14 → 201,22
padding:0;
margin:0;
position:absolute;
top:35px;
left:0;
bottom:0;
width:24px;
width: 83px;
overflow:hidden;
background-color:#4A4B4C;
border-right:1px solid grey;
background-color:#F5F5F5;
border:1px solid grey;
height: 60px;
position: relative;
z-index: 3000;
border-top-right-radius : 10px;
border-bottom-right-radius : 10px;
}
#pl-indication-filtre {
margin-left : 25px;
padding : 3px;
}
#pl-contenu {
display:none;
}
211,7 → 234,7
#pl-ouverture, #pl-fermeture {
position:absolute;
top:0;
height:24px;
height:60px;
width:24px;
text-align:center;
cursor:pointer;
231,11 → 254,11
}
/* Panneau latéral : balises */
#panneau-lateral h2, #panneau-lateral p {
color:#CCCCCC;}
color:black;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Liste des taxons de la carte */
#taxons {
color:#999;
color:black;
}
#taxons .taxon-actif, #taxons .taxon-actif span {
color:#56B80E;
242,7 → 265,7
}
#taxons li span {
border-bottom:1px dotted #666;
color:#CCC;
color:black;
}
#taxons li span:focus {
outline:thin dotted;
255,7 → 278,34
.nt {
display:none;
}
 
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Zone des stats en bas */
#zone-stats {
padding:0;
position:absolute;
height:25px;
bottom:3px;
overflow:hidden;
background-color:#F5F5F5;
border-radius: 4px;
z-index: 3000;
display: inline-block;
padding:8px;
color: black;
font-family: inherit;
font-size: 1.1em;
font-weight: bold;
text-rendering: optimizelegibility;
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
 
#zone-stats h1 {
margin-top: 0;
}
 
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Pop-up observations */
#info-bulle{
min-height:500px;
/trunk/widget/modules/cartopoint/CartoPoint.php
41,7 → 41,10
private $num_taxon = null;
private $station = null;
private $format = null;// Format des obs pour les stations (tableau/liste)
private $photos_seulement = null; // Seulement les obs avec photos ou bien toutes
private $photos = null; // Seulement les obs avec photos ou bien toutes
private $titre = null; // Indication s'il faut le titre par défaut, personnalisé ou bien sans titre
private $logo = null; // url du logo à ajouter si nécessaire
private $url_site = null; // url du site auquel le logo est lié
/**
* Méthode appelée par défaut pour charger ce widget.
79,7 → 82,10
$this->commentaire = (isset($commentaire) ? $commentaire : null);
$this->station = (isset($station) ? $station : null);
$this->format = (isset($format) ? $format : null);
$this->photos_seulement = (isset($photos_seulement) ? $photos_seulement : null);
$this->photos = (isset($photos) ? $photos : null);
$this->titre = (isset($titre) ? urldecode($titre) : null);
$this->logo = (isset($logo) ? urldecode($logo) : null);
$this->url_site = (isset($url_site) ? urldecode($url_site) : null);
$this->start = (isset($start) ? $start : null);
$this->limit = (isset($limit) ? $limit : null);
}
105,7 → 111,10
$widget['donnees']['date'] = $this->date;
$widget['donnees']['taxon'] = $this->taxon;
$widget['donnees']['commentaire'] = $this->commentaire;
$widget['donnees']['photos_seulement'] = $this->photos_seulement;
$widget['donnees']['photos'] = $this->photos;
$widget['donnees']['titre'] = $this->titre;
$widget['donnees']['logo'] = $this->logo;
$widget['donnees']['url_site'] = $this->url_site;
$widget['donnees']['url_limites_communales'] = $this->obtenirUrlsLimitesCommunales();
$widget['donnees']['communeImageUrl'] = $this->config['carto']['communeImageUrl'];
$widget['donnees']['pointImageUrl'] = $this->config['carto']['pointImageUrl'];