Subversion Repositories eFlore/Applications.cel

Compare Revisions

No changes between revisions

Ignore whitespace Rev 3420 → Rev 3429

/trunk/widget/modules/saisie/config.ini
1,6 → 1,6
; Configuration des projets
[projets]
autorises = "ambrosia, arbres-remarquables, arbres-tetards, bellesdemarue, defaut, florileges, missions-flore, sauvages, messicoles"
liste_noms = "arbres-remarquables,arbres-tetards, bellesdemarue, biodiversite34, florileges, sauvages, messicoles,missions-flore"
liste_noms_sci_et_verna = "arbres-remarquables, arbres-tetards, bellesdemarue, florileges, sauvages, messicoles"
autorises = "ambrosia, arbres-remarquables, arbres-tetards, arbres-tetards-gatine, bellesdemarue, defaut, florileges, missions-flore, sauvages, messicoles"
liste_noms = "arbres-remarquables,arbres-tetards, arbres-tetards-gatine, bellesdemarue, biodiversite34, florileges, sauvages, messicoles,missions-flore"
liste_noms_sci_et_verna = "arbres-remarquables, arbres-tetards, arbres-tetards-gatine, bellesdemarue, florileges, sauvages, messicoles"
liste_milieux = "ambrosia, biodiversite34";
/trunk/widget/modules/saisie/configurations/arbres-tetards-gatine_taxons.tsv
New file
0,0 → 1,17
nom_sel num_nom_sel nom_ret num_nom_ret num_taxon famille nom_fr nom_fr_autre groupe
Quercus sp. 83654 Quercus L. 83654 32902 Fagaceae Chêne
Fraxinus excelsior 75139 Fraxinus excelsior L. 75139 30131 Oleaceae Frêne commun
Acer campestre 141 Acer campestre L. 141 8522 Sapindaceae Erable champêtre
Salix alba 59255 Salix alba L. 59255 5134 Salicaceae Saule blanc
Castanea sativa 14752 Castanea sativa Mill. 14752 3279 Fagaceae Châtaignier
Populus nigra 52030 Populus nigra L. 52030 5128 Salicaceae Peuplier noir
Sorbus torminalis 65340 Sorbus torminalis (L.) Crantz 65340 4996 Rosaceae Alisier torminal
Ulmus minor 70296 Ulmus minor Mill. 70296 14872 Ulmaceae Orme champêtre
Pirus communis 54239 Pyrus communis L. 54239 4852 Rosaceae Poirier sauvage
Tilia sp. 68332 Tilia L. 68332 14803 Malvaceae Tilleul
Alnus glutinosa 3318 Alnus glutinosa (L.) Gaertn. 3318 1321 Betulaceae Aulne
Crataegus sp. 86241 Crataegus L. 86241 35196 Rosaceae Aubépine
Fagus silvatica 75130 Fagus sylvatica L. 75130 30122 Fagaceae Hêtre
Prunus avium 53417 Prunus avium (L.) L. 53417 4827 Rosaceae Merisier
Carpinus betulus 14637 Carpinus betulus L. 14637 1328 Betulaceae Charme
Autres espèces
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/arbres-tetards-gatine.tpl.html
New file
0,0 → 1,1046
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Arbres têtards : saisie d'observations</title>
 
<meta charset="utf-8">
 
<meta name="revisit-after" content="15 days" />
<meta name="robots" content="index,follow" />
<meta name="author" content="Jean-Pascal MILCENT" />
<meta name="keywords" content="Arbres têtards, projet, saisie, observation, Gentiana, CEL" />
<meta name="description" content="Projet Arbres têtards du CPIE 79 - Widget de saisie simplifiée pour le CEL" />
 
<!-- Viewport Mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<!-- Favicones -->
<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>modules/saisie/squelettes/arbres-tetards-gatine/img/favicon.ico" />
 
<!-- Javascript : bibliothèques -->
<!-- Google Map v3 -->
<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
<script type="text/javascript" src="https://maps.google.com/maps/api/js?key=<?php echo $cleGoogleMaps; ?>&language=fr&amp;region=FR"></script>
<!-- Proj4js -->
<script type="text/javascript" src="https://resources.tela-botanica.org/proj4js/2.2.1/proj4.js"></script>
 
<!-- Jquery -->
<script src="https://resources.tela-botanica.org/jquery/1.11.1/jquery-1.11.1.min.js"></script>
<!-- Jquery UI : nécessaire pour le mini-calendrier et l'auto-complétion -->
<script src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/jquery-ui.min.js"></script>
<script src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/datepicker-fr.js"></script>
<!-- Jquery Plugins -->
<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
<script src="https://resources.tela-botanica.org/jquery/validate/1.13.0/jquery.validate.min.js"></script>
<script src="https://resources.tela-botanica.org/jquery/validate/1.13.0/localization/messages_fr.js"></script>
<!-- Jquery Form :nécessaire pour l'upload des images -->
<script src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
<!-- Bootstrap -->
<script src="https://resources.tela-botanica.org/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 
<!-- Javascript : appli saisie -->
<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/WidgetSaisie.js"></script>
<script src="<?=$url_base?>modules/saisie/squelettes/arbres-tetards-gatine/js/WidgetSaisieArbresTetardsGatine.js"></script>
<script src="<?=$url_base?>saisie?projet=arbres-tetards-gatine&amp;service=taxons" type="text/javascript"></script>
<script>
//<![CDATA[
$(document).ready(function() {
// OMG un modèle objet !!
var widget = new WidgetSaisieArbresTetardsGatine();
 
// la variable "taxons" chargée par "service=taxons" ci-dessus n'est pas accessible dans le contexte objet
widget.taxons = taxons;
 
// La présence du parametre 'debug' dans l'URL enclenche le débogage
widget.debug = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
widget.html5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;
// Mot-clé du widget/projet
widget.tagProjet = "WidgetSaisie,ArbresTetardsGatine";
// Mots-clés à ajouter aux images
widget.tagImg = "<?=isset($_GET['tag-img']) ? $_GET['tag-img'] : ''?>";
widget.separationTagImg = "<?= isset($_GET['motcle']) && isset($_GET['tag-img']) ? ',' : '' ?>";
widget.tagImg = <?=isset($_GET['motcle']) ? "'".$_GET['motcle']."' + widget.separationTagImg + widget.tagImg" : 'widget.tagImg' ?>;
// Mots-clés à ajouter aux observations
widget.tagObs = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''?>";
widget.separationTagObs = "<?= isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : '' ?>";
widget.tagObs = <?=isset($_GET['projet']) ? "'".$_GET['projet']."' + widget.separationTagObs + widget.tagObs" : 'widget.tagObs' ?>;
// Précharger le formulaire avec les infos d'une observation
widget.obsId = "<?=isset($_GET['id-obs']) ? $_GET['id-obs'] : ''?>";
// URL du web service réalisant l'insertion des données dans la base du CEL.
widget.serviceSaisieUrl = "<?=$url_ws_saisie?>";
// URL du web service permettant de récupérer les infos d'une observation du CEL.
widget.serviceObsUrl = "<?=$url_ws_obs?>";
// Code du référentiel utilisé pour les nom scientifiques.
widget.nomSciReferentiel = "<?=$ns_referentiel?>";
// Indication de la présence d'une espèce imposée
widget.especeImposee = "<?=$espece_imposee; ?>";
// Tableau d'informations sur l'espèce imposée
widget.infosEspeceImposee = <?=$infos_espece; ?>;
// Nombre d'élément dans les listes d'auto-complétion
widget.autocompletionElementsNbre = 20;
 
// Squelette d'URL du web service permettant l'auto-complétion des noms scientifiques
widget.serviceAutocompletionNomSciUrlTpl = "<?=$url_ws_autocompletion_ns_tpl?>?"+
"masque={masque}&"+
"recherche=etendue&"+
"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
"retour.tri=alpharet&"+ // tri "à la CeL"
"ns.structure=au"+"&"+
"navigation.limite=" + widget.autocompletionElementsNbre;
// Nombre d'observations max autorisé avant transmission
widget.obsMaxNbre = 10;
// Durée d'affichage en milliseconde des messages d'informations
widget.dureeMessage = 15000;
// Squelette d'URL du web service de l'annuaire.
widget.serviceAnnuaireIdUrl = "<?=$url_ws_annuaire?>";
// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
widget.serviceNomCommuneUrl = "https://api.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
widget.serviceNomCommuneUrlAlt = "https://api.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
// Squelette d'URL du web service d'eFlore fournissant l'altitude
widget.serviceAltitudeUrl = "https://api.tela-botanica.org/service:eflore:0.1/nasa-srtm/altitude?lon={lon}&lat={lat}";
// URL du marqueur à utiliser dans la carte Google Map
widget.googleMapMarqueurUrl = "<?=$url_base?>modules/saisie/squelettes/arbres-tetards-gatine/img/marqueurs/epingle.png";
// URL de l'icône du chargement en cours
widget.chargementIconeUrl = "<?=$url_base?>modules/saisie/squelettes/arbres-tetards-gatine/img/icones/chargement.gif";
// URL de l'icône du chargement en cours d'une image
widget.chargementImageIconeUrl = "<?=$url_base?>modules/saisie/squelettes/arbres-tetards-gatine/img/icones/chargement-image.gif";
// URL de l'icône du calendrier
widget.calendrierIconeUrl = "<?=$url_base?>modules/saisie/squelettes/arbres-tetards-gatine/img/icones/calendrier.png";
// URL de l'icône pour une photo manquante
widget.pasDePhotoIconeUrl = "<?=$url_base?>modules/saisie/squelettes/arbres-tetards-gatine/img/icones/pasdephoto.png";
 
// Initialisation du bousin
widget.init();
});
//]]>
</script>
 
