Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 3828 → Rev 3829

/trunk/widget/modules/photo/squelettes/css/photoCommun.css
6,6 → 6,10
outline:none !important;
}
 
html {
font-size: 100%;
}
 
body {
font-family: Muli,sans-serif;
font-size: 0.8rem;
94,6 → 98,12
border : none;
}
 
.todo {
/*.todo {
display: none !important;
}
}*/
 
@media screen and ( max-width: 340px ) {
html {
font-size: 80%;
}
}
/trunk/widget/modules/photo/squelettes/css/photo.css
109,13 → 109,17
}
 
.form-recherche .bloc-recherche .bouton-rechercher,
.form-recherche .bloc-recherche .bouton-plus-filtres {
.form-recherche .bloc-recherche .bouton-plus-filtres,
#bouton-photos-suivantes,
#bouton-photos-suivantes:hover {
border: 0 none;
}
 
.form-recherche .bloc-recherche .bouton-rechercher,
.form-recherche .bloc-recherche .bouton-rechercher:hover,
.form-recherche .bloc-recherche .bouton-plus-filtres:hover {
.form-recherche .bloc-recherche .bouton-plus-filtres:hover,
#bouton-photos-suivantes,
#bouton-photos-suivantes:hover {
color: #fff;
}
 
/trunk/widget/modules/photo/squelettes/css/popup.css
214,6 → 214,7
#volets-fct {
padding: 0 1rem;
width: calc(100% - 1rem);
overflow-wrap: break-word;
}
 
#volets-fct h2 {
407,4 → 408,3
font-size: 0.8rem;
}
}
 
/trunk/widget/modules/photo/squelettes/photo.tpl.html
100,7 → 100,7
<?php include "analytics.html"; ?>
<?php endif; ?>
</head>
<body>
<body style="margin: 0">
<!-- WIDGET:CEL:PHOTO - DEBUT -->
<div id="cel-photo-contenu<?php echo $id; ?>" class="cel-photo-contenu">
<?php if (isset($erreurs) || isset($informations)) : ?>
132,97 → 132,99
</a>
<?php endif; ?>
</h1>
<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">
<?php if (!empty($champ_recherche)) : ?>
<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>
<div class="form-group mb-0 col">
<input type="date" id="periode-fin" name="periode-fin" class="form-control">
</div>
<input type="hidden" id="periode" name="periode">
</div>
<input type="hidden" id="periode" name="periode">
<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 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 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="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 class="row bloc- bloc-filtre">
<label for="programme">Programme</label>
<input type="text" id="programme" name="programme" class="form-control">
</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 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>
</div>
</form>
</div>
</form>
<?php endif ; ?>
<div id="cel-galerie-photo<?php echo $id; ?>" class="cel-galerie-photo">
<div class="grid-sizer"></div>
<?php foreach ($items as $i => $item) : ?>
261,7 → 263,11
</div>
</div>
<?php endforeach; ?>
 
<?php if ($total > ($start + $limit)): ?>
<a id="bouton-photos-suivantes" href="<?php echo $url_widget_photos_suivantes;?>" class="btn btn-success"><i class="fas fa-forward"></i>&nbsp;Photos suivantes</a>
<?php else :?>
<div class="alert alert-secondary mt-0 ml-1" role="alert" style="display: inline-block;">Toutes les photos disponibles, correspondant à vos critères, ont été affichées</div>
<?php endif;?>
</div>
<p class="cel-photo-pieds discretion nettoyage">
<span class="cel-photo-source">
/trunk/widget/modules/photo/squelettes/js/WidgetPhoto.js
14,6 → 14,7
gutter: 10,
percentPosition: true
});
 
};
 
WidgetPhoto.prototype.initEvts = function() {
/trunk/widget/modules/photo/squelettes/js/WidgetPhotoPopup.js
501,7 → 501,6
 
case 'date_obs':
contenu = lthis.formaterDate( contenu );
console.log(contenu);
break;
 
case 'tags_obs':
517,7 → 516,7
$contenuPlusMeta.append(
'<li id="' + idAttr + '-meta-plus" class="row">'+
'<div class="col-5 label">' + label.charAt( 0 ).toUpperCase() + label.slice( 1 ) + '</div>'+
'<div class="col-5 contenu">' + contenu + '</div>'+
'<div class="col-7 contenu">' + contenu + '</div>'+
'</li>'
);
}
635,8 → 634,11
 
let url = lthis.urlServiceRegenererMiniature + lthis.idImage;
 
$.get( url ).fail( function() {
console.log( 'a foiré :(' );
$.get( url, function( data ) {
console.log( data );
}
).fail( function() {
console.log( 'La régénérétion d´image ne s´est pas faite' );
});
});
};
/trunk/widget/modules/photo/squelettes/popup.tpl.html
169,15 → 169,15
<ul id="contenu-telechargement">
<li id="titre-original" class="row">
<div class="col-5 label">Titre original</div>
<div class="col-5 contenu"></div>
<div class="col-7 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>
<div class="col-7 contenu"></div>
</li>
<li id="Licence-bis" class="row">
<div class="col-5 label">Licence</div>
<div class="col-5 contenu">
<div class="col-7 contenu">
<a target="_blank" href="http://creativecommons.org/licenses/by-sa/2.0/fr/">CC-BY-SA 2.0 FR</a>
</div>
</li>
264,7 → 264,7
</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++) :?>
<?php for($index = $start; $index < ($start + $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>
297,7 → 297,7
'urlWidget' : "<?php echo $url_widget; ?>",
'urls' : [<?php echo '"'.implode($urls, '","').'"'; ?>],
'infos_images' : <?php echo json_encode($infos_images); ?>,
'indexImage' : 0,
'indexImage' : <?php echo $start ;?>,
'urlImage' : "<?php echo $url_image; ?>",
'tailleMax' : 580,
'popupUrl' : "<?php echo $popup_url; ?>",