Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 3960 → Rev 3961

/trunk/widget/modules/photo/squelettes/photo.tpl.html
123,7 → 123,8
<?php if (!empty($titre)) : ?>
<?php echo $titre; ?>
<?php endif ; ?>
<?php if($icone_rss) : ?>
<?php if($icone_rss && !empty($champ_recherche)) : ?>
<!-- Affichage du bouton rss si on est pas en mode eflore-->
<a href="<?php echo $flux_rss_url; ?>"
class="cel-photo-flux"
title="Suivre les images"
275,46 → 276,80
</div>
</div>
</form>
<?php endif ; ?>
<div id="cel-galerie-photo<?php echo $id; ?>" class="cel-galerie-photo">
<?php else : ?>
<!-- Pas de champ de recherche -> Affichage style eflore-->
<ul class="liste-illustrations">
<li class="icone-organe-list <?php echo $filtres['tag'] == 'fleur' ? 'active' : ''; ?>">
<a class="lien-images-organes fourni" data-tag="fleur" title="fleur" id="eflore-fleur">
<img class="icone-organe" src="https://www.tela-botanica.org/eflore/consultation/presentations/images/icones_tags/fleur.png" alt="fleur">
fleur </a>
</li>
<li class="icone-organe-list <?php echo $filtres['tag'] == 'feuille' ? 'active' : ''; ?>">
<a class="lien-images-organes fourni" data-tag="feuille" title="feuille" id="eflore-feuille">
<img class="icone-organe" src="https://www.tela-botanica.org/eflore/consultation/presentations/images/icones_tags/feuille.png" alt="feuille">feuille</a>
</li>
<li class="icone-organe-list <?php echo $filtres['tag'] == 'fruit' ? 'active' : ''; ?>">
<a class="lien-images-organes fourni" data-tag="fruit" title="fruit" id="eflore-fruit">
<img class="icone-organe" src="https://www.tela-botanica.org/eflore/consultation/presentations/images/icones_tags/fruit.png" alt="fruit">fruit</a>
</li>
<li class="icone-organe-list <?php echo $filtres['tag'] == 'ecorce' ? 'active' : ''; ?>">
<a class="lien-images-organes fourni" data-tag="ecorce" title="ecorce" id="eflore-ecorce">
<img class="icone-organe" src="https://www.tela-botanica.org/eflore/consultation/presentations/images/icones_tags/ecorce.png" alt="ecorce">ecorce</a>
</li>
<li class="icone-organe-list <?php echo $filtres['tag'] == 'port' ? 'active' : ''; ?>">
<a class="lien-images-organes fourni" data-tag="port" title="port" id="eflore-port">
<img class="icone-organe" src="https://www.tela-botanica.org/eflore/consultation/presentations/images/icones_tags/port.png" alt="port">port</a>
</li>
<li class="icone-organe-list <?php echo $filtres['tag'] == 'rameau' ? 'active' : ''; ?>">
<a class="lien-images-organes fourni" data-tag="rameau" title="rameau" id="eflore-rameau">
<img class="icone-organe" src="https://www.tela-botanica.org/eflore/consultation/presentations/images/icones_tags/rameau.png" alt="rameau">rameau</a>
</li>
</ul>
<?php endif ; ?>
<div id="cel-galerie-photo<?php echo $id; ?>"
class="cel-galerie-photo <?php echo empty($champ_recherche) ? 'eflore' : ''; ?>">
<div class="grid-sizer"></div>
<?php foreach ($items as $i => $item) : ?>
<?php
$auteurTruncatedEmail = preg_replace('/[^@]+$/i', '...', $item['utilisateur']['mail_utilisateur']);
$auteur = trim($item['utilisateur']['nom_utilisateur']) ? $item['utilisateur']['nom_utilisateur'] : $auteurTruncatedEmail;
$dimention_img = 'CRS';
$class_extra = '';
?>
<?php if ( $i === 0 && $extra_actif ) : ?>
 