<!-- CSS -->
<link rel="stylesheet" href="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/css/themes/smoothness/jquery-ui.min.css" />
<link rel="stylesheet" href="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/css/themes/smoothness/theme.css" />
<link rel="stylesheet" href="https://resources.tela-botanica.org/bootstrap/3.2.0/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://resources.tela-botanica.org/bootstrap/3.2.0/css/bootstrap-theme.min.css" />
<link rel="stylesheet" href="<?=$url_base?>modules/saisie/squelettes/arbres-tetards-gatine/css/<?=isset($_GET['style']) ? $_GET['style'] : 'arbres-tetards-gatine'?>.css" />
 
<!-- Google Analytics -->
<?php if($prod): ?>
<?php include "analytics.html"; ?>
<?php endif; ?>
</head>
 
<body data-spy="scroll">
<div class="container">
<div class="page-header">
<h1>
<img id="logo-titre" src="<?=$url_base?>/modules/saisie/squelettes/arbres-tetards-gatine/img/logos/cpie.png" alt="CPIE79" />
Montre ta trogne en Gâtine !
</h1>
</div>
<div class="row">
<div class="col-md-6">
<div id="intro" class="well well-lg">
<a class="fermer" data-toggle="collapse" data-target="#intro-txt">
<h3 class="titre">
Montre ta trogne en Gâtine !
<span class="glyphicon glyphicon-plus-sign"></span>
</h3>
</a>
<div id="intro-txt" class="collapse in">
<p>
Le CPIE de Gâtine Poitevine, dans son rôle d’éducation à la nature et à l’Environnement pour
tous les publics, propose aux citoyens de la Gâtine Poitevine de contribuer à mieux connaître
leur patrimoine naturel et paysager.
Comment ? C’est simple ! Lors de vos randonnées, balades ou même auprès de chez vous,
repérez les <a data-toggle="modal" data-target="#projet-description">« trognes » ou arbres têtards</a> présents dans les haies ou dans les champs et reportez
vos observations dans le formulaire disponible ci-dessous.
Il n’existe pas à ce jour de données de recensement de ces arbres au rôle pourtant si fondamental
dans l’écosystème bocager et marqueurs de l’identité paysagère et culturelle gâtinaise.
A vous de jouer pour améliorer la connaissance et n’hésitez pas à nous suivre sur
<a href="https://www.facebook.com/CpieDeGatinePoitevine/" target="_blank">Facebook</a>
pour connaitre l’actualité de ce projet !
 
</p>
</div>
</div>
</div>
 
<div class="col-md-6">
<div id="aide" class="well well-lg">
<a class="fermer" data-toggle="collapse" data-target="#aide-txt">
<h3 class="titre">
Aide
<span class="glyphicon glyphicon-plus-sign"></span>
</h3>
</a>
<div id="aide-txt" class="collapse in">
<p>
Cet outil vous permet de partager simplement vos observations avec le
<a href="https://www.facebook.com/CpieDeGatinePoitevine/" target="_blank">CPIE de Gâtine Poitevine</a> et le
<a href="http://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>
(sous <a href="http://www.tela-botanica.org/page:licence?langue=fr">licence CC-BY-SA</a>).
Identifiez-vous bien pour ensuite retrouver et gérer vos données dans
<a href="http://www.tela-botanica.org/appli:cel">votre Carnet en ligne</a>.
Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
Elles apparaissent immédiatement sur les
<a href="http://www.tela-botanica.org/site:botanique">cartes et galeries photos </a> du site.
</p>
<p class="discretion">
Pour toute question ou remarque,
<a href="<?= $url_remarques ?>?service=cel&pageSource=<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING']); ?>"
target="_blank"
onclick="javascript:window.open(this.getAttribute('href'), 'Tela Botanica - Remarques', config='height=700, width=640, scrollbars=yes, resizable=yes'); return false;">
contactez-nous</a>
</p>
<p class="discretion">
Une fois familiarisé avec l'interface vous pouvez cliquer sur le bouton suivant pour désactiver l'aide&nbsp;:
<button id="btn-aide" class="btn btn-xs btn-success">
<span class="glyphicon glyphicon-question-sign icon-white"></span>
<span id="btn-aide-txt">Désactiver l'aide</span>
</button>
</p>
</div>
</div>
</div>
</div>
 
<div class="well well-lg">
<h2>Observateur</h2>
<form id="form-observateur" role="form" autocomplete="on">
<div class="row">
<div class="col-md-6 form-group has-tooltip" data-placement="right"
title="Saisissez le courriel avec lequel vous êtes inscrit à Tela Botanica.
Si vous n'êtes pas inscrit ce n'est pas grave, vous pourrez le faire
ultérieurement. Des informations complémentaires vont vous être
demandées : prénom et nom.">
<label for="courriel" title="Veuillez saisir votre adresse courriel.">
<strong class="obligatoire">*</strong>
Courriel
</label>
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
<input id="courriel" name="courriel" class="form-control" type="text"/>
<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
</div>
</div>
<div id="zone-courriel-confirmation" class="col-md-6 form-group has-feedback hidden">
<label for="courriel_confirmation" title="Veuillez confirmer le courriel.">
<strong class="obligatoire">*</strong> Courriel (confirmation)
</label>
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
<input id="courriel_confirmation" name="courriel_confirmation" class="form-control" type="text"/>
</div>
</div>
</div>
<div id="zone-prenom-nom" class="row hidden">
<div class="col-md-6 form-group">
<label for="prenom">Prénom</label>
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
<input id="prenom" name="prenom" class="form-control" type="text"/>
</div>
</div>
<div class="col-md-6 form-group">
<label for="nom">Nom</label>
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
<input id="nom" name="nom" class="form-control" type="text"/>
</div>
</div>
</div>
</form>
</div>
 
<!-- Messages d'erreur du formulaire-->
<div class="row">
<div class="zone-alerte col-md-6 col-md-offset-3">
<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block" style="display:none;">
<button type="button" class="close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="alert-heading">Information : copier/coller</h4>
<p>
Merci de ne pas copier/coller votre courriel.<br/>
La double saisie permet de vérifier l'absence d'erreurs.
</p>
</div>
<div id="dialogue-courriel-introuvable" class="alert alert-info alert-block" style="display:none;">
<button type="button" class="close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="alert-heading">Information : courriel introuvable</h4>
<p>
Vous n'êtes pas inscrit à Tela Botanica avec ce courriel.<br/>
Veuillez compléter les champs supplémentaires ou indiquer votre courriel d'inscription.<br/>
Pour retrouver vos observations dans le <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>,
il sera nécessaire de <a href="http://www.tela-botanica.org/page:inscription">vous inscrire à Tela Botanica</a>.
</p>
<div id="dialogue-google-map" class="alert alert-info alert-block" style="display: none;">
<button type="button" class="close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="alert-heading">Information sur Google Maps</h4>
<div class="contenu"></div>
</div>
</div>
</div>
 
