Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 3629 → Rev 3630

/trunk/widget/modules/photo/config.defaut.ini
18,4 → 18,4
; Dossier où stocker les fichiers de cache du widget
stockageDossier = "/tmp"
; Durée de vie du fichier de cache
dureeDeVie = 86400
dureeDeVie = 86400
/trunk/widget/modules/photo/bibliotheque/Cache.php
125,4 → 125,4
return $accessible;
}
}
?>
?>
/trunk/widget/modules/photo/squelettes/css/popup.css
1,85 → 1,386
@CHARSET "UTF-8";
 
body {
color: black !important;
font-size: 16px !important;
font-weight: bold;
font-family: Arial,verdana,sans-serif;
#info-img-galerie {
display: flex;
justify-content: center;
height: 100vh;
}
 
.modal-open .modal {
/*overflow: hidden;*/
}
 
.modal-header {
padding: 1rem;
border: none;
position: fixed;
top: 20px;
right: 20px;
color: #fff;
font-size: 1.5rem;
z-index: 10;
}
 
.modal-header .close {
text-shadow: none;
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 1rem;
padding: 1px;
margin: 0;
position: fixed;
top: 2px;
right: 2px;
opacity: 1;
}
 
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
color: #918a6f;
background-color: rgba(0, 0, 0, 0.2);
box-shadow: none;
}
 
.modal-body {
padding: 0;
margin: 0;
min-height: 100vh;
}
 
.modal-dialog {
width: 100vw;
height: 100vh;
max-width: 100vw;
max-height: 100vh;
margin: 0;
padding: 0;
}
 
.modal-content {
max-height: 100vh;
min-height: 100vh;
border-radius: 0;
margin: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0.8);
border:none;
}
 
.carousel-inner {
display: flex;
align-items: center;
justify-content: center;
}
 
.carousel-item.active {
text-align: center;
}
 
.carousel-item.active img {
margin: auto;
}
 
.carousel-item img {
padding: 1rem;
max-height: 100vh;
max-width: 100vh;
}
 
.carousel-control {
background-color: rgba(0,0,0,0.2);
width: initial;
padding: 0 2%;
}
 
.carousel-control,
#info-img-galerie a {
font-size: 1.5rem;
color: #fff;
opacity: 1;
}
 
.carousel-control:hover,
#info-img-galerie a:hover {
color: #918a6f;
}
 
hr.nettoyage {
visibility:hidden;
visibility: hidden;
}
 
/*----------------------------------------------------------------------------------------------------------*/
/* Disposition */
#zone-pied {
text-align:center;
#boutons-footer {
position: absolute;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
}
#eflore_pied_page {
text-align:center;
 
#boutons-footer #bloc-fct .bouton-fct.actif {
color: #c3d45d;
}
#zone-debug {
background-color:grey;
color:white;
 
#bloc-fct {
padding: 1rem;
display: flex;
justify-content: center;
}
 
#bloc-fct .bouton-fct {
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
margin: 0;
}
 
#bloc-fct .bouton-fct:not(:last-child) {
margin-right: 5px;
}
 
#bloc-fct .bouton-fct:hover {
color: #918a6f;
}
 
#pivoter-photo a {
max-width: inherit;
padding: 1rem;
}
 
#volets-fct .btn#retour-metas {
position: fixed;
top: 2px;
left: 2px;
z-index: 10;
padding: 1px 5px;
font-size: 0.8rem;
margin: 0;
opacity: 1;
color: #fff;
background-color: rgba(0, 0, 0, 0.2);
text-shadow: none;
}
 
#volets-fct .btn#retour-metas:hover {
color: #918a6f;
}
 
#retour-galerie {
width: 100%;
margin: 0;
border: none !important;
border-radius: 0;
color: #fff;
background-color: rgba(0, 0, 0, 0.2);
}
 
#retour-galerie:hover {
color: #918a6f;
}
 
/*----------------------------------------------------------------------------------------------------------*/
/* Spécifiques popup : ILLUSTRATION */
#info-img .img-cadre {
text-align:center;
 
#volet {
position: relative;
background-color: #fff;
justify-content: center;
display: flex;
height: 100vh;
overflow: scroll;
}
#info-img img {
display:inline;
vertical-align:middle;
margin:0;
border:0;
border: 1px solid lightgrey;
padding:2px;
 
#bloc-infos-img {
position: fixed;
top: unset;
bottom: 0;
left: 0;
padding: 1.5rem;
z-index: 9;
text-align: center;
background-color: rgba(0, 0, 0, 0.5);
color: #fff !important;
font-weight: 400;
}
 
#bloc-infos-img a {
color: #fff;
bottom: unset;
left: unset;
}
 
#bloc-infos-img a:hover {
background-color: #918a6f;
}
 
/*----------------------------------------------------------------------------------------------------------*/
/* Spécifiques popup : GALERIE */
#info-img-galerie .conteneur-precedent {
float:left;
width:50px;
position: absolute;
top: 50%;
 
#volets-fct {
padding: 0 1rem;
}
 
#info-img-galerie .conteneur-suivant {
#volets-fct h2 {
text-align: center;
padding: 1rem;
}
 
#volets-fct h2:not(:first-child) {
margin-top: 1rem;
}
 
#volets-fct li {
position: relative;
padding: 0.5rem 0;
}
 
#print_content #volet #volets-fct .btn.btn-outline-secondary:not(#plus-meta),
#print_content #volet #volets-fct .btn.btn-success,
#print_content #volet #volets-fct .btn.btn-warning {
border: 0 none !important;
}
 
#volets-fct .bouton {
position: absolute;
top: 50%;
right:10px;
width:50px;
float:right;
right: 0.5rem;
top: 0.25rem;
margin: 0;
}
 
#info-img-galerie .conteneur-precedent #precedent, #info-img-galerie .conteneur-suivant #suivant {
position:relative;
top:50%;
font-size:1.3em;
border:none;
#volets-fct .afficher-plus {
cursor: pointer;
border-bottom: 1px solid;
border-bottom: .1rem solid;
color: #918a6f;
font-weight: 400;
}
 
#info-img-galerie .conteneur-suivant #suivant {
float:right;
text-align:right;
#volets-fct .afficher-plus:hover {
color: #000;
}
 
#info-img-galerie .img-cadre {
float:left;
left: 60px;
position: absolute;
height:100%;
#volets-fct .btn:not(.btn-outline-secondary),
#volets-fct .btn-outline-secondary:hover {
color: #fff;
}
 
#info-img-galerie #lien-voir-meta {
#volets-fct #boutons-reseaux-sociaux {
display: flex;
justify-content: space-evenly;
}
 
#volets-fct #boutons-reseaux-sociaux a {
border: none;
}
 
#volets-fct #boutons-reseaux-sociaux a:not(:last-child) {
margin-right: 5px;
}
 
#tags-pf-supp {
min-height: 5rem;
}
 
#volets-fct #bloc-tags .tag {
color: #606060;
border: 1px solid transparent;
border-radius: 2rem;
-moz-box-shadow: 0.5px 1.5px 1.5px #606060;
-webkit-box-shadow: 0.5px 1.5px 1.5px #606060;
box-shadow: 0.5px 1.5px 1.5px #606060;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
margin-right: 5px;
}
 
#volets-fct #bloc-tags .tag:hover,
#volets-fct #bloc-tags .tag:active,
#volets-fct #bloc-tags .tag:focus,
#volets-fct #bloc-tags .tag.actif {
color: #92ad27;
border:1px solid #d9d9d9;
-moz-box-shadow: 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
}
 
#volets-fct #bloc-tags .tag.actif {
color: #fff;
background-color: #c3d45d;
}
 
#volets-fct #bloc-tags .tag.actif:hover,
#volets-fct #bloc-tags .tag.actif:active,
#volets-fct #bloc-tags .tag.actif:focus {
background-color: #92ad27;
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
}
 
#volets-fct #bloc-tags .tag:not(.actif) .fermer {
color: transparent;
display: none;
}
 
#volets-fct #bloc-tags .tag.actif .fermer {
color:#fff;
display: inline;
}
 
#volets-fct #bloc-tags .tag.actif:hover .fermer,
#volets-fct #bloc-tags .tag.actif:active .fermer,
#volets-fct #bloc-tags .tag.actif:focus .fermer {
color: #c3d45d;
}
 
#tags-auteur {
min-height: 3rem;
border:1px dotted #606060;
padding: 1rem;
margin-bottom: 1rem;
border-radius: 0.2rem
}
 
.nettoyage-volet {
padding: 1.5rem;
width: 100%;
opacity: 0;
text-align: center;
font-weight: 400;
}
 
#bloc-infos-img {
position: absolute;
bottom: 10px;
left: 60px;
.nettoyage-volet.bas {
margin-top: 1rem;
}
 
/*----------------------------------------------------------------------------------------------------------*/
@media screen and ( max-width: 991px ) {
#bloc-infos-img {
top: 0;
width: 100vw;
bottom: unset;
}
 
#boutons-footer {
width: 100vw;
right: unset;
}
 
#boutons-footer .bouton-fct {
font-size: 0.8rem;
}
 
.nettoyage-volet.bas {
min-height: 5.5rem;
}
#bloc-fct {
padding: 0.5rem;
}
}
 
 
@media screen and ( max-width: 768px ) {
#info-img-galerie a {
font-size: 0.8rem;
}
}
 