<?php foreach ($items as $t =>$tag) : ?>
<?php foreach ($tag as $i => $item) : ?>
<?php
$dimention_img = 'CRL';
$class_extra = ' grid-item--width2 grid-item--height2';
$auteurTruncatedEmail = preg_replace('/[^@]+$/i', '...', $item['utilisateur']['mail_utilisateur']);
$auteur = trim($item['utilisateur']['nom_utilisateur']) ? $item['utilisateur']['nom_utilisateur'] : $auteurTruncatedEmail;
$dimention_img = 'CRS';
$class_extra = '';
?>
<?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_redige']; ?> - GUID : <?php echo $item['id_photo_formate']; ?>" 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['id_photo_formate']; ?>" class="cel-infos">
<strong>
<?php if (!empty($item['lien'])) : ?>
<a class="cel-img-titre" href="<?php echo $item['lien']; ?>"
onclick="window.open(this.href);return false;"
title="Cliquez pour accéder à la fiche eFlore">
<?php echo $item['obs']['nom_sel']; ?>
</a><br />
par
<a class="cel-img-contact"
href="?mode=contact&nn=<?php echo urlencode($item['obs']['nom_sel_nn']); ?>&nom_sci=<?php echo urlencode($item['obs']['nom_sel']); ?>&date=<?php echo urlencode($item['date']); ?>&id_image=<?php echo $item['id_photo_formate']; ?>&auteur=<?php echo $item['utilisateur']['nom_utilisateur']; ?>"
title="Cliquez pour contacter l'auteur de la photo">
<?php echo $auteur; ?>
</a>
<?php else : ?>
<?php echo $item['titre']; ?>
<?php endif; ?>
</strong>
<?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; ?> <?php echo $t; ?>">
<a href="<?php echo sprintf($item['url_tpl'], 'O'); ?>" class="cel-img"
title="<?php echo $item['titre']; ?> - Publiée le <?php echo $item['date_redige']; ?> - GUID : <?php echo $item['id_photo_formate']; ?>" 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['id_photo_formate']; ?>" class="cel-infos">
<strong>
<?php if (!empty($item['lien'])) : ?>
<a class="cel-img-titre" href="<?php echo $item['lien']; ?>"
onclick="window.open(this.href);return false;"
title="Cliquez pour accéder à la fiche eFlore">
<?php echo $item['obs']['nom_sel']; ?>
</a><br />
par
<a class="cel-img-contact"
href="?mode=contact&nn=<?php echo urlencode($item['obs']['nom_sel_nn']); ?>&nom_sci=<?php echo urlencode($item['obs']['nom_sel']); ?>&date=<?php echo urlencode($item['date']); ?>&id_image=<?php echo $item['id_photo_formate']; ?>&auteur=<?php echo $item['utilisateur']['nom_utilisateur']; ?>"
title="Cliquez pour contacter l'auteur de la photo">
<?php echo $auteur; ?>
</a>
<?php else : ?>
<?php echo $item['titre']; ?>
<?php endif; ?>
</strong>
</div>
</div>
</div>
<?php endforeach; ?>
<?php endforeach; ?>
<div id="next-previous-buttons">
<?php if (0 < $start): ?>
/trunk/widget/modules/photo/squelettes/js/WidgetPhoto.js
46,6 → 46,7
});
 
lthis.rechercher();
lthis.affichageEFlore();
};
 
WidgetPhoto.prototype.rechercher = function(){
156,3 → 157,37
// Rediriger vers la nouvelle URL
window.location.replace(url);
};
 