<div class="well well-lg">
<div class="row">
<div class="col-md-12">
<h2>Lieu du relevé</h2>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-3">
<strong title="Veuillez localiser l'observation">Géolocalisation</strong>
</div>
<div class="col-md-9 text-right">
<form id="form-carte-recherche" class="form-horizontal" role="form">
<div class="form-group">
<label for="carte-recherche" class="sr-only">Rechercher</label>
<div class="col-md-12">
<div class="input-group">
<input id="carte-recherche" class="form-control has-tooltip" type="search" value=""
title="Permet de centrer la carte sur le lieu recherché."
placeholder="Centrer la carte sur un lieu..."/>
<span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div id="map-canvas" class="has-tooltip"
title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
représentant votre station ou bien le glisser-déposer sur
le lieu souhaité."></div>
</div>
</div>
<div class="row">
<div id="info-altitude" class="col-md-5">
<span>Altitude : </span>
<span id="marqueur-altitude"><span id="altitude"></span> m</span>
</div>
 
<div id="info-commune" class="col-md-7">
<span>Commune : </span>
<span id="marqueur-commune">
<span id="commune-nom" class="commune-info"></span>
(<span id="commune-code-insee" class="commune-info has-tooltip"
title="Code INSEE de la commune"></span>)
</span>
</div>
</div>
</div>
<div class="col-md-6">
<form id="form-station" class="form-horizontal" role="form" autocomplete="on">
<div class="form-group has-tooltip"
title="Toponyme plus précis que la commune, utilisé localement et se trouvant souvent sur les cartes au 1/25 000." >
<label for="lieudit" class="col-sm-2 control-label">
Lieu-dit
</label>
<div class="col-sm-10">
<input id="lieudit" name="lieudit" class="form-control" type="text" />
</div>
</div>
 
<div class="form-group has-tooltip"
title="Sélectionnez une ou plusieurs situations correspondant au site.">
<label for="milieux[]"class="col-sm-2 control-label">Situation(s)</label>
<div id="milieux-controls" class="col-sm-10">
<div class="btn-group dropdown">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-globe"></span>
Sélectionner une ou plusieurs situations
<span class="caret"></span>
</button>
<ul class="dropdown-menu col-sm-12" role="menu" aria-labelledby="dLabel">
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="milieux[]" class="cb-milieux" type="checkbox" value="séparation de parcelle"/>
Séparation de parcelle
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="milieux[]" class="cb-milieux" type="checkbox" value="proximité de bâtiment"/>
Proximité de bâtiment
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="milieux[]" class="cb-milieux" type="checkbox" value="plein champ"/>
Plein champ
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="milieux[]" class="cb-milieux" type="checkbox" value="jardin de particulier"/>
Jardin de particulier
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="milieux[]" class="cb-milieux" type="checkbox" value="bord de cours d'eau"/>
Bord de cours d'eau
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="milieux[]" class="cb-milieux" type="checkbox" value="bord de chemin"/>
Bord de chemin
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="milieux[]" class="cb-milieux" type="checkbox" value="intégré à une haie"/>
Intégré à une haie
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="milieux[]" class="cb-milieux" type="checkbox" value="en forêt"/>
En forêt
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="milieux[]" class="cb-milieux" type="checkbox" value="en zone humide"/>
En zone humide
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="milieux[]" class="cb-milieux" type="checkbox" value="prairies"/>
Prairies
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="milieux[]" class="cb-milieux" type="checkbox" value="champ cultivé"/>
Champ cultivé
</label>
</a>
</li>
<li class="checkbox" role="presentation">
<a role="menuitem">
<label>
<input name="milieux[]" class="cb-milieux" type="checkbox" value="lisière de boisement"/>
Lisière de boisement
</label>
</a>
</li>
</ul>
</div>
</div>
</div>
 
<div class="row">
<div class="col-md-12">
<button class="afficher-coord btn-coord btn btn-default"
data-toggle-text="Cacher les coordonnées (WGS 84 et Lambert 93)">
Afficher les coordonnées (WGS 84 et Lambert 93)
</button>
<div id="coordonnees-geo" class="well hidden">
<div class="row">
<div class="col-md-4">
<div id="coord-lat" class="form-group form-group-sm">
<label for="latitude" class="col-sm-4 control-label">Latitude</label>
<div class="col-sm-8">
<input id="latitude" class="form-control" name="latitude" type="text"
title="Latitude (WGS 84)" value=""/>
</div>
</div>
</div>
<div class="col-md-5">
<div id="coord-lng" class="form-group form-group-sm">
<label for="latitude" class="col-sm-4 control-label">Longitude</label>
<div class="col-sm-8">
<input id="longitude" class="form-control" name="longitude" type="text"
title="Longitude (WGS 84)" value=""/>
</div>
</div>
</div>
<div class="col-md-2">
<div id="coord-lng" class="form-group form-group-sm">
<input type="button" id="geolocaliser"
class="btn btn-default btn-sm has-tooltip"
title="Centre la carte sur les coordonnées de latitude et longitude saisies."
value="Voir sur la carte"/>
</div>
</div>
</div>
 
<div class="row">
<div class="col-md-6">
<div id="coord-l93-x" class="form-group">
<label for="l93-x" class="col-sm-6 control-label">X Lambert 93</label>
<div class="col-sm-5">
<input id="l93-x" disabled type="text" class="input-sm form-control obs-chp-etendu"
name="coordonneeLambert93X"
data-label="Lambert 93 X"
value=""/>
</div>
</div>
</div>
<div class="col-md-6">
<div id="coord-l93-y" class="form-group">
<label for="l93-y" class="col-sm-6 control-label">Y Lambert 93</label>
<div class="col-sm-5">
<input id="l93-y" disabled type="text" class="input-sm form-control obs-chp-etendu"
name="coordonneeLambert93Y"
data-label="Lambert 93 Y"
value=""/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
 
<div class="row">
<div class="col-md-6">
<form id="form-obs" class="form-horizontal" role="form" autocomplete="on">
<h2>Arbre observé</h2>
<input id="referentiel" type="hidden" value="bdtfx" />
 
<div class="form-group has-tooltip"
title="Vous pouvez cliquer sur l'icône de calendrier pour
sélectionner une date dans un calendrier.">
<label for="date" class=" col-sm-4 control-label"
title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
<strong class="obligatoire">*</strong>
Date du relevé
</label>
<div class="col-sm-8">
<div class="input-group">
<span id="date-icone" class="input-group-addon add-on"></span>
<input id="date" name="date" class="form-control" type="text" placeholder="jj/mm/aaaa" />
</div>
</div>
</div>
 
<div id="taxon-liste-input-groupe" class="form-group has-tooltip"
title="Sélectionnez une espèce dans la liste déroulante par son nom latin
ou commun. Si une espèce est absente, sélectionnez «Autre espèce»." >
<label for="taxon-liste" class="col-sm-4 control-label" title="Choisissez l'espèce rencontrée.">
<strong class="obligatoire">*</strong>
Espèces
</label>
<div class="col-sm-8">
<div class="input-group">
<span class="input-group-addon">
<span class="glyphicon glyphicon-leaf"></span>
</span>
 
<select id="taxon-liste" name="taxon-liste" class="form-control">
<option value="" selected>Sélectionner une espèce</option>
 
<optgroup id="taxon-liste-noms">
<?php foreach ($taxons['sci-et-fr'] as $taxon) :?>
<option
class="<?=$taxon['nom_type'] ?>"
value="<?=$taxon['num_nom'] ?>"
title="<?=$taxon['nom_title'] ?>"
data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
>
<?=$taxon['nom_a_afficher']?>
</option>
<?php endforeach; ?>
</optgroup>
<optgroup id="taxon-liste-special">
<?php foreach ($taxons['speciaux'] as $taxon) :?>
<option
class="<?=$taxon['nom_type'] ?>"
value="<?=$taxon['num_nom'] ?>"
title="<?=$taxon['nom_title'] ?>"
data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
>
<?=$taxon['nom_a_afficher']?>
</option>
<?php endforeach; ?>
<option value="?">Autre espèce</option>
</optgroup>
</select>
</div>
</div>
</div>
 
<div id="taxon-input-groupe" class="form-group has-tooltip hidden"
title="Vous pouvez saisir ici un nom absent du référentiel (Ex. : 'fleur violette' ou 'Viola sp.1')." >
<label for="taxon" class="col-sm-4 control-label" title="Choisissez l'espèce rencontrée.">
<strong class="obligatoire">*</strong>
Autre espèce
</label>
<div class="col-sm-8">
<input id="taxon" name="taxon" type="text" class="form-control"
placeholder="Autre espèce (ou indication sur la plante)"
value="<?= $nom_sci_espece_defaut; ?>" />
</div>
</div>
 
