/branches/v1.5-cisaille/widget/modules/observation/squelettes/css/observation.css |
---|
New file |
0,0 → 1,93 |
@charset "UTF-8"; |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Widget */ |
html { |
overflow:hidden; |
} |
body{ |
overflow:hidden; |
padding:0; |
margin:0; |
width:100%; |
height:100%; |
background-color:#4A4B4C; |
color:#CCC; |
} |
#cel-observation-contenu{ |
width:350px; |
position:relative; |
padding:0 5px; |
margin:5px auto; |
font-family:Arial,verdana,sans-serif; |
font-size:12px; |
background-color:#4A4B4C; |
color:#CCC; |
} |
#cel-observation-contenu h1 { |
margin:5px; |
padding:0; |
font-size:1.6em; |
color:white; |
background-color:transparent; |
background-image:none; |
text-transform:none; |
text-align:left; |
} |
#cel-observation-contenu h1 a{ |
color:#CCC; |
} |
#cel-observation-contenu h1 #cel-observation-flux{ |
width:16px; |
height:20px; |
} |
#cel-observation-contenu img { |
border:0; |
padding:0; |
margin:0; |
} |
#cel-observation-contenu a, #cel-observation-contenu a:active, #cel-observation-contenu a:visited { |
border-bottom:1px dotted #666; |
color:#CCC; |
text-decoration:none; |
background-image:none; |
} |
#cel-observation-contenu a:active { |
outline:none; |
} |
#cel-observation-contenu a:focus { |
outline:thin dotted; |
} |
#cel-observation-contenu a:hover { |
color:#56B80E; |
border-bottom:1px dotted #56B80E; |
} |
#cel-observation-date-generation{ |
text-align:right; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Général */ |
#cel-observation-contenu .discretion { |
color:grey; |
font-family:arial; |
font-size:11px; |
font-weight:bold; |
} |
#cel-observation-contenu .nettoyage { |
clear:both; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Galerie observations CEL */ |
#cel-observation-contenu .cel-observation { |
width:350px; |
float:left; |
padding:2px; |
border:1px solid white; |
} |
#cel-observation-contenu .cel-observation h2{ |
font-size:1em; |
} |
#cel-observation-contenu .cel-infos{ |
color:white; |
} |
/branches/v1.5-cisaille/widget/modules/observation/squelettes/observation.tpl.html |
---|
New file |
0,0 → 1,112 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
<html xmlns="http://www.w3.org/1999/xhtml"> |
<head> |
<title>Observations publiques du CEL - Tela Botanica</title> |
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> |
<meta http-equiv="Content-style-type" content="text/css" /> |
<meta http-equiv="Content-script-type" content="text/javascript" /> |
<meta http-equiv="Content-language" content="fr" /> |
<meta name="revisit-after" content="15 days" /> |
<meta name="robots" content="index,follow" /> |
<meta name="author" content="Jean-Pascal MILCENT, Grégoire DUCHÉ" /> |
<meta name="keywords" content="Tela Botanica, observation, CEL" /> |
<meta name="description" content="Widget de présentation des dernières observations publiées sur le Carnet en Ligne de Tela Botanica" /> |
<!-- Spécial mobile --> |
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> |
<!-- Favicones --> |
<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" /> |
<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" /> |
<!-- Feuilles de styles --> |
<link rel="stylesheet" type="text/css" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" media="screen" /> |
<link rel="stylesheet" type="text/css" href="<?=$url_css?>observation.css" media="screen" /> |
<!-- Javascript : bibliothèques --> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.4.4/jquery-1.4.4.min.js"></script> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.js"></script> |
</head> |
<body> |
<!-- WIDGET:CEL:OBSERVATION - DEBUT --> |
<div id="cel-observation-contenu"> |
<?php if (isset($erreurs) || isset($informations)) : ?> |
<h1>Erreur & informations</h1> |
<p>Impossible d'afficher le flux.</p> |
<!-- Affichage des erreurs et messages d'information : --> |
<?php if ($erreurs) : ?> |
<?php foreach ($erreurs as $erreur) : ?> |
<p class="erreur"><?=$erreur;?></p> |
<?php endforeach; ?> |
<?php endif; ?> |
<?php if ($informations) : ?> |
<?php foreach ($informations as $information) : ?> |
<p class="info"><?=$information;?></p> |
<?php endforeach; ?> |
<?php endif; ?> |
<?php else : ?> |
<h1> |
Dernières observations du |
<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;"> |
CEL |
</a> |
<a href="<?=$flux_rss_url?>" id="cel-observation-flux" title="Suivre les observations" |
onclick="window.open(this.href);return false;"> |
<img src="http://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Suivre les observations" /> |
</a> |
</h1> |
<div id="cel-liste-observation"> |
<?php foreach ($items as $item) : ?> |
<div id="cel-observation-<?=$item['guid']?>" class="cel-observation" rel="<?=$item['guid']?>" > |
<img id="imPlus-<?=$item['guid']?>" width="10" height="10" |
name="imPlus-<?=$item['guid']?>" title="Voir les informations complémentaires" alt="+" |
src="http://www.tela-botanica.org/sites/commun/generique/images/plus.png" /> |
<img id="imMoins-<?=$item['guid']?>" width="10" height="10" class="imMoins" |
name="imMoins-<?=$item['guid']?>" title="Cacher les informations complémentaires" alt="+" |
src="http://www.tela-botanica.org/sites/commun/generique/images/moins.png" /> |
<strong> |
<a href="<?=$item['eflore_url']?>" onclick="window.open(this.href);return false;" |
title="Cliquez pour accéder à la fiche eFlore"> |
<?=$item['titre']?> |
</a> |
</strong><br /> |
<span class="cel-img-date">Publiée le <?=$item['date']?></span><br /> |
<div id="cel-info-<?=$item['guid']?>" class="cel-infos"> |
<?=$item['description']?> |
</div> |
</div> |
<?php endforeach; ?> |
</div> |
<p id="cel-observation-date-generation" class="discretion nettoyage">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></p> |
<script type="text/Javascript"> |
// Function pour cacher / afficher le détail des observations |
$(document).ready(function() { |
$('.cel-infos').hide(); |
$('.imMoins').hide(); |
$('.cel-observation').hover(function() { |
var id_obs = $(this).attr("rel"); |
$('#cel-info-'+id_obs).show(); |
$('#imPlus-'+id_obs).hide(); |
$('#imMoins-'+id_obs).show(); |
}, |
function() { |
var id_obs = $(this).attr("rel"); |
$('#cel-info-'+id_obs).hide(); |
$('#imPlus-'+id_obs).show(); |
$('#imMoins-'+id_obs).hide(); |
}); |
}); |
</script> |
<?php endif; ?> |
</div> |
<!-- WIDGET:CEL:OBSERVATION - FIN --> |
</body> |
</html> |
/branches/v1.5-cisaille/widget/modules/observation/squelettes/observation_ajax.tpl.html |
---|
New file |
0,0 → 1,75 |
<div id="cel-observation-contenu"> |
<?php if (isset($erreurs) || isset($informations)) : ?> |
<h1>Erreur & informations</h1> |
<p>Impossible d'afficher le flux.</p> |
<!-- Affichage des erreurs et messages d'information : --> |
<?php if ($erreurs) : ?> |
<?php foreach ($erreurs as $erreur) : ?> |
<p class="erreur"><?=$erreur;?></p> |
<?php endforeach; ?> |
<?php endif; ?> |
<?php if ($informations) : ?> |
<?php foreach ($informations as $information) : ?> |
<p class="info"><?=$information;?></p> |
<?php endforeach; ?> |
<?php endif; ?> |
<?php else : ?> |
<h1> |
Dernières observations du |
<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;"> |
CEL |
</a> |
<a href="<?=$flux_rss_url?>" id="cel-observation-flux" title="Suivre les observations" |
onclick="window.open(this.href);return false;"> |
<img src="http://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Suivre les observations" /> |
</a> |
</h1> |
<div id="cel-liste-observation"> |
<?php foreach ($items as $item) : ?> |
<div id="cel-observation-<?=$item['guid']?>" class="cel-observation" rel="<?=$item['guid']?>" > |
<img id="imPlus-<?=$item['guid']?>" width="10" height="10" |
name="imPlus-<?=$item['guid']?>" title="Voir les informations complémentaires" alt="+" |
src="http://www.tela-botanica.org/sites/commun/generique/images/plus.png" /> |
<img id="imMoins-<?=$item['guid']?>" width="10" height="10" class="imMoins" |
name="imMoins-<?=$item['guid']?>" title="Cacher les informations complémentaires" alt="+" |
src="http://www.tela-botanica.org/sites/commun/generique/images/moins.png" /> |
<strong> |
<a href="<?=$item['eflore_url']?>" onclick="window.open(this.href);return false;" |
title="Cliquez pour accéder à la fiche eFlore"> |
<?=$item['titre']?> |
</a> |
</strong><br /> |
<span class="cel-img-date">Publiée le <?=$item['date']?></span><br /> |
<div id="cel-info-<?=$item['guid']?>" class="cel-infos"> |
<?=$item['description']?> |
</div> |
</div> |
<?php endforeach; ?> |
</div> |
<p id="cel-observation-date-generation" class="discretion nettoyage">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></p> |
<script type="text/Javascript"> |
// Function pour cacher / afficher le détail des observations |
$(document).ready(function() { |
$('.cel-infos').hide(); |
$('.imMoins').hide(); |
$('.cel-observation').hover(function() { |
var id_obs = $(this).attr("rel"); |
$('#cel-info-'+id_obs).show(); |
$('#imPlus-'+id_obs).hide(); |
$('#imMoins-'+id_obs).show(); |
}, |
function() { |
var id_obs = $(this).attr("rel"); |
$('#cel-info-'+id_obs).hide(); |
$('#imPlus-'+id_obs).show(); |
$('#imMoins-'+id_obs).hide(); |
}); |
}); |
</script> |
<?php endif; ?> |
</div> |