/trunk/widget/modules/photo/squelettes/css/photo.css
1,112 → 1,174
@charset "UTF-8";
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Widget */
.cel-photo-contenu{
position:relative;
padding:0 5px;
margin:5px auto;
font-family:Arial,verdana,sans-serif;
background-color:#DDDDDD;
color:black;
 
.grid {
max-width: 100vw;
}
 
/* clearfix */
.grid:after {
content: '';
display: block;
clear: both;
}
 
.grid-item {
float: left;
position: relative;
margin: 0.5vw;
}
 
.cel-photo .cel-infos {
position: absolute;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 1rem;
background: rgba(255,255,255,0.5);
text-align: center;
font-weight: 400 !important;
font-size: 0.5rem;
}
 
.cel-infos,
.cel-infos a {
color: #606060;
}
 
.cel-photo-contenu h1 {
margin:5px !important;
padding:0 !important;
font-size:16px !important;
color:black !important;
background-color:transparent !important;
background-image:none !important;
text-transform:none !important;
text-align:left !important;
text-align: center;
padding: 15px;
}
.cel-photo-contenu h1 a{
color: #AAAAAA !important
 
.cel-photo a,
.cel-photo a img {
height: 100%;
width: 100%;
}
.cel-photo-contenu h1 a:hover {
color:#56B80E !important;
border-bottom:1px dotted #56B80E;
 
.cel-photo-contenu {
margin: 0 auto;
max-width: 100%;
}
.cel-photo-contenu h1 .cel-photo-flux{
width:16px;
height:20px;
 
.cel-photo-contenu .discretion {
color: grey;
font-size: 0.8rem;
font-weight: 700;
}
.cel-photo-contenu img {
border:0 !important;
padding:0 !important;
margin:0 !important;
 
.cel-photo-contenu .nettoyage {
clear: both;
}
.cel-photo-contenu a, .cel-photo-contenu a:active, .cel-photo-contenu a:visited {
border-bottom:1px dotted #666;
color: black;
text-decoration:none;
background-image:none;
 
.cel-photo-pieds {
padding: 1rem;
}
.cel-photo-contenu a:active {
outline:none;
 
.cel-photo-contenu .cel-photo .cel-infos .close,
.cel-photo .bouton-afficher-infos {
position: absolute;
top: 3px;
right: 3px;
height: initial;
width: initial;
padding: 0.1rem 0.2rem;
}
.cel-photo-contenu a:focus {
outline:thin dotted;
 
.cel-photo-contenu .cel-photo .cel-infos .close,
.cel-photo-contenu .cel-photo .cel-infos .close:hover {
font-size: 0.5rem;
text-decoration: none;
border: none;
color: #606060;
}
.cel-photo-contenu a:hover {
color:#56B80E;
border-bottom:1px dotted #56B80E;
 
.cel-photo .bouton-afficher-infos {
font-size: 1rem;
}
.cel-photo-date-generation{
float:right;
font-size:8px;
 
.cel-photo .bouton-afficher-infos i {
color:#ffc107;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Général */
.cel-photo-contenu .discretion {
color:grey;
font-family:arial;
font-size:11px;
font-weight:bold;
 
.cel-photo .bouton-afficher-infos:hover i {
background-color: #ffc107;
color: #fff;
}
.cel-photo-contenu .nettoyage {
clear:both;
 
/*---------------------------------------------*/
 
.form-recherche {
position: relative;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Galerie Photos CEL */
.cel-photo-contenu .cel-photo a{
float:left;
padding:2px;
border:1px solid white;
 
.form-recherche .bloc-recherche .recherche {
width: auto;
display: inline-block;
}
.cel-photo-contenu .cel-photo a:hover{
border:1px dotted #FD8C13;
 
.form-recherche .bloc-recherche .bouton-rechercher,
.form-recherche .bloc-recherche .bouton-plus-filtres {
border: 0 none;
}
.cel-photo-contenu .cel-photo a img{
float:left;
width:63px;
height:63px;
 
.form-recherche .bloc-recherche .bouton-rechercher,
.form-recherche .bloc-recherche .bouton-rechercher:hover,
.form-recherche .bloc-recherche .bouton-plus-filtres:hover {
color: #fff;
}
.cel-photo-contenu .cel-photo-extra a img{
height:auto;
 
.form-recherche .autres-filtres {
position: absolute;
padding: 0.5rem;
margin: 0.5rem 0;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 0.25rem;
top: 80%;
z-index: 9;
}
.cel-photo-contenu .cel-infos {
display:none;
 
.form-recherche .autres-filtres .bloc-filtre {
padding: 0.5rem;
margin: 0.5rem;
color: #fff;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Diaporama */
.cel-legende{
text-align:left;
 
.form-recherche .autres-filtres .btn.bouton-fermer-filtres {
position: absolute;
top: 0;
right: 0;
margin: 0;
color: #fff;
cursor: pointer;
z-index: 10;
}
.cel-legende-vei{
float:right;
 
@media screen and ( max-width: 991px ) {
.form-recherche .autres-filtres {
position: fixed;
border-radius: 0;
margin: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9;
overflow: scroll;
}
 
.form-recherche .bloc-recherche .recherche {
width: 100vw;
}
 
.form-recherche .bouton-plus-filtres .moins {
display: none;
}
}
.cel-legende p{
color:black;
font-size:12px;
margin:5px 0;
 
@media screen and ( max-width: 768px ) {
.cel-photo .cel-infos {
display: none;
}
}
.cel-legende a, .cel-legende a:active, .cel-legende a:visited {
border-bottom:1px dotted gainsboro;
color:#333;
text-decoration:none;
background-image:none;
}
.cel-legende a:hover {
color:#56B80E;
border-bottom:1px dotted #56B80E;
}
/trunk/widget/modules/photo/squelettes/css/contact.css
1,17 → 1,80
.error {
color: red;
}
 
#tpl-form-contact {
width: 350px;
max-height: 100vh;
padding: 15px;
margin: auto;
border-radius: 0.25rem;
background-color: #fff;
overflow: auto;
}
 
input, textarea {
max-width: 100%;
width: 100% !important;
#tpl-form-contact #fc_message,
#tpl-form-contact .form-group input {
font-size: 0.8rem;
}
 
textarea {
height: 185px !important;
#tpl-form-contact .form-group input.btn,
#tpl-form-contact .form-group #fc_annuler {
border: 0 none;
font-size: 1rem;
font-weight: 400;
text-shadow: none;
opacity: 1;
color: #fff;
margin: 0;
margin-bottom: 0.25rem;
box-shadow: none;
}
 
.error {
color: red;
}
#tpl-form-contact .form-group #fc_annuler {
background-color: #ff5d55;
transition: background .2s ease;
}
 
#tpl-form-contact .form-group #fc_annuler:hover {
background-color: #ff847e;
}
 
#tpl-form-contact #fc_message {
min-height: 200px;
}
 
@media screen and ( max-width: 991px ) {
#tpl-form-contact {
max-height: 100vh;
width: 100vw;
position: fixed;
border-radius: 0;
background-color: transparent;
top: 0;
right: 0;
left: 0;
z-index: 9;
overflow: scroll;
margin: auto;
padding-top: 5vh;
}
 
#tpl-form-contact h2 {
max-width: 100%;
margin: 0 auto;
width: 350px;
color: #fff;
text-align: center;
}
 
#tpl-form-contact #form-contact {
max-width: 100%;
width: 350px;
margin: auto;
padding: 15px;
}
 
#tpl-form-contact #form-contact label {
color: #fff;
}
}
/trunk/widget/modules/photo/squelettes/photo.tpl.html
2,12 → 2,12
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Photographies 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="Tela Botanica" />
26,8 → 26,8
echo '<meta property="og:image" content="' . $izUrl . '" />';
} else {
echo '<meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />'
.'<meta property="og:image:type" content="image/png" />'
.'<meta property="og:image:width" content="256" />'
.'<meta property="og:image:type" content="image/png" />'
.'<meta property="og:image:width" content="256" />'
.'<meta property="og:image:height" content="256" />';
}
?>
35,39 → 35,65
 
<!-- Spécial mobile -->
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 
<!-- Favicones -->
<link rel="icon" type="image/png" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.png" />
<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
<!-- Jquery-ui custom css-->
<link href="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
<!-- Fontawesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
 
<!-- Feuilles de styles -->
<link rel="stylesheet" type="text/css" href="https://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?>photo.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo $url_css; ?>photo.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo $url_css; ?>popup.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo $url_css; ?>contact.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo $url_css; ?>photoCommun.css" media="screen" />
<style type="text/css">
html {
overflow:hidden;
<?php $dimention_basique = floor(93/$colonne);?>
#cel-photo-contenu<?php echo $id; ?> .grid-sizer,
#cel-photo-contenu<?php echo $id; ?> .grid-item {
width: <?php echo $dimention_basique; ?>vw;
}
body{
overflow:hidden;
padding:0;
margin:0;
width:100%;
height:100%;
background-color:#DDDDDD;
color:black;
 
#cel-photo-contenu<?php echo $id; ?> .grid-item {
height: <?php echo $dimention_basique; ?>vw;
}
#cel-photo-contenu<?=$id?>, #cel-galerie-photo<?=$id?>{
width:<?=(($colonne * 69))?>px;
 
#cel-photo-contenu<?php echo $id; ?> .grid-item--width2 {
width: <?php echo ($dimention_basique*2)+1; ?>vw;
}
#cel-galerie-photo<?=$id?> #cel-photo-extra<?=$id?> img{
width:<?=(($colonne * 69)-6)?>px;
 
#cel-photo-contenu<?php echo $id; ?> .grid-item--height2 {
height: <?php echo number_format((($dimention_basique*2)+0.99),2); ?>vw;
}
</style>
<!-- Javascript : bibliothèques -->
<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.6/jquery-1.6.min.js"></script>
<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.js"></script>
<!-- Jquery -->
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/1.11.1/jquery-1.11.1.min.js"></script>
 
<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/jquery-ui.min.js"></script>
<!-- Jquery Plugins -->
<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/jquery.validate.min.js"></script>
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/additional-methods.min.js"></script>
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/messages_fr.js"></script>
<!-- Jquery Form :nécessaire pour l'upload des images -->
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
<!-- Bootstrap -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<!-- Masonry -->
<script src="<?php echo $url_js; ?>masonry.pkgd.js"></script>
<!-- Script WidgetPhoto -->
<script type="text/Javascript" src="<?php echo $url_js; ?>WidgetPhotoCommun.js"></script>
<script type="text/Javascript" src="<?php echo $url_js; ?>WidgetPhoto.js"></script>
<script type="text/javascript" src="<?php echo $url_js; ?>WidgetPhotoPopup.js"></script>
<script type="text/javascript" src="<?php echo $url_js; ?>WidgetPhotoContact.js"></script>
 
<!-- Google Analytics -->
<?php if($prod): ?>
<?php include "analytics.html"; ?>
75,7 → 101,7
</head>
<body>
<!-- WIDGET:CEL:PHOTO - DEBUT -->
<div id="cel-photo-contenu<?=$id?>" class="cel-photo-contenu">
<div id="cel-photo-contenu<?php echo $id; ?>" class="cel-photo-contenu">
<?php if (isset($erreurs) || isset($informations)) : ?>
<h1>Erreur &amp; informations</h1>
<p>Impossible d'afficher le flux.</p>
82,127 → 108,200
<!-- Affichage des erreurs et messages d'information : -->
<?php if ($erreurs) : ?>
<?php foreach ($erreurs as $erreur) : ?>
<p class="erreur"><?=$erreur;?></p>
<p class="erreur"><?php echo $erreur; ?></p>
<?php endforeach; ?>
<?php endif; ?>
 
<?php if ($informations) : ?>
<?php foreach ($informations as $information) : ?>
<p class="info"><?=$information;?></p>
<p class="info"><?php echo $information; ?></p>
<?php endforeach; ?>
<?php endif; ?>
<?php else : ?>
<h1>
<? if (!empty($titre)) : ?>
<?=$titre?>
<? endif ; ?>
<? if($icone_rss) : ?>
<a href="<?=$flux_rss_url?>"
class="cel-photo-flux"
title="Suivre les images"
<?php if (!empty($titre)) : ?>
<?php echo $titre; ?>
<?php endif ; ?>
<?php if($icone_rss) : ?>
<a href="<?php echo $flux_rss_url; ?>"
class="cel-photo-flux"
title="Suivre les images"
onclick="window.open(this.href);return false;">
<img src="https://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Suivre les images" />
</a>
<? endif; ?>
<?php endif; ?>
</h1>
<div id="cel-galerie-photo<?=$id?>">
<?php foreach ($items as $item) : ?>
<div class="cel-photo">
<a href="<?=sprintf($item['url_tpl'], 'XL')?>" class="cel-img" title="<?=$item['titre']?> - Publiée le <?=$item['date']?> - GUID : <?=$item['guid']?>" rel="galerie-princ<?=$id?>">
<img src="<?=sprintf($item['url_tpl'], 'CRX2S')?>" alt="<?=$item['titre']?>"/>
</a>
<div id="cel-info-<?=$item['guid']?>" class="cel-infos">
<strong>
<?php if ($item['eflore_url'] != '#' && $item['eflore_url'] != '') { ?>
<a class="cel-img-titre" href="<?=$item['eflore_url']?>"
onclick="window.open(this.href);return false;"
title="Cliquez pour accéder à la fiche eFlore">
<?=$item['infos']['nom_sci']?>
</a> par
<a class="cel-img-contact"
href="?mode=contact&nn=<?= urlencode($item['infos']['nn']) ;?>&nom_sci=<?= urlencode($item['infos']['nom_sci']) ;?>&date=<?= urlencode($item['infos']['date']) ;?>&id_image=<?= $item['guid']; ?>"
title="Cliquez pour contacter l'auteur de la photo">
<?=$item['infos']['auteur']?>
</a>
à <?= $item['infos']['localite'] ?>
le <?=$item['infos']['date']?>
<?php } else { ?>
<?=$item['titre']?>
<?php } ?>
</strong><br />
<span class="cel-img-date">Publiée le <?=$item['date']?></span>
</div>
</div>
<?php endforeach; ?>
<?php if ($extra_actif) : ?>
<div id="cel-photo-extra<?=$id?>" class="cel-photo-extra cel-photo">
<a href="<?=sprintf($extra['url_tpl'], 'XL')?>" class="cel-img" title="<?=$extra['titre']?> - Publiée le <?=$extra['date']?> - GUID : <?=$extra['guid']?>" rel="galerie-princ<?=$id?>">
<img src="<?=sprintf($extra['url_tpl'], 'CRS')?>" alt="<?=$extra['titre']?>"/>
</a>
</div>
<form id="form-recherche<?php echo $id; ?>" class="form-recherche container" action="">
<div id="bloc-recherche<?php echo $id; ?>" class="bloc-recherche form-inline d-flex justify-content-center w-100">
<input type="text" id="champ-recherche<?php echo $id; ?>" name="champ-recherche<?php echo $id; ?>" class="recherche form-control mr-1" placeholder="Votre recherche">
<input type="hidden" id="filtres<?php echo $id; ?>" name="filtres<?php echo $id; ?>">
<a id="bouton-rechercher<?php echo $id; ?>" class="btn btn-success bouton-rechercher mr-1"><i class="fas fa-search"></i>&nbsp;Rechercher</a>
<a id="bouton-plus-filtres<?php echo $id; ?>" class="btn btn-outline-secondary bouton-plus-filtres">
<span class="plus">
<i class="fas fa-chevron-down"></i>&nbsp;Plus&nbsp;de&nbsp;filtres
</span>
<span class="moins hidden">
<i class="fas fa-chevron-up"></i>&nbsp;Fermer&nbsp;les&nbsp;filtres
</span>
</a>
</div>
<div id="autres-filtres<?php echo $id; ?>" class="autres-filtres row hidden">
<a id="bouton-fermer-filtres<?php echo $id; ?>" class="btn bouton-fermer-filtres"><i class="fas fa-times"></i></a>
<div id="bloc-filtres-gauche" class="bloc-filtres bloc-filtres-gauche col-lg-6">
<div class="row bloc-taxon bloc-filtre">
<label for="taxon">Taxon</label>
<input type="text" id="taxon" name="taxon" class="form-control">
</div>
<div class="row bloc-referentiel bloc-filtre">
<label for="referentiel">Référentiel</label>
<select name="referentiel" id="referentiel" class="custom-select form-control referentiel">
<option value="bdtfxr" selected="selected" title="Trachéophytes de France métropolitaine">Métropole (index réduit)</option>
<option value="bdtfx" title="Trachéophytes de France métropolitaine">Métropole (BDTFX)</option>
<option value="bdtxa" title="Trachéophytes des Antilles">Antilles françaises (BDTXA)</option>
<option value="bdtre" title="Trachéophytes de La Réunion">Réunion (BDTRE)</option>
<option value="aublet" title="Guyane">Guyane (AUBLET2)</option>
<option value="florical" title="Nouvelle-Calédonie">Nouvelle-Calédonie (FLORICAL)</option>
<option value="isfan" title="Afrique du Nord">Afrique du Nord (ISFAN)</option>
<option value="apd" title="Afrique de l'Ouest et du Centre">Afrique de l'Ouest et du Centre (APD)</option>
<option value="lbf" title="Liban">Liban (LBF)</option>
<option value="autre" title="Autre/Inconnu">Autre/Inconnu</option>
</select>
</div>
<div class="bloc-periode bloc-filtre">
<label for="periode" class="d-block">Date (début-fin)</label>
<div class="form-row">
<div class="form-group mb-lg-0 mb-1 col">
<input type="date" id="periode-debut" name="periode-debut" class="form-control">
</div>
<div class="form-group mb-0 col">
<input type="date" id="periode-fin" name="periode-fin" class="form-control">
</div>
</div>
<input type="hidden" id="periode" name="periode">
</div>
<div class="row bloc-localite bloc-filtre">
<label for="localite">Localité</label>
<input type="text" id="localite" name="localite" class="form-control">
</div>
<div class="row bloc- bloc-filtre">
<label for="departement">Département</label>
<input type="text" id="departement" name="departement" class="form-control" placeholder="Numéros (séparés par des virgules)">
</div>
<div class="row bloc- bloc-filtre">
<label for="pays">Pays</label>
<input type="text" id="pays" name="pays" class="form-control">
</div>
</div>
<div id="bloc-filtres-droite" class="bloc-filtres bloc-filtres-droite col-lg-6">
<div class="row bloc- bloc-filtre">
<label for="auteur">Auteur</label>
<input type="text" id="auteur" name="auteur" class="form-control" placeholder="Nom, email">
</div>
<div class="row bloc- bloc-filtre">
<label for="programme">Programme</label>
<input type="text" id="programme" name="programme" class="form-control">
</div>
<div class="row bloc- bloc-filtre">
<label for="tags">Tags (tous)</label>
<input type="text" id="tags" name="tags" class="form-control">
</div>
<div class="list bloc-photos-affichees bloc-filtre mt-3">
<div class="form-check mt-3">
<input type="checkbox" id="non-standards" name="photos-affichees" class="non-standards form-check-input" value="non-standards">
<label for="non-standards" class="non-standards form-check-label">Afficher les photos des observations non "standards"</label>
</div>
<div class="form-check mt-3">
<input type="checkbox" id="indesirables" name="photos-affichees" class="indesirables form-check-input" value="indesirables">
<label for="indesirables" class="indesirables form-check-label">Afficher les photos signalées comme indésirables</label>
</div>
<div class="form-check mt-3">
<input type="checkbox" id="smartphone-anonyme" name="photos-affichees" class="smartphone-anonyme form-check-input" value="smartphone-anonyme">
<label for="smartphone-anonyme" class="smartphone-anonyme form-check-label">Afficher les photos des observations smartphone anonyme</label>
</div>
</div>
</div>
</div>
</form>
<div id="cel-galerie-photo<?php echo $id; ?>" class="cel-galerie-photo">
<div class="grid-sizer"></div>
<?php foreach ($items as $i => $item) : ?>
<?php
$dimention_img = 'CRS';
$class_extra = '';
?>
<?php if ( $i === 0 && $extra_actif ) : ?>
<?php
$dimention_img = 'CRL';
$class_extra = ' grid-item--width2 grid-item--height2';
?>
<?php endif; ?>
<div class="cel-photo grid-item <?php echo $class_extra; ?>">
<a href="<?php echo sprintf($item['url_tpl'], 'O'); ?>" class="cel-img" title="<?php echo $item['titre']; ?> - Publiée le <?php echo $item['date']; ?> - GUID : <?php echo $item['guid']; ?>" rel="galerie-princ<?php echo $id; ?>">
<img src="<?php echo sprintf($item['url_tpl'], $dimention_img); ?>" alt="<?php echo $item['titre']; ?>">
</a>
<div id="cel-info-<?php echo $item['guid']; ?>" class="cel-infos">
<strong>
<?php if ($item['eflore_url'] != '#' && $item['eflore_url'] != '') : ?>
<a class="cel-img-titre" href="<?php echo $item['eflore_url']; ?>"
onclick="window.open(this.href);return false;"
title="Cliquez pour accéder à la fiche eFlore">
<?php echo $item['infos']['nom_sci']; ?>
</a><br />
par
<a class="cel-img-contact"
href="?mode=contact&nn=<?php echo urlencode($item['infos']['nn']); ?>&nom_sci=<?php echo urlencode($item['infos']['nom_sci']); ?>&date=<?php echo urlencode($item['infos']['date']); ?>&id_image=<?php echo $item['guid']; ?>&auteur=<?php echo $item['infos']['auteur']; ?>"
title="Cliquez pour contacter l'auteur de la photo">
<?php echo $item['infos']['auteur']; ?>
</a>
<?php else : ?>
<?php echo $item['titre']; ?>
<?php endif; ?>
</strong>
</div>
</div>
<?php endforeach; ?>
 
</div>
<?php endif ?>
<p class="cel-photo-pieds discretion nettoyage">
<span class="cel-photo-source">
Source :
Source :
<a href="http://www.tela-botanica.org/page:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;">
CEL
</a>
</span>
<span class="cel-photo-date-generation">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></span>
<span class="cel-photo-date-generation">Au <?php echo strftime('%A %d %B %Y à %H:%M:%S'); ?></span>
</p>
<script type="text/Javascript">
//<![CDATA[
var utiliseFancybox = "<?= $utilise_fancybox; ?>";
if(utiliseFancybox) {
$('a.cel-img').attr('rel', 'galerie-princ<?=$id?>').fancybox({
transitionIn:'elastic',
transitionOut:'elastic',
speedIn :600,
speedOut:200,
overlayShow:true,
titleShow:true,
titlePosition:'inside',
titleFormat:function (titre, currentArray, currentIndex, currentOpts) {
var motif = /GUID : ([0-9]+)$/;
motif.exec(titre);
var guid = RegExp.$1;
var info = $('#cel-info-'+guid).clone().html();
var tpl =
'<div class="cel-legende">'+
'<p class="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+
(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+
'<\/div>';
return tpl;
}
});
} else {
$('a.cel-img').click(function(event) {
ouvrirFenetrePopup($(this));
event.preventDefault();
});
}
$(document).ready(function() {
$('a.cel-img-contact').live('click', function(event) {
event.preventDefault();
ouvrirFenetreContact($(this));
});
});
function ouvrirFenetrePopup(lienImage) {
var url = "?mode=popup&url_image="+lienImage.attr('href')+'&galerie_id=<?= $galerie_id ?>';
window.open(url, '', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(700)+', height='+(650));
}
function ouvrirFenetreContact(lienImage) {
var url = lienImage.attr("href");
window.open(url, '_blank', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(550));
}
//]]>
</script>
 
<?php endif; ?>
</div>
<!-- modale -->
<div id="fenetre-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="fenetre-modal-label" style="display: none;" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="fenetre-modal-label"></h5>
<button type="button" class="close btn btn-sm btn-secondary" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body row" id="print_content"></div>
<div class="modal-footer hidden"></div>
</div>
</div>
</div>
<!-- WIDGET:CEL:PHOTO - FIN -->
<script type="text/Javascript">
//<![CDATA[
var widgetProp = {
'id' : "<?php echo $id; ?>",
'galerieId' : "<?php echo $galerie_id; ?>"
};
 
$( document ).ready( function() {
photo = new WidgetPhoto( widgetProp );
photo.init();
});
//]]>
</script>
</body>
</html>
</html>
/trunk/widget/modules/photo/squelettes/contact.tpl.html
1,133 → 1,38
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Contacter l'auteur de l'image</title>
<link rel="stylesheet" type="text/css" href="<?=$url_css?>contact.css" media="screen" />
<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>
<link type="text/css" rel="stylesheet" href="https://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.css">
<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.8.1/jquery.validate.min.js"></script>
<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.8.1/messages_fr.js"></script>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
var donnees = new Array();
function envoyerCourriel() {
//console.log('Formulaire soumis');
if ($("#form-contact").valid()) {
var destinataireId = $("#fc_destinataire_id").attr('value');
var typeEnvoi = $("#fc_type_envoi").attr('value');
// l'envoi aux non inscrits passe par le service intermédiaire du cel
// qui va récupérer le courriel associé à l'image indiquée
var urlMessage = "http://api.tela-botanica.org/service:cel:celMessage/image/"+destinataireId;
var erreurMsg = "";
console.log($(this));
$.each($("#form-contact").serializeArray(), function (index, champ) {
var cle = champ.name;
cle = cle.replace(/^fc_/, '');
if (cle == 'sujet') {
champ.value += " - Carnet en ligne - Tela Botanica";
}
if (cle == 'message') {
champ.value += "\n--\n"+
"Ce message vous est envoyé par l'intermédiaire du widget photo "+
"du Carnet en Ligne du réseau Tela Botanica.\n"+
"http://www.tela-botanica.org/widget:cel:photo";
}
donnees[index] = {'name':cle,'value':champ.value};
});
$.ajax({
type : "POST",
cache : false,
url : urlMessage,
data : donnees,
beforeSend : function() {
$(".msg").remove();
},
success : function(data) {
$("#fc-zone-dialogue").append('<pre class="msg info">'+data.message+'</pre>');
},
error : function(jqXHR, textStatus, errorThrown) {
erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n";
reponse = jQuery.parseJSON(jqXHR.responseText);
if (reponse != null) {
$.each(reponse, function (cle, valeur) {
erreurMsg += valeur + "\n";
});
}
},
complete : function(jqXHR, textStatus) {
var debugMsg = '';
if (jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
if (debugInfos != null) {
$.each(debugInfos, function (cle, valeur) {
debugMsg += valeur + "\n";
});
}
}
if (erreurMsg != '') {
$("#fc-zone-dialogue").append('<p class="msg">'+
'Une erreur est survenue lors de la transmission de votre message.'+'<br />'+
'Vous pouvez signaler le disfonctionnement à <a href="'+
'mailto:cel-remarques@tela-botanica.org'+'?'+
'subject=Disfonctionnement du widget carto'+
"&body="+erreurMsg+"\nDébogage :\n"+debugMsg+
'">cel-remarques@tela-botanica.org</a>.'+
'</p>');
}
}
});
}
return false;
}
function initialiserFormulaireContact() {
$("#form-contact").validate({
rules: {
fc_sujet : "required",
fc_message : "required",
fc_utilisateur_courriel : {
required : true,
email : true}
}
});
$("#form-contact").live("submit", function(event) {
event.preventDefault();
envoyerCourriel();
});
$("#fc_annuler").live("click", function() {window.close();});
}
$(document).ready(function() {
initialiserFormulaireContact();
<!-- Squelette du formulaire de contact -->
<div id="tpl-form-contact">
<h2 class="mb-3">Message à <span class="destinataire"><?php echo $donnees['auteur']; ?></span>&nbsp;:</h2>
<form id="form-contact" method="post" action="">
<div id="fc-zone-dialogue" class="mb-3"></div>
<div class="form-group mb-3">
<label for="fc_sujet">Sujet</label>
<input type="text" id="fc_sujet" class="form-control" name="fc_sujet" value="<?php echo $donnees['sujet']; ?>">
</div>
<div class="form-group mb-3">
<label for="fc_message">Message</label>
<textarea id="fc_message" class="form-control form-control-lg" name="fc_message"><?php echo $donnees['message']; ?></textarea>
</div>
<div class="form-group mb-3">
<label for="fc_utilisateur_courriel" title="Utilisez le courriel avec lequel vous êtes inscrit à Tela Botanica">Votre courriel</label>
<input type="email" id="fc_utilisateur_courriel" class="form-control" name="fc_utilisateur_courriel" placeholder="mail@exemple.com">
</div>
<div class="form-group">
<input type="hidden" id="fc_destinataire_id" name="fc_destinataire_id" value="<?php echo $donnees['id_image']; ?>">
<input type="hidden" name="fc_type_envoi" id="fc_type_envoi" value="non-inscrit">
<input type="submit" id="fc_envoyer" class="btn btn-success form-control" value="Envoyer">
<input type="reset" id="fc_effacer" class="btn btn-warning form-control" value="Effacer">
<?php if( isset( $donnees['popup_url'] ) ): ?>
<a id="fc_annuler" class="popup_url btn btn-danger form-control annuler" data-popup_url="<?php echo $donnees['popup_url'].'&popup_url='.urlencode($donnees['popup_url']); ?>">Annuler</a>
<?php else : ?>
<button id="fc_annuler" type="button" class="close btn btn-danger form-control annuler" data-dismiss="modal" aria-label="Close">Annuler</button>
<?php endif; ?>
</div>
</form>
</div>
<script type="text/Javascript">
//<![CDATA[
$( document ).ready( function() {
contact = new WidgetPhotoContact();
contact.init();
});
//]]>
</script>
<!-- Squelette du formulaire de contact -->
<div id="tpl-form-contact">
<form id="form-contact" method="post" action="">
<div id="fc-zone-dialogue"></div>
<div>
<div><label for="fc_sujet">Sujet</label></div>
<div><input id="fc_sujet" name="fc_sujet" value="<?= $donnees['sujet'] ?>"/></div>
<div><label for="fc_message">Message</label></div>
<div><textarea id="fc_message" name="fc_message"><?= $donnees['message'] ?></textarea></div>
<div><label for="fc_utilisateur_courriel" title="Utilisez le courriel avec lequel vous êtes inscrit à Tela Botanica">Votre courriel</label></div>
<div><input id="fc_utilisateur_courriel" name="fc_utilisateur_courriel"/></div>
</div>
<p>
<input id="fc_destinataire_id" name="fc_destinataire_id" type="hidden" value="<?= $donnees['id_image'] ?>" />
<input type="hidden" name="fc_type_envoi" id="fc_type_envoi" value="non-inscrit" />
<input id="fc_annuler" type="button" value="Annuler">
<input id="fc_effacer" type="reset" value="Effacer">
<input id="fc_envoyer" type="submit" value="Envoyer" />
</p>
</form>
</div>
</body>
</html>
</script>
/trunk/widget/modules/photo/squelettes/photo_ajax.tpl.html
1,15 → 1,15
<!-- WIDGET:CEL:PHOTO - DEBUT -->
<div id="cel-photo-contenu<?=$id?>" class="cel-photo-contenu">
<div id="cel-photo-contenu<?php echo $id;?>" class="cel-photo-contenu">
<!-- Feuilles de styles -->
<style type="text/css">
#cel-photo-contenu<?=$id?>, #cel-galerie-photo<?=$id?>{
width:<?=(($colonne * 69))?>px;
#cel-photo-contenu<?php echo $id;?>, #cel-galerie-photo<?php echo $id;?>{
width:<?php echo (($colonne * 69));?>px;
}
#cel-galerie-photo<?=$id?> #cel-photo-extra<?=$id?> img{
width:<?=(($colonne * 69)-6)?>px;
#cel-galerie-photo<?php echo $id;?> #cel-photo-extra<?php echo $id;?> img{
width:<?php echo (($colonne * 69)-6);?>px;
}
</style>
 
<?php if (isset($erreurs) || isset($informations)) : ?>
<h1>Erreur &amp; informations</h1>
<p>Impossible d'afficher le flux.</p>
16,68 → 16,68
<!-- Affichage des erreurs et messages d'information : -->
<?php if ($erreurs) : ?>
<?php foreach ($erreurs as $erreur) : ?>
<p class="erreur"><?=$erreur;?></p>
<?php endforeach; ?>
<?php endif; ?>
<p class="erreur"><?php echo $erreur;?></p>
<?php endforeach;?>
<?php endif;?>
 
<?php if ($informations) : ?>
<?php foreach ($informations as $information) : ?>
<p class="info"><?=$information;?></p>
<?php endforeach; ?>
<?php endif; ?>
<p class="info"><?php echo $information;?></p>
<?php endforeach;?>
<?php endif;?>
<?php else : ?>
<h1>
<? if (!empty($titre)) : ?>
<?=$titre?>
<? endif ; ?>
<? if($icone_rss) : ?>
<a href="<?=$flux_rss_url?>"
class="cel-photo-flux"
title="Suivre les images"
<?php if (!empty($titre)) : ?>
<?php echo $titre;?>
<?php endif;?>
<?php if ($icone_rss) : ?>
<a href="<?php echo $flux_rss_url;?>"
class="cel-photo-flux"
title="Suivre les images"
onclick="window.open(this.href);return false;">
<img src="https://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Suivre les images" />
</a>
<? endif; ?>
<? endif;?>
</h1>
<div id="cel-galerie-photo<?=$id?>">
<div id="cel-galerie-photo<?php echo $id;?>">
<?php foreach ($items as $item) : ?>
<div class="cel-photo">
<a href="<?=sprintf($item['url_tpl'], 'XL')?>" class="cel-img" title="<?=$item['titre']?> - Publiée le <?=$item['date']?> - GUID : <?=$item['guid']?>" rel="galerie-princ<?=$id?>">
<img src="<?=sprintf($item['url_tpl'], 'CRX2S')?>" alt="<?=$item['titre']?>"/>
<a href="<?php echo sprintf($item['url_tpl'], 'XL');?>" class="cel-img" title="<?php echo $item['titre'];?> - Publiée le <?php echo $item['date'];?> - GUID : <?php echo $item['guid'];?>" rel="galerie-princ<?php echo $id;?>">
<img src="<?php echo sprintf($item['url_tpl'], 'CRX2S');?>" alt="<?php echo $item['titre'];?>"/>
</a>
<div id="cel-info-<?=$item['guid']?>" class="cel-infos">
<div id="cel-info-<?php echo $item['guid'];?>" class="cel-infos">
<strong>
<?php if ($item['eflore_url'] != '#' && $item['eflore_url'] != '') { ?>
<a class="cel-img-titre" href="<?=$item['eflore_url']?>"
onclick="window.open(this.href);return false;"
title="Cliquez pour accéder à la fiche eFlore">
<?=$item['infos']['nom_sci']?>
</a> par
<a class="cel-img-contact"
href="<?= $url_widget ?>?mode=contact&nn=<?= urlencode($item['infos']['nn']) ;?>&nom_sci=<?= urlencode($item['infos']['nom_sci']) ;?>&date=<?= urlencode($item['infos']['date']) ;?>&id_image=<?= $item['guid']; ?>"
title="Cliquez pour contacter l'auteur de la photo">
<?=$item['infos']['auteur']?>
</a>
<?php if (! empty($item['infos']['localite'])): ?>
à <?= $item['infos']['localite'] ?>
<?php endif; ?>
le <?=$item['infos']['date']?>
<?php } else { ?>
<?=$item['titre']?>
<?php } ?>
</strong><br />
<span class="cel-img-date">Publiée le <?=$item['date']?></span>
<?php if ($item['eflore_url'] != '#' && $item['eflore_url'] != '') : ?>
<a class="cel-img-titre" href="<?php echo $item['eflore_url'];?>"
onclick="window.open(this.href);return false;"
title="Cliquez pour accéder à la fiche eFlore">
<?php echo $item['infos']['nom_sci'];?>
</a> par
<a class="cel-img-contact"
href="<?php echo $url_widget;?>?mode=contact&nn=<?php echo urlencode($item['infos']['nn']);?>&nom_sci=<?php echo urlencode($item['infos']['nom_sci']);?>&date=<?php echo urlencode($item['infos']['date']);?>&id_image=<?php echo $item['guid'];?>"
title="Cliquez pour contacter l'auteur de la photo">
<?php echo $item['infos']['auteur'];?>
</a>
<?php if (! empty($item['infos']['localite'])) : ?>
à <?php echo $item['infos']['localite'];?>
<?php endif;?>
le <?php echo $item['infos']['date'];?>
<?php else : ?>
<?php echo $item['titre'];?>
<?php endif;?>
</strong><br>
<span class="cel-img-date">Publiée le <?php echo $item['date'];?></span>
</div>
</div>
<?php endforeach; ?>
<?php endforeach;?>
<?php if ($extra_actif) : ?>
<div id="cel-photo-extra<?=$id?>" class="cel-photo cel-photo-extra">
<a href="<?=sprintf($extra['url_tpl'], 'XL')?>" class="cel-img" title="<?=$extra['titre']?> - Publiée le <?=$extra['date']?> - GUID : <?=$extra['guid']?>" rel="galerie-princ<?=$id?>">
<img src="<?=sprintf($extra['url_tpl'], 'CRS')?>" alt="<?=$extra['titre']?>"/>
<div id="cel-photo-extra<?php echo $id;?>" class="cel-photo cel-photo-extra">
<a href="<?php echo sprintf($extra['url_tpl'], 'XL');?>" class="cel-img" title="<?php echo $extra['titre'];?> - Publiée le <?php echo $extra['date'];?> - GUID : <?php echo $extra['guid'];?>" rel="galerie-princ<?php echo $id;?>">
<img src="<?php echo sprintf($extra['url_tpl'], 'CRS');?>" alt="<?php echo $extra['titre'];?>"/>
</a>
</div>
</div>
<?php endif ?>
<?php endif;?>
<p class="cel-photo-pieds discretion nettoyage">
<span class="cel-photo-source">
Source :
85,17 → 85,17
CEL
</a>
</span>
<span class="cel-photo-date-generation">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></span>
<span class="cel-photo-date-generation">Au <?php echo strftime('%A %d %B %Y à %H:%M:%S');?></span>
</p>
<script type="text/Javascript">
//<![CDATA[
var utiliseFancybox = "<?= $utilise_fancybox; ?>";
if(utiliseFancybox) {
var utiliseFancybox = "<?php echo $utilise_fancybox;?>";
if(utiliseFancybox) {
$(document).ready(function() {
$('a.cel-img').attr('rel', 'galerie-princ<?=$id?>').fancybox({
$('a.cel-img').attr('rel', "galerie-princ<?php echo $id;?>").fancybox({
transitionIn:'elastic',
transitionOut:'elastic',
speedIn :600,
speedIn :600,
speedOut:200,
overlayShow:true,
titleShow:true,
105,9 → 105,9
motif.exec(titre);
var guid = RegExp.$1;
var info = $('#cel-info-'+guid).clone().html();
var tpl =
var tpl =
'<div class="cel-legende">'+
'<p class="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+
'<p class="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+
(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+
'<\/div>';
return tpl;
120,7 → 120,7
event.preventDefault();
});
}
 
$(document).ready(function() {
$('a.cel-img-contact').live('click', function(event) {
event.preventDefault();
127,13 → 127,13
ouvrirFenetreContact($(this));
});
});
 
function ouvrirFenetrePopup(lienImage) {
var url = "?mode=popup&url_image="+lienImage.attr('href')+'&galerie_id=<?= $galerie_id ?>';
var url = "?mode=popup&url_image="+lienImage.attr('href')+'&galerie_id=<?php echo $galerie_id;?>';
window.open(url, '', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(700)+', height='+(650));
}
 
 
function ouvrirFenetreContact(lienImage) {
var url = lienImage.attr("href");
window.open(url, '_blank', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(550));
140,6 → 140,6
}
//]]>
</script>
<?php endif; ?>
<?php endif;?>
</div>
<!-- WIDGET:CEL:PHOTO - FIN -->
<!-- WIDGET:CEL:PHOTO - FIN -->
/trunk/widget/modules/photo/squelettes/popup_nl.tpl.html
9,17 → 9,17
<body>
<script type="text/javascript">
//<![CDATA[
var urls = [<?= '"'.implode($urls, '","').'"'; ?>];
var urls = [<?= '"'.implode($urls, '","').'"'; ?>];
var infos_images = <?= json_encode($infos_images); ?>;
var indexImage = 0;
var urlImage = "<?= $url_image; ?>";
var tailleMax = 580;
 
function redimensionnerImage(objet) {
objet.removeAttr("width");
 
objet.removeAttr("width");
objet.removeAttr("height");
 
var hauteurImage = objet.height();
var largeurImage = objet.width();
var rapport = 1;
26,18 → 26,18
if(hauteurImage > largeurImage && hauteurImage > tailleMax) {
rapport = largeurImage/hauteurImage;
hauteurImage = 580;
 
largeurImage = hauteurImage*rapport;
$('#illustration').attr("height", hauteurImage);
$('#illustration').attr("width", largeurImage);
}
hauteurFleches = ((hauteurImage+90)/2);
hauteurFleches = ((hauteurImage+90)/2);
$('#info-img-galerie .conteneur-precedent').attr("top", hauteurFleches);
$('#info-img-galerie .conteneur-suivant').attr("top", hauteurFleches);
 
window.resizeTo(largeurImage+120,hauteurImage+120);
}
 
function imageSuivante() {
indexImage++;
if(indexImage >= urls.length) {
46,7 → 46,7
afficherTitreImage();
$('#illustration').attr('src', urls[indexImage]);
}
 
function imagePrecedente() {
indexImage--;
if(indexImage <= 0) {
55,7 → 55,7
afficherTitreImage();
$('#illustration').attr('src', urls[indexImage]);
}
 
function afficherTitreImage() {
item = infos_images[urls[indexImage]];
var titre = item['titre'];
65,11 → 65,11
'&date='+infos.date+
'&id_image='+item['guid'];
titre = '<a href="'+item['lien']+'">'+infos.nom_sci+'</a> '+
' door <a class="lien_contact" href="'+lienContact+'">'+infos.auteur+'</a> '+
' op '+infos.date+' ';
' door <a class="lien_contact" href="'+lienContact+'">'+infos.auteur+'</a> '+
' op '+infos.date+' ';
$('#bloc-infos-img').html(titre);
}
 
function decouperTitre(titre) {
var tab_titre = titre.split('[nn');
var nom_sci = tab_titre[0];
78,35 → 78,35
var tab_titre_fin = tab_titre_suite[1].split(' op ');
var utilisateur = tab_titre_fin[0];
var date = tab_titre_fin[1];
 
var titre_decoupe = {'nom_sci' : nom_sci, 'nn' : nn, 'date' : date, 'auteur' : utilisateur};
return titre_decoupe;
}
 
function ouvrirFenetreContact(lienImage) {
var url = lienImage.attr("href");
window.open(url, '_blank', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(550));
}
 
$(document).ready(function() {
$('#precedent').click(function() {
imagePrecedente();
});
 
$('#suivant').click(function() {
imageSuivante();
});
 
if(urlImage != "null" && urlImage != "") {
indexImage = Array.indexOf(urls, urlImage);
$('#illustration').attr('src', urls[indexImage]);
afficherTitreImage();
}
 
$('#illustration').load(function() {
redimensionnerImage($(this));
});
 
$("body").keydown(function(e) {
if(e.keyCode == 37) { // gauche
imagePrecedente();
115,10 → 115,10
imageSuivante();
}
});
 
$('.lien_contact').live('click', function(event) {
event.preventDefault();
ouvrirFenetreContact($(this));
ouvrirFenetreContact($(this));
});
});
//]]>
/trunk/widget/modules/photo/squelettes/photo_nl.tpl.html
2,12 → 2,12
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Publieke foto's 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="Tela Botanica" />
26,8 → 26,8
echo '<meta property="og:image" content="' . $izUrl . '" />';
} else {
echo '<meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />'
.'<meta property="og:image:type" content="image/png" />'
.'<meta property="og:image:width" content="256" />'
.'<meta property="og:image:type" content="image/png" />'
.'<meta property="og:image:width" content="256" />'
.'<meta property="og:image:height" content="256" />';
}
?>
35,11 → 35,11
 
<!-- Spécial mobile -->
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 
<!-- Favicones -->
<link rel="icon" type="image/png" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.png" />
<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
 
<!-- Feuilles de styles -->
<link rel="stylesheet" type="text/css" href="https://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?>photo.css" media="screen" />
63,7 → 63,7
width:<?=(($colonne * 69)-6)?>px;
}
</style>
 
<!-- Javascript : bibliothèques -->
<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.6/jquery-1.6.min.js"></script>
<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.js"></script>
85,7 → 85,7
<p class="erreur"><?=$erreur;?></p>
<?php endforeach; ?>
<?php endif; ?>
 
<?php if ($informations) : ?>
<?php foreach ($informations as $information) : ?>
<p class="info"><?=$information;?></p>
97,9 → 97,9
<?=$titre?>
<? endif ; ?>
<? if($icone_rss) : ?>
<a href="<?=$flux_rss_url?>"
class="cel-photo-flux"
title="Afbeeldingen volgen"
<a href="<?=$flux_rss_url?>"
class="cel-photo-flux"
title="Afbeeldingen volgen"
onclick="window.open(this.href);return false;">
<img src="https://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Afbeeldingen volgen" />
</a>
115,17 → 115,17
<strong>
<?php if ($item['eflore_url'] != '#' && $item['eflore_url'] != '') { ?>
<a class="cel-img-titre" href="<?=$item['eflore_url']?>"
onclick="window.open(this.href);return false;"
onclick="window.open(this.href);return false;"
title="Klik hier om toegang te krijgen tot de eFlore fiche">
<?=$item['infos']['nom_sci']?>
</a> door
<a class="cel-img-contact"
href="?mode=contact&nn=<?= urlencode($item['infos']['nn']) ;?>&nom_sci=<?= urlencode($item['infos']['nom_sci']) ;?>&date=<?= urlencode($item['infos']['date']) ;?>&id_image=<?= $item['guid']; ?>&lang=nl"
</a> door
<a class="cel-img-contact"
href="?mode=contact&nn=<?= urlencode($item['infos']['nn']) ;?>&nom_sci=<?= urlencode($item['infos']['nom_sci']) ;?>&date=<?= urlencode($item['infos']['date']) ;?>&id_image=<?= $item['guid']; ?>&lang=nl"
title="Klik hier om contact op te nemen met de auteur van de foto">
<?=$item['infos']['auteur']?>
</a>
te <?= $item['infos']['localite'] ?>
op <?=$item['infos']['date']?>
op <?=$item['infos']['date']?>
<?php } else { ?>
<?=$item['titre']?>
<?php } ?>
153,12 → 153,12
</p>
<script type="text/Javascript">
//<![CDATA[
var utiliseFancybox = "<?= $utilise_fancybox; ?>";
var utiliseFancybox = "<?= $utilise_fancybox; ?>";
if(utiliseFancybox) {
$('a.cel-img').attr('rel', 'galerie-princ<?=$id?>').fancybox({
transitionIn:'elastic',
transitionOut:'elastic',
speedIn :600,
speedIn :600,
speedOut:200,
overlayShow:true,
titleShow:true,
168,7 → 168,7
motif.exec(titre);
var guid = RegExp.$1;
var info = $('#cel-info-'+guid).clone().html();
var tpl =
var tpl =
'<div class="cel-legende">'+
'<p class="cel-legende-vei">'+'Beeld nr.' + (currentIndex + 1) + ' op ' + currentArray.length +'<\/p>'+
(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+
182,7 → 182,7
event.preventDefault();
});
}
 
$(document).ready(function() {
$('a.cel-img-contact').live('click', function(event) {
event.preventDefault();
189,12 → 189,12
ouvrirFenetreContact($(this));
});
});
 
function ouvrirFenetrePopup(lienImage) {
var url = "?mode=popup&url_image="+lienImage.attr('href')+'&galerie_id=<?= $galerie_id ?>';
window.open(url, '', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(700)+', height='+(650));
}
 
function ouvrirFenetreContact(lienImage) {
var url = lienImage.attr("href");
window.open(url, '_blank', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(550));
/trunk/widget/modules/photo/squelettes/popup.tpl.html
1,145 → 1,300
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="<?=$url_css?>popup.css" media="screen" />
<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.6/jquery-1.6.min.js"></script>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
var urls = [<?= '"'.implode($urls, '","').'"'; ?>];
var infos_images = <?= json_encode($infos_images); ?>;
var indexImage = 0;
var urlImage = "<?= $url_image; ?>";
var tailleMax = 580;
function redimensionnerImage(objet) {
objet.removeAttr("width");
objet.removeAttr("height");
var hauteurImage = objet.height();
var largeurImage = objet.width();
var rapport = 1;
if(hauteurImage > largeurImage && hauteurImage > tailleMax) {
rapport = largeurImage/hauteurImage;
hauteurImage = 580;
largeurImage = hauteurImage*rapport;
$('#illustration').attr("height", hauteurImage);
$('#illustration').attr("width", largeurImage);
}
hauteurFleches = ((hauteurImage+90)/2);
$('#info-img-galerie .conteneur-precedent').attr("top", hauteurFleches);
$('#info-img-galerie .conteneur-suivant').attr("top", hauteurFleches);
window.resizeTo(largeurImage+120,hauteurImage+120);
}
function imageSuivante() {
indexImage++;
if(indexImage >= urls.length) {
indexImage = 0;
}
afficherTitreImage();
$('#illustration').attr('src', urls[indexImage]);
}
function imagePrecedente() {
indexImage--;
if(indexImage <= 0) {
indexImage = urls.length - 1;
}
afficherTitreImage();
$('#illustration').attr('src', urls[indexImage]);
}
function afficherTitreImage() {
item = infos_images[urls[indexImage]];
var titre = item['titre'];
var infos = decouperTitre(titre);
var lienContact = '<?= $url_widget ?>?mode=contact&nn='+infos.nn+
'&nom_sci='+infos.nom_sci+
'&date='+infos.date+
'&id_image='+item['guid'];
titre = '<a href="'+item['lien']+'">'+infos.nom_sci+'</a> '+
' par <a class="lien_contact" href="'+lienContact+'">'+infos.auteur+'</a> '+
' le '+infos.date+' ';
$('#bloc-infos-img').html(titre);
}
function decouperTitre(titre) {
var tab_titre = titre.split('[nn');
var nom_sci = tab_titre[0];
var tab_titre_suite = tab_titre[1].split(' par ');
var nn = '[nn'+tab_titre_suite[0];
var tab_titre_fin = tab_titre_suite[1].split(' le ');
var utilisateur = tab_titre_fin[0];
var date = tab_titre_fin[1];
var titre_decoupe = {'nom_sci' : nom_sci, 'nn' : nn, 'date' : date, 'auteur' : utilisateur};
return titre_decoupe;
}
function ouvrirFenetreContact(lienImage) {
var url = lienImage.attr("href");
window.open(url, '_blank', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(550));
}
$(document).ready(function() {
$('#precedent').click(function() {
imagePrecedente();
});
$('#suivant').click(function() {
imageSuivante();
});
if(urlImage != "null" && urlImage != "") {
indexImage = Array.indexOf(urls, urlImage);
$('#illustration').attr('src', urls[indexImage]);
afficherTitreImage();
}
$('#illustration').load(function() {
redimensionnerImage($(this));
});
$("body").keydown(function(e) {
if(e.keyCode == 37) { // gauche
imagePrecedente();
}
else if(e.keyCode == 39) { // droite
imageSuivante();
}
});
$('.lien_contact').live('click', function(event) {
event.preventDefault();
ouvrirFenetreContact($(this));
});
});
//]]>
</script>
<div id="bloc-infos-img"></div>
<div id="volet" class="col-lg-4 col-12">
<div id="volets-fct">
<a id="retour-metas" class="btn hidden" data-volet="meta"><i class="fas fa-info-circle"></i>&nbsp;<i class="fas fa-angle-double-left"></i></a>
<div class="nettoyage-volet haut"></div>
<div id="bloc-tags" class="bloc-volet tags hidden" data-volet="tags">
<h2>Tags</h2>
<h3>Tags CEL (propres à l'auteur)</h3>
<form id="form-tags-auteur">
<input type="text" name="null" id="tags-auteur" placeholder="Aucun tag ajouté par l'auteur de l'observation" disabled>
</form>
<h3>Tags Pictoflora</h3>
<div id="tags-pf">
<a id="port" class="btn tag">Port</a><!--
--><a id="fleur" class="btn tag">Fleur</a><!--
--><a id="fruit" class="btn tag">Fruit</a><!--
--><a id="feuille" class="btn tag">Feuille</a><!--
--><a id="ecorce" class="btn tag">Ecorce</a><!--
--><a id="rameau" class="btn tag">Rameau</a><!--
--><a id="planche" class="btn tag">Planche</a><!--
--><a id="insecte" class="btn tag">Insecte</a>
</div>
<label for="saisir-tag">Saisir un tag</label>
<input type="text" class="form-control" id="saisir-tag" name="saisir-tag">
<div id="tags-pf-supp"></div>
<a id="signaler-photo" class="btn btn-sm btn-warning"><i class="fas fa-exclamation-triangle"></i>&nbsp;Signaler une photo inappropriée</a>
<a id="signaler-erreur-id-bis" class="btn btn-sm btn-warning"><i class="fas fa-exclamation-triangle"></i>&nbsp;Signaler une erreur d'identification</a>
</div>
<div id="bloc-noter" class="bloc-volet noter hidden" data-volet="noter">
<h2>Protocoles</h2>
<select name="protocole" id="protocole" class="form-control custom-select">
<option value="" selected hidden>Choix du protocole</option>
<option id="capitalisation_image" value="capitalisation_image">Capitalisation d'images</option>
<option id="aide_identification" value="aide_identification">Aide à l'identification</option>
<option id="defi_photo" value="defi_photo">Défi photo</option>
<option id="gentiane_azure" value="gentiane_azure">Enquête Gentiane-azuré</option>
<option id="arbres_tetards" value="arbres_tetards">Arbres têtards</option>
</select>
<p id="message-protocole" class="message">
Choisissez un protocole pour pouvoir noter la photo
<!-- le message change en fonction du protocole -->
</p>
<div id="bloc-notes-protocole" class="hidden">
<ul id="notes-protocole-fct">
<li id="plus-infos-protocole" class="row">
<div class="col-10 label">Plus d'infos sur le wiki</div>
<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-question-circle"></i></a>
</li>
<li id="note">
<div class="col-5 label">Notez</div>
<div class="col-5 contenu"><!-- étoiles --></div>
<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-backspace"></i></a>
</li>
<li id="note-moyenne">
<div class="col-5 label">Note Moyenne</div>
<div class="col-5 contenu" style="text-align:right;"></div>
</li>
<li id="note">
<div class="col-5 label">Nombre de votes</div>
<div class="col-5 contenu" style="text-align:right;"></div>
</li>
</ul>
</div>
</div>
<div id="bloc-signaler" class="bloc-volet signaler hidden" data-volet="signaler">
<h2>Signaler</h2>
<h3>Signaler une photo inappropriée</h3>
<p id="message-signaler" class="message">
En signalant cette photo vous participez à la qualification des données d'observation botaniques. Les photos qualifiées d'inappropriées pour l'une des raison ci-dessous ne seront pas affichées parmi les autres illustrations sur eFlore, voire pourront être dépubliées.
</p>
<li id="exemple-inapproprie" class="row">
<div class="col-10 label">Exemple de photos inappropriées</div>
<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-question-circle"></i></a>
</li>
<li id="plus-infos-signaler" class="row">
<div class="col-10 label">Plus d'infos sur le wiki</div>
<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-question-circle"></i></a>
</li>
<form id="type-inapprorie">
<div class="list-label">
En quoi cette photo est-elle inappropriée ?
</div>
<div class="list">
<div class="form-check">
<input type="checkbox" id="non-vegetale" name="type-inapprorie" class="non-vegetale form-check-input" value="non-vegetale">
<label for="non-vegetale" class="non-vegetale form-check-label">Photo non végétale</label>
</div>
<div class="form-check">
<input type="checkbox" id="ecran" name="type-inapprorie" class="ecran form-check-input" value="ecran">
<label for="ecran" class="ecran form-check-label">Photo d'écran</label>
</div>
<div class="form-check">
<input type="checkbox" id="floue-pixelisee" name="type-inapprorie" class="floue-pixelisee form-check-input" value="floue-pixelisee">
<label for="floue-pixelisee" class="floue-pixelisee form-check-label">Photo floue ou pixelisée</label>
</div>
<div class="form-check">
<input type="checkbox" id="cultivee-pot" name="type-inapprorie" class="cultivee-pot form-check-input" value="cultivee-pot">
<label for="cultivee-pot" class="cultivee-pot form-check-label">Plante cultivée / en pot</label>
</div>
</div>
</form>
<a id="signaler-erreur-id-signaler" class="btn btn-sm btn-warning"><i class="fas fa-exclamation-triangle"></i>&nbsp;Signaler une erreur d'identification</a>
 
<div id="info-img-galerie">
<div class="conteneur-precedent">
<a id="precedent" href="#" title="cliquez ici ou utilisez la flèche gauche pour afficher l'image précédente">
<img style="border:none" src="https://www.tela-botanica.org/sites/commun/generique/images/flecheGauche.jpg" alt="&lt;" />
</a>
 
</div>
 
 
<!-- pas pour la version 1 -->
<div id="bloc-revision" class="bloc-volet revision hidden" data-volet="revision">
<h2>Révision</h2>
<h3>Proposition de détermination</h3>
 
</div>
 
 
 
<div id="bloc-meta" class="bloc-volet meta" data-volet="meta">
<h2>Métadonnées</h2>
<ul id="contenu-meta">
<li id="nom" class="row">
<div class="col-5 label">Nom</div>
<div class="col-5 contenu"></div>
<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-search"></i></a>
</li>
<li id="localisation" class="row">
<div class="col-5 label">Localisation</div>
<div class="col-5 contenu"></div>
<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-map-marker-alt"></i></a>
</li>
<li id="auteur" class="row">
<div class="col-5 label">Auteur</div>
<div class="col-5 contenu"></div>
<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-user"></i></a>
</li>
<li id="date-obs" class="row">
<div class="col-5 label">Date d'observation</div>
<div class="col-5 contenu"></div>
</li>
<li id="commentaires" class="row">
<div class="col-5 label">Commentaires</div>
<div class="col-5 contenu"></div>
</li>
<li id="certitude" class="row">
<div class="col-5 label">Certitude de l'identification</div>
<div class="col-5 contenu"></div>
</li>
<li id="fiabilite" class="row">
<div class="col-5 label">Fiabilité</div>
<div class="col-5 contenu"></div>
<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-question-circle"></i></a>
</li>
</ul>
<a id="plus-meta" class="afficher-plus"><i class="fas fa-angle-down"></i>&nbsp;Afficher plus de metadonnées sur l'observation</a>
<ul id="contenu-meta-plus"></ul>
<ul id="contenu-meta-suite">
<li id="num-photo" class="row">
<div class="col-5 label">Photo n°</div>
<div class="col-5 contenu"></div>
</li>
<li id="licence" class="row">
<div class="col-5 label">Licence</div>
<div class="col-5 contenu"></div>
</li>
</ul>
<a id="signaler-erreur-id" class="btn btn-sm btn-warning"><i class="fas fa-exclamation-triangle"></i>&nbsp;Signaler une erreur d'identification</a>
<h2>Téléchargement</h2>
<ul id="contenu-telechargement">
<li id="titre-original" class="row">
<div class="col-5 label">Titre original</div>
<div class="col-5 contenu"></div>
</li>
<li id="date-photo" class="row">
<div class="col-5 label">Date de la photo</div>
<div class="col-5 contenu"></div>
</li>
<li id="Licence-bis" class="row">
<div class="col-5 label">Licence</div>
<div class="col-5 contenu"></div>
</li>
<li id="attribution" class="row">
<div class="col-5 label">Attribution</div>
<div class="col-7 contenu message"></div>
</li>
<li id="url" class="row">
<div class="col-5 label">Url</div>
<div class="col-5 contenu"></div>
</li>
</ul>
<a id="telecharger" class="btn btn-success"><i class="fas fa-upload"></i>&nbsp;Télécharger</a>
<ul id="contenu-telechargement-suite">
<li id="autres-formats" class="row">
<div class="col-5 label">Autres formats</div>
<div class="col-7 contenu">
<select name="formats" id="formats" class="form-control custom-select">
<option value="" selected hidden>Carrée, rognée...</option>
</select>
</div>
</li>
</ul>
<h2>Partagez !</h2>
<p class="message">
Partagez cette photo sur les réseaux sociaux
</p>
<div id="boutons-reseaux-sociaux">
<a id="facebook" class="btn btn-outline-secondary btn-lg"><i class="fab fa-facebook-f"></i></a>
<a id="twitter" class="btn btn-outline-secondary btn-lg"><i class="fab fa-twitter"></i></a>
<a id="mail" class="btn btn-outline-secondary btn-lg"><i class="fas fa-envelope"></i></a>
</div>
</div>
<div id="bloc-modif" class="bloc-volet modif hidden" data-volet="modif">
<h2>Modifier la photo</h2>
<h3>Faire pivoter la photo</h3>
<div id="pivoter-photo" class="d-flex justify-content-around">
<div id="bloc-pivoter-droite" class="d-flex flex-column">
<label for="pivoter-droite">Pivoter à droite</label>
<a id="pivoter-droite" class="btn btn-success btn-lg"><i class="fas fa-redo"></i></a>
</div>
<div id="bloc-pivoter-gauche" class="d-flex flex-column">
<label for="pivoter-gauche">Pivoter à gauche</label>
<a id="pivoter-gauche" class="btn btn-success btn-lg"><i class="fas fa-undo"></i></a>
</div>
</div>
<h3>Régénérer miniature</h3>
<p id="message-regenerer" class="message">
Vous avez remarqué un problème dans l'affichage de la miniature de cette photo ? Vous pouvez la régénérer ci-dessous !
</p>
<a id="regenerer-miniature" class="btn btn-warning btn-lg"><i class="fas fa-recycle"></i>&nbsp;Régénérer la miniature</a>
</div>
<div id="bloc-aide" class="bloc-volet aide hidden" data-volet="aide">
<h2>Aide</h2>
<p id="texte-aide" class="message">
Auxerunt haec vulgi sordidioris audaciam, quod cum ingravesceret penuria commeatuum, famis et furoris inpulsu Eubuli cuiusdam inter suos clari domum ambitiosam ignibus subditis inflammavit rectoremque ut sibi iudicio imperiali addictum calcibus incessens et pugnis conculcans seminecem laniatu miserando discerpsit. post cuius lacrimosum interitum in unius exitio quisque imaginem periculi sui considerans documento recenti similia formidabat.
 
Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.
 
Erat autem diritatis eius hoc quoque indicium nec obscurum nec latens, quod ludicris cruentis delectabatur et in circo sex vel septem aliquotiens vetitis certaminibus pugilum vicissim se concidentium perfusorumque sanguine specie ut lucratus ingentia laetabatur.
</p>
<ul id="aide-plus">
<li id="plus-infos" class="row">
<div class="col-10 label">Plus d'infos sur le wiki</div>
<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-question-circle"></i></a>
</li>
<li id="autres-questions" class="row">
<div class="col-10 label">D'autres questions ? Écrivez-nous !</div>
<a class="bouton btn btn-sm btn-outline-secondary"><i class="fas fa-envelope"></i></a>
</li>
</ul>
 
</div>
 
<div class="nettoyage-volet bas"></div>
</div>
<div class="img-cadre">
<img id="illustration" src="<?=$urls[0]?>" alt="" /><br />
</div>
<div class="conteneur-suivant">
<a id="suivant" href="#" title="cliquez ici ou utilisez la flèche droite pour afficher l'image suivante">
<img style="border:none" src="https://www.tela-botanica.org/sites/commun/generique/images/flecheDroite.jpg" alt="&gt;" />
 
</div>
<div id="info-img-galerie" class="carousel col-lg-8 col-12" data-ride="carousel" data-interval="false">
<div class="carousel-inner h-100 w-100">
<?php for($index = 0; $index < $max_photo; $index++) :?>
<div id="img-cadre-<?php echo $index; ?>" class="carousel-item">
<img id="illustration-<?php echo $index;?>" class="d-block align-middle" src="<?php echo $urls[$index];?>" alt="" data-width="<?php echo $infos_images[$urls[$index]]['width'];?>" data-height="<?php echo $infos_images[$urls[$index]]['height'];?>">
</div>
<?php endfor; ?>
<a id="precedent" class="carousel-control-prev carousel-control" href="#info-img-galerie" role="button" data-slide="prev">
<i class="fas fa-chevron-circle-left"></i>
<span class="sr-only">Precedent</span>
</a>
<a id="suivant" class="carousel-control-next carousel-control" href="#info-img-galerie" role="button" data-slide="next">
<i class="fas fa-chevron-circle-right"></i>
<span class="sr-only">Suivant</span>
</a>
</div>
<hr class="nettoyage" />
<div id="bloc-infos-img"></div>
</div>
</body>
</html>
<div id="boutons-footer">
<div id="bloc-fct" class="">
<a id="bouton-tags" class="btn bouton-fct tags" data-volet="tags"><i class="fas fa-tags"></i></a>
<a id="bouton-noter" class="btn bouton-fct noter" data-volet="noter"><i class="far fa-star"></i></a>
<a id="bouton-signaler" class="btn bouton-fct signaler" data-volet="signaler"><i class="fas fa-exclamation-triangle"></i></a>
<a id="bouton-revision" class="btn bouton-fct revision" data-volet="revision"><i class="fas fa-edit"></i></a>
<a id="bouton-meta" class="btn bouton-fct meta actif" data-volet="meta"><i class="fas fa-info-circle"></i></a>
<a id="bouton-modif" class="btn bouton-fct modif" data-volet="modif"><i class="fas fa-redo-alt"></i></a>
<a id="bouton-aide" class="btn bouton-fct aide" data-volet="aide"><i class="fas fa-question-circle"></i></a>
</div>
<a id="retour-galerie" class="btn btn-outline-dark btn-lg bouton-fct hidden"><i class="fa fa-angle-double-down" aria-hidden="true"></i></a>
</div>
<script type="text/Javascript">
//<![CDATA[
var widgetProp = {
'urlWidget' : "<?php echo $url_widget; ?>",
'urls' : [<?php echo '"'.implode($urls, '","').'"'; ?>],
'infos_images' : <?php echo json_encode($infos_images); ?>,
'indexImage' : 0,
'urlImage' : "<?php echo $url_image; ?>",
'tailleMax' : 580,
'popup_url' : "<?php echo $popup_url; ?>"
};
$( document ).ready( function() {
popup = new WidgetPhotoPopup( widgetProp );
popup.init();
});
//]]>
</script>
/trunk/widget/modules/photo/squelettes/contact_nl.tpl.html
11,8 → 11,8
</head>
<body>
<script type="text/javascript">
//<![CDATA[
//<![CDATA[
 
var donnees = new Array();
function envoyerCourriel() {
//console.log('Formulaire soumis');
27,7 → 27,7
$.each($("#form-contact").serializeArray(), function (index, champ) {
var cle = champ.name;
cle = cle.replace(/^fc_/, '');
 
if (cle == 'sujet') {
champ.value += " - Carnet en ligne - Tela Botanica";
}
36,7 → 36,7
"Dit bericht wordt u toegestuurd via de fotowidget van de ‘Carnet en Ligne’ van het Tela Botanica netwerk.\n"+
"http://www.tela-botanica.org/widget:cel:photo";
}
 
donnees[index] = {'name':cle,'value':champ.value};
});
$.ajax({
57,7 → 57,7
$.each(reponse, function (cle, valeur) {
erreurMsg += valeur + "\n";
});
}
}
},
complete : function(jqXHR, textStatus) {
var debugMsg = '';
84,7 → 84,7
}
return false;
}
 
function initialiserFormulaireContact() {
$("#form-contact").validate({
rules: {
101,7 → 101,7
});
$("#fc_annuler").live("click", function() {window.close();});
}
 
$(document).ready(function() {
initialiserFormulaireContact();
});
/trunk/widget/modules/photo/Photo.php
21,7 → 21,7
* @copyright Copyright (c) 2010, Tela Botanica (accueil@tela-botanica.org)
*/
class Photo extends WidgetCommun {
 
const DS = DIRECTORY_SEPARATOR;
const SERVICE_DEFAUT = 'photo';
private $flux_rss_url = null;
42,57 → 42,73
if (!isset($mode)) {
$mode = self::SERVICE_DEFAUT;
}
 
$this->eflore_url_tpl = $this->config['photo']['efloreUrlTpl'];
$this->flux_rss_url = $this->config['photo']['fluxRssUrl'];
 
$cache_activation = $this->config['photo.cache']['activation'];
$cache_stockage = $this->config['photo.cache']['stockageDossier'];
$ddv = $this->config['photo.cache']['dureeDeVie'];
$cache = new Cache($cache_stockage, $ddv, $cache_activation);
$id_cache = 'photo-'.hash('adler32', print_r($this->parametres, true));
if (! $contenu = $cache->charger($id_cache)) {
$contenu = $cache->charger($id_cache);
 
if (!$contenu) {
$methode = $this->traiterNomMethodeExecuter($mode);
 
if (method_exists($this, $methode)) {
$retour = $this->$methode();
 
} else {
$this->messages[] = "Ce type de service '$methode' n'est pas disponible.";
 
}
// Suffixe de template pour la langue - fr par défaut @TODO configurer ça un jour
if (isset($this->parametres['lang']) && $this->parametres['lang'] !== 'fr') {
$this->suffixeLangue = '_' . $this->parametres['lang'];
 
// Suffixe de template pour la langue - fr par défaut @TODO configurer ça un jour
if (isset($this->parametres['lang']) && $this->parametres['lang'] != "fr") {
$this->suffixeLangue = "_" . $this->parametres['lang'];
}
 
$contenu = '';
 
if (is_null($retour)) {
$this->messages[] = 'Aucune image';
 
} else {
 
if (isset($retour['donnees'])) {
$squelette = dirname(__FILE__).self::DS.'squelettes'.self::DS.$retour['squelette']. $this->suffixeLangue . '.tpl.html';
$squelette = dirname(__FILE__) .self::DS. 'squelettes' .self::DS. $retour['squelette'].$this->suffixeLangue.'.tpl.html';
$contenu = $this->traiterSquelettePhp($squelette, $retour['donnees']);
$cache->sauver($id_cache, $contenu);
 
} else {
$this->messages[] = 'Les données à transmettre au squelette sont nulles.';
 
}
}
}
if (isset($_GET['callback'])) {
$this->envoyerJsonp(array('contenu' => $contenu));
 
} else {
$this->envoyer($contenu);
 
}
}
 
private function executerAjax() {
$widget = $this->executerPhoto();
 
$widget['squelette'] = 'photo_ajax';
 
return $widget;
}
 
private function executerPopup() {
session_start();
 
$galerie_id = $_GET['galerie_id'];
 
$widget['donnees']['url_image'] = $_GET['url_image'];
$widget['donnees']['infos_images'] = $_SESSION[$galerie_id]['infos_images'];
$widget['donnees']['urls'] = $_SESSION[$galerie_id]['urls'];
99,34 → 115,49
$widget['donnees']['url_widget'] = sprintf($this->config['chemins']['baseURLAbsoluDyn'], 'photo');
$widget['donnees']['url_css'] = sprintf($this->config['chemins']['baseURLAbsoluDyn'], 'modules/photo/squelettes/css/');
$widget['donnees']['url_js'] = sprintf($this->config['chemins']['baseURLAbsoluDyn'], 'modules/photo/squelettes/js/');
$widget['donnees']['max_photo'] = $_SESSION[$galerie_id]['max_photo'];
$widget['donnees']['popup_url'] = isset( $_GET['popup_url'] ) ? $_GET['popup_url'] : null;
 
$widget['squelette'] = 'popup' . $this->suffixeLangue;
 
return $widget;
}
 
private function executerContact() {
session_start();
 
$widget['donnees']['url_widget'] = sprintf($this->config['chemins']['baseURLAbsoluDyn'], 'photo');
$widget['donnees']['id_image'] = $_GET['id_image'];
$widget['donnees']['nom_sci'] = $_GET['nom_sci'];
$widget['donnees']['nn'] = $_GET['nn'];
$widget['donnees']['date'] = $_GET['date'];
$widget['donnees']['auteur'] = $_GET['auteur'];
$widget['donnees']['popup_url'] = isset( $_GET['popup_url'] ) ? $_GET['popup_url'] : null;
 
if (isset($_GET['lang']) && 'nl' === $_GET['lang']) {
$widget['donnees']['sujet'] = "Afbeelding #".$_GET['id_image']." op ".$_GET['nom_sci'];
$widget['donnees']['message'] = "\n\n\n\n\n\n\n\n--\nBetreft de foto \"".$_GET['nom_sci'].'" van "'.$_GET['date'];
 
} else {
$widget['donnees']['sujet'] = "Image #".$_GET['id_image']." de ".$_GET['nom_sci'];
$widget['donnees']['message'] = "\n\n\n\n\n\n\n\n--\nConcerne l'image de \"".$_GET['nom_sci'].'" du "'.$_GET['date'];
 
}
 
$widget['donnees']['url_css'] = sprintf($this->config['chemins']['baseURLAbsoluDyn'], 'modules/photo/squelettes/css/');
$widget['donnees']['url_js'] = sprintf($this->config['chemins']['baseURLAbsoluDyn'], 'modules/photo/squelettes/js/');
$widget['squelette'] = 'contact';
 
return $widget;
}
 
private function decouperTitre($titre) {
if ('nl' === $this->suffixeLangue) {
$dic = array(' door ', ' op ');
 
} else {
$dic = array(' par ', ' le ');
 
}
 
$tab_titre = explode('[nn', $titre);
133,10 → 164,13
if (isset($tab_titre[1])) {
$nom_sci = $tab_titre[0];
$tab_titre_suite = explode($dic[0], $tab_titre[1]);
 
} else {
$nom_sci = "";
$nom_sci = '';
$tab_titre_suite = explode($dic[0], $tab_titre[0]);
 
}
 
$nn = '[nn'.$tab_titre_suite[0];
$tab_titre_resuite = explode($dic[1], $tab_titre_suite[1]);
$utilisateur = $tab_titre_resuite[0];
143,31 → 177,35
$tab_titre_fin = explode(' - ', $tab_titre_resuite[1]);
$date = $tab_titre_fin[0];
$localite = (empty($tab_titre_fin[1]) ? '' : $tab_titre_fin[1]);
$titre_decoupe = array('nom_sci' => $nom_sci, 'nn' => $nn, 'date' => $date, 'auteur' => $utilisateur, 'localite' => $localite);
 
return $titre_decoupe;
}
 
private function executerPhoto() {
session_start();
 
$_SESSION['urls'] = array();
$widget = null;
 
extract($this->parametres);
$extra = (isset($extra) && $extra == 0) ? false : ($this->config['photo']['extraActif'] ? true : false);
 
$vignette = (isset($vignette) && preg_match('/^[0-9]+,[0-9]+$/', $vignette)) ? $vignette : '4,3';
$id = '-'.(isset($id) ? $id : '1');
$titre = isset($titre) ? htmlentities(rawurldecode($titre)) : '';
$icone_rss = (isset($_GET['rss']) && $_GET['rss'] != 1) ? false : true;
$utilise_fancybox = (isset($_GET['mode_zoom']) && $_GET['mode_zoom'] != 'fancybox') ? false : true;
 
list($colonne, $ligne) = explode(',', $vignette);
$extra = (isset($extra) && $extra == 0) ? false : (!$this->config['photo']['extraActif'] ? false : ($colonne == 1 || $ligne == 1 ? false : true));
$this->flux_rss_url .= $this->traiterParametres();
 
$xml = @file_get_contents($this->flux_rss_url);
//var_dump($xml);
if ($xml !== false) {
if ($xml !== false) {
if ($xml) {
try {
$flux = new XmlFeedParser($xml);
 
$widget['donnees']['id'] = $id;
$widget['donnees']['titre'] = $titre;
$widget['donnees']['flux_rss_url'] = $this->flux_rss_url;
178,86 → 216,114
$widget['donnees']['extra_actif'] = $extra;
$widget['donnees']['icone_rss'] = $icone_rss;
$widget['donnees']['utilise_fancybox'] = $utilise_fancybox;
$widget['donnees']['prod'] = ($this->config['parametres']['modeServeur'] == "prod");
$widget['donnees']['prod'] = ($this->config['parametres']['modeServeur'] === 'prod');
 
$max_photo = $colonne * $ligne;
if ( $extra && 2 == $colonne ) {
$max_photo = $max_photo - 1;
} elseif ( $extra && 2 < $colonne ) {
$max_photo = $max_photo - 3;
}
$num = 0;
$galerie_id = md5(http_build_query($_GET));
$widget['donnees']['galerie_id'] = $galerie_id;
 
foreach ($flux as $entree) {
if ($num == $max_photo) {
break;
}
 
$item = array();
// Formatage date
$date = $entree->updated ? $entree->updated : null;
$date = $entree->pubDate ? $entree->pubDate : $date;
 
$item['date'] = strftime('%A %d %B %Y', $date);
$item['lien'] = $entree->link;
$item['url_tpl'] = preg_replace('/(XS|[SML]|X(?:[23]|)L|CR(?:|X2)S|C(?:|X)S)\.jpg$/', '%s.jpg', $entree->guid);
// Formatage titre
$item['titre'] = str_replace('"', "", $entree->title);
$item['titre'] = str_replace('"', '', $entree->title);
$item['infos'] = $this->decouperTitre($item['titre']);
$item['nn'] = '';
$item['eflore_url'] = '#';
 
if (preg_match('/\[nn([0-9]+)\]/', $entree->title, $match)) {
$item['nn'] = $match[1];
$item['eflore_url'] = $item['lien'] ;
 
}
// Récupération du GUID - aaaaah c'est cracra si on change la config yatoukipett !! Satan is in this code !!!
if (preg_match($this->config['photo']['motif_guid'], $entree->guid, $match)) {
$item['guid'] = (int) $match[1];
 
} else {
$item['guid'] = $entree->guid;
 
}
// Ajout aux items et si première photo à extra
if ($num == 0) {
$widget['donnees']['extra'] = $item;
 
}
 
$widget['donnees']['items'][$num++] = $item;
//TODO: voir si l'on ne peut pas faire mieux
$url_galerie_popup = sprintf($item['url_tpl'],'XL');
$url_galerie_popup = sprintf($item['url_tpl'],'O');
$image_size = getimagesize($url_galerie_popup);
$_SESSION[$galerie_id]['urls'][] = $url_galerie_popup;
$_SESSION[$galerie_id]['infos_images'][$url_galerie_popup] = array('titre' => $item['titre'],
'date' => $item['titre'],
'guid' => $item['guid'],
'lien' => $item['lien']
$_SESSION[$galerie_id]['max_photo'] = $max_photo;
$_SESSION[$galerie_id]['infos_images'][$url_galerie_popup] = array(
'titre' => $item['titre'],
'date' => $item['date'],
'guid' => $item['guid'],
'lien' => $item['lien'],
'width' => $image_size[0],
'height' => $image_size[1]
);
}
 
 
$widget['squelette'] = 'photo';
 
} catch (XmlFeedParserException $e) {
trigger_error('Flux invalide : '.$e->getMessage(), E_USER_WARNING);
 
}
 
} else {
// si on arrive ici c'est qu'il n'y a aucune image correspondant
// à la requête, mais il n'y a rien d'invalide là-dedans
//$this->messages[] = "Fichier xml invalide.";
}
 
} else {
$this->messages[] = "L'URI suivante est invalide : $this->flux_rss_url.\n".
"Veuillez vérifier les paramêtres indiqués et la présence d'images associées.";
 
}
 
return $widget;
}
 
private function traiterParametres() {
$parametres_flux = '?';
$criteres = array('utilisateur', 'commune', 'dept', 'taxon', 'commentaire', 'date', 'tag', 'motcle', 'projet', 'num_taxon', 'num_nom', 'referentiel', 'groupe_zones_geo');
 
foreach($this->parametres as $nom_critere => $valeur_critere) {
if (in_array($nom_critere, $criteres)) {
$valeur_critere = str_replace(' ', '%20', $valeur_critere);
$parametres_flux .= $nom_critere.'='.$valeur_critere.'&';
 
}
}
if ($parametres_flux == '?') {
if ($parametres_flux === '?') {
$parametres_flux = '';
 
} else {
$parametres_flux = rtrim($parametres_flux, '&');
 
}
 
return $parametres_flux;
}
}