<div class="form-group has-tooltip"
title="Indiquez la certitude de votre détermination.">
<label for="certitude" class="col-sm-4 control-label">
<strong class="obligatoire">*</strong>
Identification de l'arbre
</label>
<div class="col-sm-8">
<select id="certitude" class="form-control" name="certitude">
<option selected value="">Sélectionner une certitude</option>
<option value="Certaine">Certaine</option>
<option value="Douteuse">Douteuse</option>
<option value="A déterminer">À déterminer</option>
</select>
</div>
</div>
 
<div class="form-group has-tooltip"
title="Indiquez le type de formation de l'arbre ou des arbres têtards.">
<label for="formation" class="col-sm-4 control-label">
<strong class="obligatoire">*</strong>
Formation
</label>
<div class="col-sm-8 select-container">
<select id="formation" class="form-control obs-chp-etendu"
name="arbreTetardFormation"
data-label="Type de formation">
<option selected value="">Sélectionner une formation</option>
<option value="alignement">Arbres d'alignement</option>
<option value="isolé">Arbre isolé</option>
</select>
</div>
</div>
 
<div id="aligne-nbre-groupe" class="form-group has-tooltip hidden"
title="Indiquez le nombre d'arbres têtards alignés." >
<label for="aligne-nbre" class="col-sm-4 control-label">
<strong class="obligatoire">*</strong>
Nombre d'arbres
</label>
<div class="col-sm-4">
<input id="aligne-nbre" type="number" class="form-control obs-chp-etendu"
min="2"
name="arbreTetardAligneNbre"
data-label="Nombre d'arbres d'alignement"
value="" />
</div>
</div>
 
<div class="form-group has-tooltip"
title="Indiquez si des cavités sont présentes sur l'arbre.">
<label for="cavites" class="col-sm-4 control-label">
Cavités
</label>
<div class="col-sm-8">
<select id="cavites" class="form-control obs-chp-etendu"
name="arbreTetardPresenceCavite"
data-label="Présence de cavités">
<option selected value="">Sélectionner la présence de cavités</option>
<option value="aucune">Aucune</option>
<option value="petite">Oui, petite(s)</option>
<option value="grande">Oui, grande(s)</option>
</select>
</div>
</div>
 
<div class="form-group has-tooltip"
title="Indiquez la classe de circonférence de l'arbre à 1m du sol.">
<label for="circonference" class="col-sm-4 control-label">
Circonférence
</label>
<div class="col-sm-8">
<select id="circonference" class="form-control obs-chp-etendu"
name="arbreTetardClasseCirconferenceA1m"
data-label="Classe de circonférence à 1 m du sol (en m)">
<option selected value="">Sélectionner la circonférence (à 1m du sol)</option>
<option value="0-0,5">0 à 0,5m</option>
<option value="0,5-2">0,5 à 2m</option>
<option value="2-3">2 à 3m</option>
<option value="+3">&gt; à 3m</option>
</select>
</div>
</div>
 
<div class="form-group has-tooltip"
title="Indiquez la hauteur de la tête.">
<label for="hauteur-tete" class="col-sm-4 control-label">
Hauteur de la tête
</label>
<div class="col-sm-8">
<select id="hauteur-tete" class="form-control obs-chp-etendu"
name="arbreTetardHauteurTete"
data-label="Hauteur de la tête (en m)">
<option selected value="">Sélectionner la hauteur</option>
<option value="0-1,5">0 à 1,5m</option>
<option value="1,5-3">1,5 à 3m</option>
<option value="+3">&gt; à 3m</option>
</select>
</div>
</div>
 
<div class="form-group">
<label for="presence-sp" class="col-sm-12 control-label">Espèces présentes sur l'arbre (végétale ou animale)</label>
<div class="col-sm-12">
<textarea id="presence-sp" class="form-control obs-chp-etendu" rows="7"
name="arbreTetardPresenceSp"
data-label="Présence d'espèces sur l'arbre"
placeholder="Vous pouvez éventuellement indiquer des informations du type : Champignons ; Lierre ; Mousses ; Lichens ; Autre plante... Larve d'insecte saproxylique ; Galerie dans le bois ; Pelote de réjection ; Nid ; Crotte ; Trou"></textarea>
</div>
</div>
</form>
</div>
 
<div class="col-md-6">
<form id="form-gestion" class="form-horizontal" role="form" autocomplete="on">
<h2>Gestion de l'arbre</h2>
 
<div class="form-group has-tooltip"
title="Indiquez le type de taille de l'arbre.">
<label for="taille-type" class="col-sm-4 control-label">
Type de taille
</label>
<div class="col-sm-8">
<div class="input-group">
<select id="taille-type" class="form-control obs-chp-etendu"
name="arbreTetardTailleType"
data-label="Type de taille">
<option selected value="">Sélectionner le type de taille</option>
<option value="trogne">Trogne</option>
<option value="tête de chat">Tête de chat</option>
<option value="émonde">Émonde</option>
<option value="autre">Autre, précisez le type de taille dans les notes</option>
</select>
<div class="input-group-btn">
<button class="btn btn-default" type="button" data-toggle="modal" data-target="#taille-description">
<span class="glyphicon glyphicon-info-sign"></span> Aide
</button>
</div>
</div>
</div>
</div>
 
<div class="form-group has-tooltip"
title="Indiquez le type d’entretien de l'arbre, en précisant la périodicité des coupes.">
<label for="entretien" class="col-sm-4 control-label">
Type d'entretien
</label>
<div class="col-sm-8">
<select id="entretien" class="form-control obs-chp-etendu"
name="arbreTetardEntretienCoupe"
data-label="Coupe d'entretien">
<option selected value="">Sélectionner la périodicité des coupes</option>
<option value="récente">Coupe récente (< 5 ans ; diamètre des branches < 10cm)</option>
<option value="ancienne">Ancienne (5 à 10 ans ; diamètre des branches entre 10 et 15 cm )</option>
<option value="non entretenu">Non entretenu ( diamètre des branches > 15 cm)</option>
</select>
</div>
</div>
 
<div class="form-group has-tooltip"
title="Indiquez l'état sanitaire de l'arbre têtard.">
<label for="etat-sanitaire" class="col-sm-4 control-label">
État sanitaire
</label>
<div class="col-sm-8">
<select id="etat-sanitaire" class="form-control obs-chp-etendu"
name="arbreTetardEtatSanitaire"
data-label="État sanitaire">
<option selected value="">Sélectionner l'état sanitaire</option>
<option value="mort">Mort</option>
<option value="dépérissant">Dépérissant</option>
<option value="bon">Bon état général</option>
</select>
</div>
</div>
</form>
 
<div class="row">
<div class="col-md-12">
<h2>Notes</h2>
<textarea id="notes" form="form-obs" class="form-control col-md-12" rows="7" name="notes"
placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation"></textarea>
</div>
</div>
 
<div class="row">
<form id="form-upload" class="form form-horizontal" role="form" action="<?= $url_ws_upload ?>"
method="post" enctype="multipart/form-data">
<div class="col-md-12">
<h2>Image(s) de l'arbre</h2>
<strong>Ajouter une image</strong>
<p class="miniature-info discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacune.</p>
<div id ="photos-conteneur" class="form-group">
<div class="col-sm-12">
<input type="file" id="fichier" name="fichier" class="form-control" accept="image/jpeg" />
<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
</div>
<div id="miniatures"></div>
<p class="miniature-msg col-md-12">&nbsp;</p>
</div>
</div>
</form>
</div>
</div>
</div>
 
<div class="row">
<div class="col-md-12 centre has-tooltip"
title="Une fois les champs remplis, cliquez sur ce bouton pour
ajouter votre observation à la liste à transmettre.">
<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
Créer
</button>
</div>
</div>
</div>
 
<!-- Messages d'erreur du formulaire-->
<div class="row">
<div class="zone-alerte col-md-6 col-md-offset-3">
<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
<a class="close">×</a>
<h4 class="alert-heading">Information : 10 observations maximum</h4>
<p>
Vous venez d'ajouter votre 10ème observation.<br/>
Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
</p>
</div>
</div>
<div class="zone-alerte col-md-6 col-md-offset-3">
<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;">
<a class="close">×</a>
<h4 class="alert-heading">Information : champs en erreur</h4>
<p>
Certains champs du formulaire sont mal remplis.<br/>
Veuillez vérifier vos données.
</p>
</div>
</div>
</div>
 
<!-- Affiche le tableau récapitulatif des observations ajoutées -->
<div id="zone-liste-obs" class="row">
<div class="col-md-12">
<div class="well well-lg">
<div class="row">
<div class="col-md-8">
<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
</div>
<div class="col-md-4 text-right">
<button id="transmettre-obs" class="btn btn-primary btn-large has-tooltip"
type="button" disabled="disabled"
title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">
Transmettre
</button>
</div>
</div>
<div id="liste-obs" ></div>
<div class="row">
<div class="zone-alerte col-md-6 col-md-offset-3">
<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
<a class="close">×</a>
<h4 class="alert-heading">Attention : aucune observation</h4>
<p>Veuillez saisir des observations pour les transmettre.</p>
</div>
 
