/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 & 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 & 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"> |
{{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']; |