WidgetPhoto.prototype.affichageEFlore = function (){
const lthis = this;
let tagToDisplay = 'fleur';
 
// Remove 'active' class from all list items
$(".icone-organe-list").removeClass("active");
 
// Add 'active' class to the clicked list item
$("#eflore-fleur").parent(".icone-organe-list").addClass("active");
 
lthis.displayImages(tagToDisplay);
 
$(".lien-images-organes").click(function(event){
event.preventDefault();
 
// Remove 'active' class from all list items
$(".icone-organe-list").removeClass("active");
 
// Add 'active' class to the clicked list item
$(this).parent(".icone-organe-list").addClass("active");
 
// Get the parameters 'value' and 'filterName' from the clicked link
tagToDisplay = $(this).attr("title");
 
lthis.displayImages(tagToDisplay);
})
}
 
WidgetPhoto.prototype.displayImages = function (tagToDisplay){
$(".cel-photo").hide();
$("."+tagToDisplay).show();
$(".non_eflore").show();
}
/trunk/widget/modules/photo/squelettes/popup.tpl.html
299,15 → 299,20
</div>
<div id="boutons-footer">
<div id="bloc-fct" class="">
<a id="bouton-tags" class="btn bouton-fct tags todo" 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 todo hidden" data-volet="signaler"><i
<a id="bouton-meta" class="btn bouton-fct meta actif" data-volet="meta"
title="Informations / métadonnées"><i class="fas fa-info-circle"></i></a>
<a id="bouton-noter" class="btn bouton-fct noter" data-volet="noter"
title="noter la photo"><i class="far fa-star"></i></a>
<a id="bouton-tags" class="btn bouton-fct tags todo" data-volet="tags"
title="tags"><i class="fas fa-tags"></i></a>
<a id="bouton-signaler" class="btn bouton-fct signaler todo hidden" data-volet="signaler" title="signaler"><i
class="fas fa-exclamation-triangle"></i></a>
<a id="bouton-revision" class="btn bouton-fct revision todo hidden" data-volet="revision"><i
<a id="bouton-revision" class="btn bouton-fct revision todo hidden" data-volet="revision" title="révision"><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 todo" data-volet="aide"><i class="fas fa-question-circle"></i></a>
<a id="bouton-modif" class="btn bouton-fct modif" data-volet="modif" title="modifier la photo"><i
class="fas fa-redo-alt"></i></a>
<a id="bouton-aide" class="btn bouton-fct aide todo" data-volet="aide" title="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>
/trunk/widget/modules/photo/squelettes/css/photo.css
161,6 → 161,84
z-index: 10;
}
 
/************ Pour l'affichage en mode eflore' *****************/
.liste-illustrations {
list-style-type: none;
padding: 0;
overflow-wrap: break-word;
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 0;
}
 
.liste-illustrations li.icone-organe-list.active{
background-color: #e9f6f8;
}
 
.liste-illustrations li.icone-organe-list:first-of-type {
border-radius: 10px 0 0 0;
}
 
.liste-illustrations li.icone-organe-list:last-of-type {
border-radius: 0 10px 0 0;
}
 
.liste-illustrations li.icone-organe-list {
width: 108px;
height: auto;
padding-top: 5px;
padding-bottom: 5px;
background-color: #ffffff;
}
 
.liste-illustrations li {
list-style-image: none !important;
background: none;
text-align: center;
font-size: 11px;
float: left;
margin: 0px;
padding: 0px;
}
 
a.lien-images-organes.fourni {
cursor: pointer;
}
 
.component-text a {
border-bottom: 1px solid;
border-bottom: 0.1rem solid;
color: #006979;
font-weight: 400;
text-decoration: none;
-webkit-transition: background .2s ease;
-o-transition: background .2s ease;
transition: background .2s ease;
}
 
.liste-illustrations img {
display: block;
border: 1px solid white;
margin: 0 auto;
padding: 0px;
max-height: 196px;
max-width: 196px;
}
 
img.icone-organe {
height: 30px;
margin: auto;
border: none;
}
 
.cel-galerie-photo.eflore{
background-color: #e9f6f8;
padding-top: 1rem;
}
 
/********* Fin de l'affichage eflore ******/
 
@media screen and ( max-width: 991px ) {
.form-recherche .autres-filtres {
position: fixed;