<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block" style="display: none;"">
<a class="close">×</a>
<h4 class="alert-heading">Information : transmission des observations</h4>
<div class="alert-txt"></div>
</div>
 
<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block" style="display: none;">
<a class="close">×</a>
<h4 class="alert-heading">Erreur : transmission des observations</h4>
<div class="alert-txt"></div>
</div>
</div>
</div>
 
</div>
</div>
</div>
 
<footer class="row">
<p class="col-md-12 ">Réalisation &amp; hébergement : <a href="http://www.tela-botanica.org" target="_blank">Tela Botanica</a> 2014</p>
</footer>
 
<!-- Templates HTML -->
<div id="tpl-transmission-ok" style="display:none;">
<p class="msg">
Vos observations ont bien été transmises.<br />
Elles sont désormais consultables à travers les différents outils de visualisation
du réseau (<a href="http://www.tela-botanica.org/site:botanique">eFlore</a>,
<a href="http://www.tela-botanica.org/appli:pictoflora">Pictoflora</a>,
<a href="http://www.tela-botanica.org/appli:del">Identiplante</a>,
<a href="http://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br />
Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous
connectant à votre <a href="http://www.tela-botanica.org/appli:cel">Carnet en Ligne</a>.<br />
N'oubliez pas qu'il est nécessaire de
<a href="http://www.tela-botanica.org/page:inscription">s'inscrire à Tela Botanica</a>
au préalable, si ce n'est pas déjà fait.
</p>
</div>
<div id="tpl-transmission-ko" style="display:none;">
<p class="msg">
Une erreur est survenue lors de la transmission d'une observation (indiquée en rouge).<br />
Vous pouvez tenter de la retransmettre en cliquant à nouveau sur le bouton transmettre ou bien la supprimer
et transmettre les suivantes.<br />
Néanmoins, les observations n'apparaissant plus dans la liste "observations à transmettre", ont bien été transmises lors de votre précédente tentative. <br />
Si le problème persiste, vous pouvez signaler le dysfonctionnement sur
<a href="<?= $url_remarques ?>?service=cel&pageSource=<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING']); ?>"
target="_blank"
onclick="javascript:window.open(this.getAttribute('href'), 'Tela Botanica - Remarques', config='height=700, width=640, scrollbars=yes, resizable=yes'); return false;">
le formulaire de signalement d'erreurs</a>.
</p>
</div>
 
<!-- Fenêtres modales -->
<div id="chargement" class="modal-fenetre" style="display:none;">
<div id="chargement-centrage" class="modal-contenu">
<div class="progress">
<div id="barre-progression-upload" class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
<span class="sr-only">0/10 observations transmises</span>
</div>
</div>
 
<p id="chargement-txt" style="color:white;font-size:1.5em;">
Transfert des observations en cours...<br />
Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre
d'observations à transférer.
</p>
</div>
</div>
 
<div id="projet-description" class="modal fade" tabindex="-1" role="dialog"
aria-labelledby="projet-description-titre" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
</button>
<h1 id="projet-description-titre" class="modal-title">Les arbres têtards</h1>
</div>
<div class="modal-body">
<div class="dsc-imgs">
<img src="<?=$url_base?>/modules/saisie/squelettes/arbres-tetards-gatine/img/dsc/tetard_simple.png" alt="Illustration d'un arbre tétârd"/>
</div>
<div class="dsc-infos text-justify">
<h2>Qu'est-ce qu'un arbre têtard&nbsp;?</h2>
<p>
Les arbres taillés en têtard présentent une morphologie particulière du fait de l’entretien
qu'ils ont connu au fil des ans. Leur tronc, plus ou moins tortueux, supporte une « tête »
présentant de nombreux renflements. Cette partie de l’arbre s’est formée à la suite d’une
taille répétée, créant ainsi des bourrelets cicatriciels et donnant un aspect très
caractéristique à ces arbres.<br />
De nombreuses essences d’arbres peuvent être conduites en têtard. En Isère, les plus
fréquentes sont les saules, les frênes, les peupliers et aussi les mûriers.
</p>
 
<h2>Patrimoine naturel</h2>
<p>
Au fur et à mesure de la croissance et de la taille des arbres têtards, des <strong>cavités</strong> plus
ou moins importantes s’ouvrent au cœur du tronc. Ces abris naturels sont occupés par de
<strong>nombreuses espèces d’oiseaux et d’insectes</strong> s'y installant pour les conditions particulières
que ces cavités procurent.<br/>
Outre leurs qualités de gîte et de source de nourriture, les trognes jouent
<strong>d'autres rôles écologiques</strong> en retenant les berges des
cours d'eau, limitant les crues, protégeant les cultures des vents, etc.
</p>
 
<h2>Patrimoine culturel</h2>
<p>
Ces arbres sont les témoins de pratiques agricoles ancestrales. Ils produisent la matière
première pour la <strong>vannerie</strong>, des <strong>liens flexibles</strong>
pour l'agriculture (lier les fagots, attacher la vigne et les fruitiers,...),
du <strong>fourrage</strong>, du <strong>bois de chauffage</strong>. De plus
ils étaient largement utilisés pour marquer le bornage des parcelles agricoles ainsi
que pour la <strong>sériciculture</strong>, afin de nourrir les vers à soie.<br />
Enfin ce sont aujourd'hui des <strong>éléments remarquables de nos paysages</strong>
qui participent à l'identité culturelle de nos territoires.
</p>
<p class="bg-success text-center">
<strong>
Afin d’œuvrer à leur conservation, nous avons besoin de vous :
transmettez-nous vos observations.
</strong>
</p>
</div>
</div>
<div class="modal-footer dsc-clean">
<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Fermer</button>
</div>
</div>
</div>
</div>
 
<div id="taille-description" class="modal fade" tabindex="-1" role="dialog"
aria-labelledby="taille-description-titre" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
</button>
<h1 id="taille-description-titre" class="modal-title">Les types de taille les plus courants</h1>
</div>
<div class="modal-body text-center">
<div class="taille-img thumbnail">
<div class="taille-img-alignement">
<img src="<?=$url_base?>/modules/saisie/squelettes/arbres-tetards-gatine/img/dsc/taille_tetard.png"
alt="Illustration d'un arbre tétârd taillé en têtard ou trogne"/>
<div class="caption"><h3>En têtard ou trogne</h3></div>
</div>
</div>
<div class="taille-img thumbnail">
<div class="taille-img-alignement">
<img src="<?=$url_base?>/modules/saisie/squelettes/arbres-tetards-gatine/img/dsc/taille_tete_de_chat.png"
alt="Illustration d'un arbre tétârd taillé en têtard de chat"/>
<div class="caption"><h3>En tête de chat</h3></div>
</div>
</div>
<div class="taille-img thumbnail">
<div class="taille-img-alignement">
<img src="<?=$url_base?>/modules/saisie/squelettes/arbres-tetards-gatine/img/dsc/taille_ragosse.png"
alt="Illustration d'un arbre tétârd taillé en ragosse"/>
<div class="caption"><h3>En ragosse</h3></div>
</div>
</div>
</div>
<div class="modal-footer dsc-clean">
<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Fermer</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/css/arbres-tetards-gatine.css
New file
0,0 → 1,496
@CHARSET "UTF-8";
/*
Code couleurs :
Police : ?
Gris :
foncé : #2B2E34
clair : #D7DBC5
Vert :
foncé : #C4D24C / #898F5E (couverture)
median : #CAD65E / #C0CE40 (titre)
clair : #D9E28C / #E4E9AD / #F4F7DF
Marron
fonçé : #999E6C
clair texturé : #CDBEA2
 
*/
/*+--------------------------------------------------------------------------------------------------------+*/
/* Polices d'écriture*/
/* FONT : Balthazar */
@font-face {
font-family: 'Balthazar';
font-style: normal;
font-weight: 400;
src:
local('Balthazar Regular'),
local('Balthazar-Regular'),
url('https://resources.tela-botanica.org/fonts/balthazar/regular.woff') format('woff');
}
/* FONT : Ubuntu */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 400;
src:
local('Ubuntu'),
url(https://resources.tela-botanica.org/fonts/ubuntu/regular.woff) format('woff'),
url(https://resources.tela-botanica.org/fonts/ubuntu/regular.ttf) format('ttf');
}
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
src:
local('Ubuntu Bold'),
local('Ubuntu-Bold'),
url(https://resources.tela-botanica.org/fonts/ubuntu/bold.woff) format('woff'),
url(https://resources.tela-botanica.org/fonts/ubuntu/bold.ttf) format('ttf');
}
@font-face {
font-family: 'Ubuntu';
font-style: italic;
font-weight: 400;
src:
local('Ubuntu Italic'),
local('Ubuntu-Italic'),
url(https://resources.tela-botanica.org/fonts/ubuntu/italic.woff) format('woff'),
url(https://resources.tela-botanica.org/fonts/ubuntu/italic.ttf) format('ttf');
}
@font-face {
font-family: 'Ubuntu';
font-style: italic;
font-weight: 700;
src:
local('Ubuntu Bold Italic'),
local('Ubuntu-BoldItalic'),
url(https://resources.tela-botanica.org/fonts/ubuntu/bold_italic.woff) format('woff'),
url(https://resources.tela-botanica.org/fonts/ubuntu/bold_italic.ttf) format('ttf');
}
/* FONT : Muli */
@font-face {
font-family: 'Muli';
font-style: normal;
font-weight: 300;
src:
local('Muli Light'),
local('Muli-Light'),
url(https://resources.tela-botanica.org/fonts/muli/regular.woff) format('woff'),
url(https://resources.tela-botanica.org/fonts/muli/regular.ttf) format('ttf');
}
@font-face {
font-family: 'Muli';
font-style: normal;
font-weight: 400;
src:
local('Muli'),
url(https://resources.tela-botanica.org/fonts/muli/bold.woff) format('woff');
}
@font-face {
font-family: 'Muli';
font-style: italic;
font-weight: 300;
src:
local('Muli Light Italic'),
local('Muli-LightItalic'),
url(https://resources.tela-botanica.org/fonts/muli/italic.woff) format('woff'),
url(https://resources.tela-botanica.org/fonts/muli/italic.ttf) format('ttf');
}
@font-face {
font-family: 'Muli';
font-style: italic;
font-weight: 400;
src:
local('Muli Italic'),
local('Muli-Italic'),
url(https://resources.tela-botanica.org/fonts/muli/bold_italic.woff) format('woff'),
url(https://resources.tela-botanica.org/fonts/muli/bold_italic.ttf) format('ttf');
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Balises */
body {
background-color: #d9e28c;
background: url('../img/background/page_fond.jpg') no-repeat;
background-attachment:fixed;
background-position:center 0%;
background-size:100% auto;
}
footer p{
text-align:center;
}
button img {
display:block;
}
h2 {
color: #C0CE40;
font-family: 'Muli', sans-serif;
border-bottom: 1px solid #2B2E34;
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* Générique */
.discretion {
color:grey;
font-family:arial;
font-size:11px;
line-height: 13px;
}
.centre {
text-align:center;
}
.modal-fenetre {
position:fixed;
z-index:1000;
top:0;
left:0;
height:100%;
width:100%;
background:#777;
background:rgba(90,86,93,0.7);
text-align:center;
}
.modal-contenu {
position:relative;
width:30%;
margin:0 auto;
top:30%;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Formulaire spécifique */
.page-header {
background-color: rgba(245,245,245,0.85);
border-radius: 10px;
}
.page-header h1{
font-size: 3em;
line-height: 90px;
color: #2B2E34;
font-family: 'Ubuntu', sans-serif;
margin-bottom: 0;
}
#logo-titre {
position: relative;
left: 8px;
margin-right: 1em;
height: 80px;
}
 
#intro-txt a {
cursor: pointer;
}
 
#info-commune {
text-align:right;
}
.ns-retenu {
font-weight:bold;
}
.nn{
color:#3B9D3B;
}
.nom-sci {
font-style: italic;
}
 
.obs-action{
opacity:1;
}
 
#miniatures {
padding-top: 5px;
}
 
.miniature{
float: left;
height: 130px;
padding: 10px;
}
 
.miniature-img {
height: 100px;
margin: 0;
}
 
.miniature img {
display: block;
}
 
.miniature-chargement {
height:100px;
width: 100px;
}
 
.defilement-miniatures-gauche, .defilement-miniatures-droite {
float: left;
font-size: 1.2em;
font-weight: bold;
height: 62px;
margin: 5px;
padding-top: 30px;
width: 12px;
}
 
.defilement-miniatures {
width: 210px;
}
.defilement-miniatures .thumbnail {
float: left;
}
 
.defilement-miniatures-cache {
visibility: hidden;
}
 
.miniature-cachee {
display: none;
}
 
.miniature-selectionnee {
display: block;
box-sizing: content-box;
max-height: 100px;
width: 90px;
background-position: center center;
background-repeat: no-repeat;
}
 
#referentiel {
display: inline;
}
 
#photos-conteneur {
height: 120px;
}
 
#photo-placeholder {
background: url("../img/icones/icone-photo.png");
background-size: 89px;
cursor: pointer;
margin-bottom: 15px;
margin-right: 15px;
float:left;
border: 5px dashed #CCCCCC;
border-radius: 8px 8px 8px 8px;
height: 100px;
margin: 2px 0 2px 2px;
text-align: center;
width: 98px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
 
#photo-placeholder:hover {
background: url("../img/icones/icone-photo-hover.png");
background-size: 89px;
border: 5px dashed #111;
border-radius: 8px;
}
 
#barre-progression-upload span {
color : #333333;
}
 
.obs-erreur {
background-color: #DD6E6E;
}
 
/* par défaut BS3 fait des trucs chelous */
#barre-progression-upload .sr-only {
height: auto;
width: auto;
clip: auto;
margin: none;
left: 230px; /* à la louche */
}
 
#taxon-liste optgroup + optgroup {
border-top: 1px solid black;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Details obs ajoutées*/
.obs-entete {
margin-bottom: 0;
}
.obs-entete .nom-sci, .obs-entete .commune, .obs-entete .date{
font-size:1.3em;
font-weight:bold;
color: #777;
}
.obs-entete .referentiel-obs {
color:#3B9D3B;
}
.obs-details span{
font-style:italic;
color: #777;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Google Map*/
#map-canvas {
height:280px;
}
#map-canvas img{
max-width: none;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Form validation */
/* Validation du formulaire */
label.error {
font-weight: bold;
font-style: italic;
color: #B94A48;
padding: 0 8px;
}
 
label.valid {
display: inline-block;
text-indent: -9999px;
color: #468847;
width: 0;
height: 0;
padding: 0;
}
 
.control-group.error label {
font-weight: bold;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Collapse */
.well .fermer-symbole {
position: absolute;
right:0;
}
.well .titre, .fermer {
margin:0;
padding: 0;
font-size: 20px;
line-height: 20px;
cursor:pointer;
}
.well .fermer {
display:block;
color: black;
}
.well .fermer:hover {
text-decoration: none;
}
.well .glyphicon-plus-sign {
position:absolute;
right:1em;
top: 0.2em;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/*Modal description */
 
/* Modal : projet description */
.dsc-imgs {
max-width: 800px;
margin:0 auto;
}
.dsc-infos {
max-width: 800px;
}
.dsc-clean {
clear:both;
}
 
/* Modal : taille description */
.taille-img {
position: relative;
float:left;
width:300px;
height: 450px;
margin-left: 10px;
}
.taille-img-alignement {
display: table-cell;
vertical-align: bottom;
width:300px;
height: 380px;
}
.taille-img img {
margin: 0 auto;
}
.taille-img .caption {
position: absolute;
bottom:0;
width:300px;
text-align: center;
}
 
@media (min-width: 600px) and (max-width: 800px) {
.taille-img, .taille-img .caption {
width: 190px;
}
.dsc-imgs {
width: 600px;
}
.dsc-imgs img {
width: 290px;
}
.dsc-infos {
width: 600px;
}
}
@media (min-width: 801px) and (max-width: 1359px) {
#taille-description .modal-content {
width:800px;
margin-left: -100px;
}
.taille-img, .taille-img .caption {
width: 240px;
}
#projet-description .modal-content {
width:800px;
margin-left: -100px;
}
.dsc-imgs {
width: 780px;
}
.dsc-infos {
width: 750px;
}
}
@media (min-width: 1360px) {
#taille-description .modal-content {
width:980px;
margin-left: -175px;
}
#projet-description .modal-content {
width:1360px;
margin-left: -380px;
}
.dsc-imgs {
float:left;
}
.dsc-infos {
float:left;
margin-left: 50px;
max-width: 700px;
}
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* Correction style CSS Bootstrap */
.well {
margin-bottom: 5px;
padding: 4px;
background-color: rgba(245,245,245,0.85);
}
.btn-primary {
background-image: linear-gradient(to bottom, #D9E28C, #999E6C);
background-color: #999E6C;
font-weight: bold;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
color: rgb(255, 255, 255);
background-color: #999E6C;
}
 
input[type="file"] {
padding-top: 0;
}
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/arbres-tetards-gatine_taxons.tpl.js
New file
0,0 → 1,0
var taxons = <?=$taxons?>;
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/dsc/taille_tete_de_chat.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/dsc/taille_tete_de_chat.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/dsc/tetard_simple.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/dsc/tetard_simple.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/dsc/taille_ragosse.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/dsc/taille_ragosse.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/dsc/taille_tetard.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/dsc/taille_tetard.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/background/page_fond.jpg
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/background/page_fond.jpg
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/icones/pasdephoto.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/icones/pasdephoto.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/icones/supprimer.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/icones/supprimer.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/icones/calendrier.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/icones/calendrier.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/icones/chargement-image.gif
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/icones/chargement-image.gif
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/icones/aide.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/icones/aide.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/icones/plus.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/icones/plus.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/logos/cpie.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/img/logos/cpie.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/widget/modules/saisie/squelettes/arbres-tetards-gatine/js/WidgetSaisieArbresTetardsGatine.js
New file
0,0 → 1,402
// Héritage
WidgetSaisieArbresTetardsGatine = function() {
this.serviceAltitudeUrl = null;
this.taxons = {};
}
WidgetSaisieArbresTetardsGatine.prototype = new WidgetSaisie();
 
WidgetSaisieArbresTetardsGatine.prototype.initEvts = function() {
// super()
WidgetSaisie.prototype.initEvts.call(this);
 
var lthis = this;
$('body').on('click', '.fermer', function(event) {
event.preventDefault();
lthis.basculerOuvertureFermetureCadre($(this).find('.icone'));
});
 
this.surChangementTaxonListe();// Vérif lors du chargement de la page
$('#taxon-liste').on('change', this.surChangementTaxonListe.bind(this));
this.surChangementFormation();// Vérif lors du chargement de la page
$('#formation').on('change', this.surChangementFormation.bind(this));
 
// Gestion des obs
this.configurerMilieux();
this.surChangementNbreObs();
};
 
WidgetSaisieArbresTetardsGatine.prototype.focusChampFormulaire = function() {
$("#carte-recherche").focus();
};
 
WidgetSaisieArbresTetardsGatine.prototype.mettreAJourMarkerPosition = function(latLng) {
this.trouverCommune(latLng);
this.trouverAltitude(latLng);
 
var lat = latLng.lat().toFixed(5),
lng = latLng.lng().toFixed(5);
this.remplirChampLatitude(lat);
this.remplirChampLongitude(lng);
this.remplirChampsLambert93(lat, lng);
};
 
proj4.defs([
['EPSG:4326', '+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs'],
['EPSG:2154', '+title=RGF93 / Lambert-93 +proj=lcc +lat_1=49 +lat_2=44 +lat_0=46.5 +lon_0=3 +x_0=700000 +y_0=6600000 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs']
]);
WidgetSaisieArbresTetardsGatine.prototype.remplirChampsLambert93 = function(lat, lng) {
// Prendre en compte l'initialisation des projections
var coordinate = {x: lng,y: lat};
proj4(proj4.defs('EPSG:4326'), proj4.defs('EPSG:2154')).forward(coordinate);
$('#l93-x').val(coordinate.x.toFixed(0));
$('#l93-y').val(coordinate.y.toFixed(0));
};
 
WidgetSaisieArbresTetardsGatine.prototype.trouverAltitude = function(pos) {
var url_service = this.serviceAltitudeUrl,
urlAltFormatee = url_service.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());
var lthis = this;
$.ajax({
url: urlAltFormatee,
type: 'GET',
dataType: 'jsonp',
beforeSend : function() {
$('#altitude').empty();
$('#dialogue-erreur .alert-txt').empty();
},
success : function(data, textStatus, jqXHR) {
$('#altitude').empty().append(data.altitude);
$('#marqueur-altitude').data('altitude', data.altitude);
},
statusCode : {
500 : function(jqXHR, textStatus, errorThrown) {
if (lthis.debug) {
$('#dialogue-erreur .alert-txt').append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissant l\'altitude.</p>');
reponse = jQuery.parseJSON(jqXHR.responseText);
var erreurMsg = '';
if (reponse != null) {
$.each(reponse, function (cle, valeur) {
erreurMsg += valeur + '<br />';
});
}
 
$('#dialogue-erreur .alert-txt').append('<p class="msg-erreur">Erreur 500 : '+errorThrown+"<br />"+erreurMsg+'</p>');
}
}
},
error : function(jqXHR, textStatus, errorThrown) {
if (lthis.debug) {
$("#dialogue-erreur .alert-txt").append('<p class="msg">Une erreur Ajax est survenue lors de l\'appel au service fournissant l\'altitude.</p>');
reponse = jQuery.parseJSON(jqXHR.responseText);
var erreurMsg = '';
if (reponse != null) {
$.each(reponse, function (cle, valeur) {
erreurMsg += valeur + '<br />';
});
}
 
$('#dialogue-erreur .alert-txt').append('<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');
}
},
complete : function(jqXHR, textStatus) {
var debugMsg = extraireEnteteDebug(jqXHR);
if (debugMsg != '') {
if (lthis.debug) {
$('#dialogue-erreur .alert-txt').append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');
}
}
if ($('#dialogue-erreur .msg').length > 0) {
$('#dialogue-erreur').show();
}
}
});
};
 
WidgetSaisieArbresTetardsGatine.prototype.surChangementTaxonListe = function() {
if ($('#taxon-liste').val() === '?') {
$('#taxon-input-groupe').removeClass('hidden');
$('#taxon').valid();
} else {
$('#taxon-input-groupe').addClass('hidden');
}
};
 
WidgetSaisieArbresTetardsGatine.prototype.surChangementFormation = function() {
if ($('#formation').val() === 'alignement') {
$('#aligne-nbre-groupe').removeClass('hidden');
$('#aligne-nbre').valid();
} else {
$('#aligne-nbre-groupe').addClass('hidden');
}
};
 
WidgetSaisieArbresTetardsGatine.prototype.configurerFormValidator = function() {
$.validator.addMethod(
'dateCel',
function (value, element) {
return value == '' || (/^[0-9]{2}[-\/][0-9]{2}[-\/][0-9]{4}$/.test(value));
},
'Format : jj/mm/aaaa. Date incomplète, utiliser 0, exemple : 00/12/2011.');
 
$.validator.addMethod(
'aligneNbre',
function (value, element) {
var ok = true;
if ($('#formation').val() === 'alignement') {
ok = (value != '' && /^[0-9]+$/.test(value) && value > 1);
}
return ok;
},
"Veuillez indiquer le nombre d'arbres d'alignement.");
 
$.validator.addMethod(
'autreSp',
function (value, element) {
var taxonListe = $('#taxon-liste').val();
return taxonListe !== '?' || (taxonListe === '?' && value != '');
},
"Veuillez sélectionner une espèce ou une indication sur la plante.");
 
// Modification des méthodes par défaut de Jquery Validation pour Boostrap 3
$.validator.setDefaults({
ignore: [],// Forcer Jquery Validate à examiner les éléments en "display:none;"
highlight: function(element) {
$(element).closest('.form-group').addClass('has-error');
},
unhighlight: function(element) {
$(element).closest('.form-group').removeClass('has-error');
},
success: function(element) {
$(element).closest('.form-group').removeClass('has-error').addClass('has-success');
 
if ($(element).attr('id') == 'taxon' && $('#taxon').val() != '') {
// Si le taxon n'est pas lié au référentiel, on vide le data associé
if ($('#taxon').data('value') != $('#taxon').val()) {
$('#taxon').data('numNomSel', '');
$('#taxon').data('nomRet', '');
$('#taxon').data('numNomRet', '');
$('#taxon').data('nt', '');
$('#taxon').data('famille', '');
}
}
},
errorElement: 'span',
errorClass: 'help-block',
errorPlacement: function(error, element) {
//console.log(element.attr('name') +'-'+ element.parent('.input-group').length);
if (element.parent('.input-group').length) {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
}
});
};
 
WidgetSaisieArbresTetardsGatine.prototype.definirReglesFormValidator = function() {
$('#form-observateur').validate({
rules: {
courriel : {
required : true,
email : true},
courriel_confirmation : {
required : true,
equalTo: '#courriel'}
}
});
$('#form-station').validate({
rules: {
latitude : {
range: [-90, 90],
required: true},
longitude : {
range: [-180, 180],
required: true},
'l93-x': 'required',
'l93-y': 'required'
}
});
$('#form-obs').validate({
rules: {
date: {
required: true,
'dateCel' : true},
'taxon-liste': {required: true},
taxon: {autreSp: true},
certitude: 'required',
arbreTetardFormation: 'required',
arbreTetardAligneNbre: {aligneNbre: true}
}
});
};
 
WidgetSaisieArbresTetardsGatine.prototype.configurerMilieux = function() {
$('.cb-milieux').on('click', function(event) {
$(this).valid();
event.stopPropagation();
});
};
 
WidgetSaisieArbresTetardsGatine.prototype.basculerOuvertureFermetureCadre = function(element) {
if (element.hasClass('glyphicon-plus-sign')) {
element.removeClass('glyphicon-plus-sign').addClass('glyphicon-minus-sign');
} else {
element.removeClass('glyphicon-minus-sign').addClass('glyphicon-plus-sign');
}
};
 
WidgetSaisieArbresTetardsGatine.prototype.basculerAffichageCoord = function() {
var textActuel = $(this).text(),
textARemplacer = $(this).data('toggle-text');
$(this).text(textARemplacer).data('toggle-text', textActuel);
 
if ($(this).hasClass('cacher-coord')) {
$(this).removeClass('cacher-coord').addClass('afficher-coord');
$('#coordonnees-geo').addClass('hidden');
} else {
$(this).removeClass('afficher-coord').addClass('cacher-coord');
$('#coordonnees-geo').removeClass('hidden');
}
 
return false;
};
 
WidgetSaisieArbresTetardsGatine.prototype.afficherObs = function() {
var numNomSel = ($('#taxon-liste').val() == '?') ? $('#taxon').data('numNomSel') : $('#taxon-liste').val(),
nomSpecial = $('#taxon-liste option:selected').hasClass('nom-special'),
taxon = ($('#taxon-liste').val() == '?') ? $('#taxon').val() : $('#taxon-liste option:selected').data('nom-a-sauver'),
referentiel = (numNomSel == undefined) ? '' : '['+ this.nomSciReferentiel +']',
commune = $('#commune-nom').text(),
codeInsee = $('#commune-code-insee').text(),
lat = $('input[name="latitude"]').val(),
lng = $('input[name="longitude"]').val(),
date = $('#date').val(),
formation = this.getTextOptionSelectionne('formation'),
nbreAligne = ($('#aligne-nbre').val() != undefined ? ' (' + $('#aligne-nbre').val() + ')' : ''),
cavites = this.getTextOptionSelectionne('cavites'),
circonference = this.getTextOptionSelectionne('circonference'),
hauteurTete = this.getTextOptionSelectionne('hauteur-tete'),
presenceSp = $('#presence-sp').val(),
taille = this.getTextOptionSelectionne('taille-type'),
entretien = this.getTextOptionSelectionne('entretien'),
etatSanitaire = this.getTextOptionSelectionne('etat-sanitaire'),
milieux = this.getMilieux(),
notes = (nomSpecial ? this.taxons[numNomSel]['nom_fr'] + ".<br />" : '') + $('#notes').val();
 
$('#liste-obs').prepend(
'<div id="obs'+this.obsNbre+'" class="obs obs'+this.obsNbre+'">'+
'<div class="well">'+
'<div class="obs-action pull-right has-tooltip" data-placement="bottom" '+
'title="Supprimer cette observation de la liste à transmettre">'+
'<button class="btn btn-danger supprimer-obs" value="'+this.obsNbre+'" title="'+this.obsNbre+'">'+
'<span class="glyphicon glyphicon-trash icon-white"></i>'+
'</button>'+
'</div> '+
'<div class="row">'+
'<div class="col-md-2 obs-miniatures">'+
this.ajouterImgMiniatureAuTransfert()+
'</div>'+
'<div class="col-md-8">'+
'<ul class="list-unstyled obs-entete">'+
'<li>'+
'<span class="nom-sci">' + taxon + '</span> ' +
this.formaterNumNomSel(numNomSel)+
'<span class="referentiel-obs">' + referentiel + '</span>' +
' observé à ' +
'<span class="commune">' + commune + '</span> ' +
'(' + codeInsee + ') [' + lat +' / ' + lng + ']' +
' le ' +
'<span class="date">' + date + '</span>' +
'</li>' +
'</ul>'+
'<ul class="list-unstyled obs-details">'+
'<li>' +
'<span>Situation(s) :</span> ' + milieux + ' ; ' +
'<span>Formation :</span> ' + formation + nbreAligne + ' ; ' +
'<span>Cavités :</span> ' + cavites + ' ; ' +
'<span>Circonférence :</span> ' + circonference + ' ; ' +
'<span>Hauteur de la tête :</span> ' + hauteurTete + ' ; ' +
'</li>' +
'<li>' +
'<span>Présences sur l\'arbre :</span> ' + presenceSp + ' ' +
'</li>' +
'<li>' +
'<span>Type taille :</span> ' + taille + ' ; ' +
'<span>Entretien :</span> ' + entretien + ' ; ' +
'<span>État sanitaire :</span> ' + etatSanitaire + ' ; ' +
'</li>' +
'<li>' +
'<span>Commentaires :</span> ' + notes +
'</li>'+
'</ul>'+
'</div>'+
'</div>'+
'</div>'+
'</div>');
};
 
WidgetSaisieArbresTetardsGatine.prototype.formaterNumNomSel = function(numNomSel) {
var nn = '';
if (numNomSel == undefined) {
nn = '<span class="alert-error">[non lié au référentiel]</span>';
} else {
nn = '<span class="nn">[nn'+numNomSel+']</span>';
}
return nn;
};
 
WidgetSaisieArbresTetardsGatine.prototype.getMilieux = function() {
var milieuxStr = '',
milieux = [];
$('.cb-milieux:checked').each(function() {
milieux.push($(this).val());
});
 
milieuxStr = Array.prototype.slice.call(milieux).join(', ');
return milieuxStr;
};
 
WidgetSaisieArbresTetardsGatine.prototype.getTextOptionSelectionne = function(id) {
return ($('#' + id).val() != undefined ? $('#' + id + ' option:selected').text() : '');
};
 
// @TODO harmoniser (altitude)
WidgetSaisieArbresTetardsGatine.prototype.stockerObsData = function() {
var nomHorsListe = $('#taxon-liste').val() == '?' ? true : false;
nomSpecial = $('#taxon-liste option:selected').hasClass('nom-special'),
numNomSel = nomHorsListe ? $('#taxon').data('numNomSel') : $('#taxon-liste').val(),
nomSel = nomHorsListe ? $('#taxon').val() : $('#taxon-liste option:selected').data('nom-a-sauver'),
nomRet = nomHorsListe ? $('#taxon').data('nomRet') : this.taxons[numNomSel]['nom_ret'],
numNomRet = nomHorsListe ? $('#taxon').data('numNomRet') : this.taxons[numNomSel]['num_nom_ret'],
numTaxon = nomHorsListe ? $('#taxon').data('nt') : this.taxons[numNomSel]['num_taxon'],
famille = nomHorsListe ? $('#taxon').data('famille') : this.taxons[numNomSel]['famille'],
referentiel = (numNomSel == undefined) ? '' : this.nomSciReferentiel;
 
$('#liste-obs').data('obsId'+this.obsNbre, {
'date' : $('#date').val(),
'notes' : $('#notes').val(),
 
'nom_sel': nomSel,
'num_nom_sel': numNomSel,
'nom_ret': nomRet,
'num_nom_ret': numNomRet,
'num_taxon': numTaxon,
'famille': famille,
'referentiel': referentiel,
 
'latitude' : $('#latitude').val(),
'longitude' : $('#longitude').val(),
'commune_nom' : $('#commune-nom').text(),
'commune_code_insee' : $('#commune-code-insee').text(),
'altitude': $('#altitude').text(),
'lieudit': $('#lieudit').val(),
'milieu': this.getMilieux(),
'certitude': $('#certitude').val(),
 
//Ajout des champs images
'image_nom' :this. getNomsImgsOriginales(),
 
// Ajout des champs étendus de l'obs
'obs_etendue': this.getObsChpEtendus()
});
};