1,24 → 1,19 |
<!DOCTYPE html> |
<html xmlns="http://www.w3.org/1999/xhtml"> |
<html lang="fr"> |
<head> |
<title>Sauvages de ma rue</title> |
<meta charset="utf-8"> |
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> |
<meta http-equiv="Content-style-type" content="text/css" /> |
<meta http-equiv="Content-script-type" content="text/javascript" /> |
<meta http-equiv="Content-language" content="fr" /> |
<meta name="author" content="Jean-Pascal MILCENT, Aurélien PERONNET, Céline VIDAL" /> |
<meta name="keywords" content="Sauvages de ma rue, CEL, Tela Botanica, Natural Solutions, MNHN" /> |
<meta name="description" content="Widget de saisie pour le projet Sauvages de ma rue" /> |
|
<meta name="revisit-after" content="15 days" /> |
<meta name="robots" content="index,follow" /> |
<meta name="author" content="Céline VIDAL, Jean-Pascal MILCENT" /> |
<meta name="keywords" content="Tela Botanica, Natural Solutions, MNHN, Sauvages de ma rue, CEL" /> |
<meta name="description" content="Widget de saisie simplifié pour le projet Sauvages de ma rue" /> |
<!-- 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/sauvages/images/favicon.ico" /> |
<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/sauvages/img/favicon.ico" /> |
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> |
|
<!-- Javascript : bibliothèques --> |
<!-- Google Map v3 --> |
<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>--> |
27,16 → 22,22 |
<!-- Jquery --> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script> |
|
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script> |
<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion --> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/js/jquery-ui-1.10.2.custom.min.js"></script> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/js/jquery.ui.datepicker-fr.min.js"></script> |
<!-- Jquery Plugins --> |
<!-- Jquery Validate : nécessaire pour la validation des formulaires --> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.11.1/jquery.validate.min.js"></script> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.11.1/additional-methods.min.js"></script> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.11.1/messages_fr.js"></script> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script> |
<!-- Jquery Form :nécessaire pour l'upload des images --> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/3.32/jquery.form.min.js"></script> |
|
<script src="<?=$url_base?>saisie?projet=sauvages&service=taxons" type="text/javascript"></script> |
<!-- Bootstrap --> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.3.2/js/bootstrap.min.js"></script> |
|
<!-- Javascript : appli saisie --> |
<script src="<?=$url_base?>saisie?projet=sauvages&service=taxons" type="text/javascript"></script> |
<script type="text/javascript"> |
//<![CDATA[ |
// La présence du parametre 'debug' dans l'URL enclenche le dégogage |
43,21 → 44,84 |
var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>; |
// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5 |
var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>; |
|
// La présence du parametre 'ville' dans l'URL géolocalise |
var VILLE = "<?=isset($_GET['ville']) ? $_GET['ville'] : ''?>"; |
VILLE = <?= isset($_GET['commune']) ? "'".$_GET['commune']."'" : 'VILLE' ?>; |
|
// Mot-clé du widget/projet |
var TAG_PROJET = "WidgetSauvages,Sauvages"; |
|
// Mots-clés à ajouter aux images |
var TAG_IMG = "<?=isset($_GET['tag-img']) ? $_GET['tag-img'] : ''?>"; |
var SEPARATION_TAG_IMG = "<?= isset($_GET['motcle']) && isset($_GET['tag-img']) ? ',' : '' ?>"; |
TAG_IMG = <?=isset($_GET['motcle']) ? "'".$_GET['motcle']."' + SEPARATION_TAG_IMG + TAG_IMG" : 'TAG_IMG' ?>; |
// Mots-clés à ajouter aux observations |
var TAG_OBS = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''?>"; |
var SEPARATION_TAG_OBS = "<?= isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : '' ?>"; |
TAG_OBS = <?=isset($_GET['projet']) ? "'".$_GET['projet']."' + SEPARATION_TAG_OBS + TAG_OBS" : 'TAG_OBS' ?>; |
|
// URL du web service réalisant l'insertion des données dans la base du CEL. |
var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>"; |
// URL du web service permettant de récupérer les infos d'une observation du CEL. |
var SERVICE_OBS_URL = "<?=$url_ws_obs?>"; |
// Code du référentiel utilisé pour les nom scientifiques (de la forme nom:code). |
var NOM_SCI_REFERENTIEL = "<?=$ns_referentiel?>"; |
// Nom du référentiel utilisé pour les nom scientifiques. |
var NOM_SCI_PROJET = "<?=$ns_projet?>"; |
// Code de la version du référentiel utilisé pour les nom scientifiques. |
var NOM_SCI_VERSION = "<?=$ns_version?>"; |
// Indication de la présence d'une espèce imposée |
var ESPECE_IMPOSEE = "<?=$espece_imposee; ?>"; |
// Tableau d'informations sur l'espèce imposée |
var INFOS_ESPECE_IMPOSEE = <?=$infos_espece; ?>; |
// Nombre d'élément dans les listes d'auto-complétion |
var AUTOCOMPLETION_ELEMENTS_NBRE = 20; |
// Indication de la présence d'un référentiel imposé |
var REFERENTIEL_IMPOSE = "<?=$referentiel_impose; ?>"; |
// Indication des version utilisées de chaque référentiel |
var PROJETS_VERSIONS = <?=json_encode($projets_versions)?>; |
// URL du web service permettant l'auto-complétion des noms scientifiques. |
var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?=$url_ws_autocompletion_ns?>?"+ |
"masque={masque}&"+ |
"recherche=etendue&"+ |
"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+ |
//"version.projet="+NOM_SCI_VERSION+"&"+ |
"ns.structure=au"+"&"+ |
"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE; |
// URL du web service permettant l'auto-complétion des noms scientifiques. |
var SERVICE_AUTOCOMPLETION_NOM_SCI_URL_TPL = "<?=$url_ws_autocompletion_ns_tpl?>?"+ |
"masque={masque}&"+ |
"recherche=etendue&"+ |
"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+ |
//"version.projet="+NOM_SCI_VERSION+"&"+ |
"ns.structure=au"+"&"+ |
"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE; |
// Nombre d'observations max autorisé avant transmission |
var OBS_MAX_NBRE = 10; |
// Durée d'affichage en milliseconde des messages d'informations |
var DUREE_MESSAGE = 15000; |
// Squelette d'URL du web service de l'annuaire. |
var SERVICE_ANNUAIRE_ID_URL = "<?=$url_ws_annuaire?>"; |
// Squelette d'URL du web service d'eFlore fournissant les noms de communes. |
var SERVICE_NOM_COMMUNE_URL = "http://www.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). |
var SERVICE_NOM_COMMUNE_URL_ALT = "http://www.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1"; |
// URL du marqueur à utiliser dans la carte Google Map |
var MARQUEUR_ICONE_DEBUT_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/marqueurs/debut.png"; |
var GOOGLE_MAP_MARQUEUR_DEBUT_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/img/marqueurs/debut.png"; |
// URL de l'icône de fin de rue |
var GOOGLE_MAP_MARQUEUR_FIN_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/img/marqueurs/fin.png"; |
// URL de l'icône du chargement en cours |
var CHARGEMENT_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/sauvages/img/icones/chargement.gif"; |
// URL de l'icône du chargement en cours d'une image |
var CHARGEMENT_IMAGE_URL = "<?=$url_base?>modules/saisie/squelettes/sauvages/img/icones/chargement-image.gif"; |
// URL de l'icône du calendrier |
var CALENDRIER_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/sauvages/img/icones/calendrier.png"; |
// URL de l'icône du calendrier |
var PAS_DE_PHOTO_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/sauvages/img/icones/pas_de_photo.png"; |
|
// URL de l'icône du bouton supprimer |
var SUPPRIMER_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/icones/supprimer.png"; |
// URL de l'icône du chargement en cours |
var CHARGEMENT_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/icones/chargement.gif"; |
// URL de l'icône de fin de rue |
var MARQUEUR_ICONE_FIN_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/marqueurs/fin.png"; |
var SUPPRIMER_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/img/icones/supprimer.png"; |
//]]> |
</script> |
|
64,46 → 128,85 |
<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/sauvages/js/sauvages.js"></script> |
|
<!-- CSS --> |
<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/css/ui-darkness/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" media="screen" /> |
<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/css/smoothness/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css" media="screen" /> |
<link href="http://www.tela-botanica.org/commun/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" /> |
<link href="http://www.tela-botanica.org/commun/bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" /> |
<link href="<?=$url_base?>modules/saisie/squelettes/sauvages/css/<?=isset($_GET['style']) ? $_GET['style'] : 'sauvages'?>.css" rel="stylesheet" type="text/css" media="screen" /> |
</head> |
|
<body> |
<div id="zone-appli"> |
<?php if($titre == 'defaut' ) { ?> |
<h1 id="widget-titre"><img src="<?=$url_base?>/modules/saisie/squelettes/sauvages/images/logos/sdmr.png" alt="Sauvages de ma rue : Saisie des observations"/></h1> |
<?php } else { ?> |
<body data-spy="scroll"> |
<div id="zone-appli" class="container"> |
<?php if ($titre == 'defaut' ) : ?> |
<h1 id="widget-titre"><img src="<?=$url_base?>/modules/saisie/squelettes/sauvages/img/logos/sdmr.png" alt="Sauvages de ma rue : Saisie des observations"/></h1> |
<?php else: ?> |
<h1 id="widget-titre"><?= $titre ?></h1> |
<?php } ?> |
<?php endif; ?> |
|
<form id="saisie-obs" action="#" enctype="multipart/form-data" autocomplete="on"> |
<h2>Observateur</h2> |
<form id="form-observateur" action="#" autocomplete="on"> |
<fieldset id="partie-identification"> |
<legend>Observateur</legend> |
<ul> |
<li> |
<label for="prenom">Prénom</label> |
<input id="prenom" name="prenom" type="text" value=""/> |
</li> |
<li> |
<label for="nom">Nom</label> |
<input id="nom" name="nom" type="text" value=""/> |
</li> |
<li> |
<label for="courriel" class="oblig" |
title="Saisissez votre adresse email. Elle vous permettra de retrouver vos données, et ne sera pas utilisée à des fins commerciales."> |
<strong class="obligatoire">*</strong> Courriel |
<div class="row-fluid"> |
<div class="span6 control-group has-tooltip" data-placement="bottom" |
title="Saisissez le courriel avec lequel vous être 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 class="control-label" for="courriel"> |
<strong class="obligatoire">*</strong> |
Courriel |
</label> |
<input id="courriel" name="courriel" type="text" value=""/> |
</li> |
<li> |
<label for="courriel_confirmation" class="oblig" title="Saisissez à nouveau votre adresse email pour la confirmer"> |
<strong class="obligatoire">*</strong> Courriel (confirmation) |
<div class="controls"> |
<div class="input-prepend"> |
<span class="add-on"> |
<i class="icon-envelope"></i> |
</span> |
<input id="courriel" name="courriel" class="span11" type="text"/> |
<input id="id_utilisateur" name="id_utilisateur" type="hidden"/> |
</div> |
</div> |
|
</div> |
<div id="zone-courriel-confirmation" class="span6 hidden control-group has-tooltip" |
data-placement="bottom" |
title="Saisissez à nouveau votre courriel afin de le confirmer. Le |
copier/coller est désactivé pour éviter les erreurs."> |
<label class="control-label" for="courriel_confirmation"> |
<strong class="obligatoire">*</strong> |
Courriel (confirmation) |
</label> |
<input id="courriel_confirmation" name="courriel_confirmation" type="text" value=""/> |
</li> |
</ul> |
<div class="controls"> |
<div class="input-prepend"> |
<span class="add-on"> |
<i class="icon-envelope"></i> |
</span> |
<input id="courriel_confirmation" name="courriel_confirmation" |
class="span11" type="text"/> |
</div> |
</div> |
</div> |
</div> |
<div id="zone-prenom-nom" class="row-fluid hidden"> |
<div class="span6 control-group"> |
<label for="prenom" class="control-label"> |
<strong class="obligatoire">*</strong> |
Prénom |
</label> |
<input id="prenom" name="prenom" class="span12" type="text"/> |
</div> |
<div class="span6 control-group"> |
<label for="nom" class="control-label"> |
<strong class="obligatoire">*</strong> |
Nom |
</label> |
<div class="controls"> |
<input id="nom" name="nom" class="span12" type="text"/> |
</div> |
</div> |
</div> |
</fieldset> |
</form> |
|
<form id="form-obs" action="#" autocomplete="on"> |
<h2>Fiche de terrain</h2> |
<div id="zone-fiche-terrain"> |
<fieldset id="partie-date"> |
299,7 → 402,7 |
|
<div id="chargement" style="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;display:none;"> |
<div id="chargement-centrage" style="position:relative;width:30%;margin:0 auto;top:30%;"> |
<img id="chargement-img" src="<?=$url_base?>modules/saisie/squelettes/sauvages/images/chargement_arbre.gif" alt="Transfert en cours..."/> |
<img id="chargement-img" src="<?=$url_base?>modules/saisie/squelettes/sauvages/img/chargement_arbre.gif" alt="Transfert en cours..."/> |
<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'observation à transférer. |