| Line 45... |
Line 45... |
| 45 |
//<![CDATA[
|
45 |
//<![CDATA[
|
| 46 |
// La présence du parametre 'debug' dans l'URL enclenche le dégogage
|
46 |
// La présence du parametre 'debug' dans l'URL enclenche le dégogage
|
| 47 |
var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
|
47 |
var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
|
| 48 |
// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
|
48 |
// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
|
| 49 |
var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;
|
49 |
var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;
|
| - |
|
50 |
// Mot-clé du widget/projet
|
| - |
|
51 |
var TAG_PROJET = "WidgetSaisie";
|
| - |
|
52 |
// Mots-clés à ajouter aux images
|
| 50 |
// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
|
53 |
var TAG_IMG = "<?=isset($_GET['tag-img']) ? $_GET['tag-img'] : ''?>";
|
| - |
|
54 |
// Mots-clés à ajouter aux observations
|
| 51 |
var PROJET_TAG = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : 'WidgetSaisie'?>";
|
55 |
var TAG_OBS = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''?>";
|
| 52 |
// URL du web service réalisant l'insertion des données dans la base du CEL.
|
56 |
// URL du web service réalisant l'insertion des données dans la base du CEL.
|
| 53 |
var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";
|
57 |
var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";
|
| 54 |
// Code du référentiel utilisé pour les nom scientifiques.
|
58 |
// Code du référentiel utilisé pour les nom scientifiques.
|
| 55 |
var NOM_SCI_REFERENTIEL = "<?=$ns_referentiel?>";
|
59 |
var NOM_SCI_REFERENTIEL = "<?=$ns_referentiel?>";
|
| 56 |
// Code de la version du référentiel utilisé pour les nom scientifiques.
|
60 |
// Code de la version du référentiel utilisé pour les nom scientifiques.
|
| Line 90... |
Line 94... |
| 90 |
<body>
|
94 |
<body>
|
| 91 |
<div class="container">
|
95 |
<div class="container">
|
| 92 |
<div class="row-fluid">
|
96 |
<div class="row-fluid">
|
| 93 |
<div class="span6 page-header">
|
97 |
<div class="span6 page-header">
|
| 94 |
<div class="row">
|
98 |
<div class="row">
|
| 95 |
<img class="span2" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" />
|
99 |
<img class="span1" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" />
|
| - |
|
100 |
<div class="span5">
|
| 96 |
<h1 class="span4">Saisie simplifiée des observations</h1>
|
101 |
<h1>Outil de saisie simplifiée (CEL)</h1>
|
| - |
|
102 |
<p>
|
| - |
|
103 |
Ce widget de saisie vous permet de partager simplement vos observations avec le réseau Tela Botanica.
|
| - |
|
104 |
Complétez les champs, créez jusqu'à 10 observations (bouton "créer") puis partagez-les (bouton "transmettre").
|
| - |
|
105 |
Retrouvez ensuite facilement ces observations dans votre
|
| - |
|
106 |
<a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.
|
| - |
|
107 |
</p>
|
| - |
|
108 |
<p class="discretion">
|
| - |
|
109 |
Attention : si vos observations ne sont pas partagées (bouton "transmettre"),
|
| - |
|
110 |
elles seront perdues. Nous vous conseillons donc de partager un nombre limité d'observations.
|
| - |
|
111 |
</p>
|
| - |
|
112 |
</div>
|
| 97 |
</div>
|
113 |
</div>
|
| - |
|
114 |
|
| 98 |
</div>
|
115 |
</div>
|
| Line 99... |
Line 116... |
| 99 |
|
116 |
|
| 100 |
<div class="span6">
|
117 |
<div class="span6">
|
| 101 |
<div class="well">
|
118 |
<div class="well">
|
| 102 |
<h2>Observateur</h2>
|
119 |
<h2>Observateur</h2>
|
| 103 |
<form id="form-observateur" class="" action="#" autocomplete="on">
|
120 |
<form id="form-observateur" class="" action="#" autocomplete="on">
|
| 104 |
<div class="row-fluid">
|
121 |
<div class="row-fluid">
|
| 105 |
<div class="span6">
|
122 |
<div class="span6">
|
| 106 |
<label for="prenom">Prénom</label>
|
123 |
<label for="prenom">Prénom</label>
|
| 107 |
<div>
|
124 |
<div>
|
| 108 |
<input id="prenom" name="prenom" type="text" value=""/>
|
125 |
<input id="prenom" name="prenom" type="text"/>
|
| 109 |
</div>
|
126 |
</div>
|
| 110 |
</div>
|
127 |
</div>
|
| 111 |
<div class="span6">
|
128 |
<div class="span6">
|
| 112 |
<label for="nom">Nom</label>
|
129 |
<label for="nom">Nom</label>
|
| 113 |
<div>
|
130 |
<div>
|
| 114 |
<input id="nom" name="nom" type="text" value=""/>
|
131 |
<input id="nom" name="nom" type="text"/>
|
| 115 |
</div>
|
132 |
</div>
|
| 116 |
</div>
|
133 |
</div>
|
| 117 |
</div>
|
134 |
</div>
|
| 118 |
<div class="row-fluid">
|
135 |
<div class="row-fluid">
|
| Line 241... |
Line 258... |
| 241 |
</div>
|
258 |
</div>
|
| 242 |
</div>
|
259 |
</div>
|
| 243 |
</div>
|
260 |
</div>
|
| 244 |
</div>
|
261 |
</div>
|
| 245 |
<div class="row-fluid">
|
262 |
<div class="row-fluid">
|
| 246 |
<div class="span4">
|
263 |
<div class="span4" rel="tooltip" title="Le lieu-dit est la dénomination administrative du lieu que l’on peut trouver sur une carte au 1/25 000, sur le cadastre ou au dire des habitants locaux." >
|
| 247 |
<label for="lieudit">
|
264 |
<label for="lieudit">
|
| 248 |
Lieu-dit
|
265 |
Lieu-dit
|
| 249 |
</label>
|
266 |
</label>
|
| 250 |
<div>
|
267 |
<div>
|
| 251 |
<input type="text" id="lieudit" class="input-medium" name="lieudit" value="" />
|
268 |
<input type="text" id="lieudit" class="input-medium" name="lieudit"/>
|
| 252 |
</div>
|
269 |
</div>
|
| 253 |
</div>
|
270 |
</div>
|
| 254 |
<div class="span4">
|
271 |
<div class="span4" rel="tooltip" title="La station est la dénomination qui caractérise le lieu de la collecte d’un point de vue écologique. Il est recommandéde choisir une station qui soit homogène dans sa compositionfloristique afin de refléter le plus fidèlement possible son identité sous l’angle phytosociologique. Exemple : zone humide située au centre du près. " >
|
| 255 |
<label for="station">
|
272 |
<label for="station">
|
| 256 |
Station
|
273 |
Station
|
| 257 |
</label>
|
274 |
</label>
|
| 258 |
<div>
|
275 |
<div>
|
| 259 |
<input type="text" id="station" class="input-medium" name="station" value="" />
|
276 |
<input type="text" id="station" class="input-medium" name="station"/>
|
| 260 |
</div>
|
277 |
</div>
|
| 261 |
</div>
|
278 |
</div>
|
| 262 |
<div class="span4">
|
279 |
<div class="span4" rel="tooltip" title="Le milieu est un terme générique caractérisant la station. On peut se référer pour cela à des codes comme Corine Biotope ou le nom d’une unité phytosociologique. Exemple : prairie humide">
|
| 263 |
<label for="milieux">
|
280 |
<label for="milieux">
|
| 264 |
Milieu
|
281 |
Milieu
|
| 265 |
</label>
|
282 |
</label>
|
| 266 |
<div>
|
283 |
<div>
|
| 267 |
<input type="text" id="milieu" class="input-medium" name="milieu" value="" />
|
284 |
<input type="text" id="milieu" class="input-medium" name="milieu" />
|
| 268 |
</div>
|
285 |
</div>
|
| 269 |
</div>
|
286 |
</div>
|
| 270 |
</div>
|
287 |
</div>
|
| 271 |
</form>
|
288 |
</form>
|
| 272 |
</div>
|
289 |
</div>
|
| Line 274... |
Line 291... |
| 274 |
<div class="span6">
|
291 |
<div class="span6">
|
| 275 |
<div class="well">
|
292 |
<div class="well">
|
| 276 |
<form id="form-obs" action="#" autocomplete="on">
|
293 |
<form id="form-obs" action="#" autocomplete="on">
|
| 277 |
<h2>Observations</h2>
|
294 |
<h2>Observations</h2>
|
| 278 |
<div class="row-fluid">
|
295 |
<div class="row-fluid">
|
| 279 |
<div class="span4">
|
296 |
<div class="span4" rel="tooltip" title="Vous pouvez cliquer sur l'icône de calendrier pour sélectionner un date dans un calendrier.">
|
| 280 |
<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
|
297 |
<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
|
| 281 |
<strong class="obligatoire">*</strong> Date du relevé
|
298 |
<strong class="obligatoire">*</strong> Date du relevé
|
| 282 |
</label>
|
299 |
</label>
|
| 283 |
<div class="input-prepend">
|
300 |
<div class="input-prepend">
|
| 284 |
<span id="date-icone" class="add-on"></span>
|
301 |
<span id="date-icone" class="add-on"></span>
|
| 285 |
<input id="date" class="input-small" name="date" type="text" value=""
|
302 |
<input id="date" class="input-small" name="date" type="text"
|
| 286 |
placeholder="jj/mm/aaaa"
|
303 |
placeholder="jj/mm/aaaa" />
|
| 287 |
rel="tooltip"
|
- |
|
| 288 |
data-original-title="Vous pouvez cliquer sur l'icône de calendrier pour sélectionner un date dans un calendrier."/>
|
- |
|
| 289 |
</div>
|
304 |
</div>
|
| 290 |
</div>
|
305 |
</div>
|
| 291 |
<div id="taxon-input-groupe" class="span8">
|
306 |
<div id="taxon-input-groupe" class="span8" rel="tooltip" title="Sélectionnez une espèce dans la liste déroulante." >
|
| 292 |
<label for="taxon" title="Choisissez une espèce">
|
307 |
<label for="taxon" title="Choisissez une espèce">
|
| 293 |
<strong class="obligatoire">*</strong>
|
308 |
<strong class="obligatoire">*</strong>
|
| 294 |
Espèce
|
309 |
Espèce
|
| 295 |
</label>
|
310 |
</label>
|
| 296 |
<div class="input-prepend">
|
311 |
<div class="input-prepend">
|
| 297 |
<span class="add-on">
|
312 |
<span class="add-on">
|
| 298 |
<i class="icon-leaf"></i>
|
313 |
<i class="icon-leaf"></i>
|
| 299 |
</span>
|
314 |
</span>
|
| 300 |
<input type="text" id="taxon" name="taxon" value="" />
|
315 |
<input type="text" id="taxon" name="taxon" />
|
| 301 |
</div>
|
316 |
</div>
|
| 302 |
</div>
|
317 |
</div>
|
| 303 |
</div>
|
318 |
</div>
|
| 304 |
<div class="row-fluid">
|
319 |
<div class="row-fluid">
|
| 305 |
<div class="span12">
|
320 |
<div class="span12">
|
| 306 |
<label for="notes">Notes</label>
|
321 |
<label for="notes">Commentaires</label>
|
| 307 |
<div>
|
322 |
<div>
|
| 308 |
<textarea id="notes" class="span5" rows="7" name="notes"
|
323 |
<textarea id="notes" class="span5" rows="7" name="notes"
|
| 309 |
placeholder="Vous pouvez éventuellement ajouter une note sur votre observation..."
|
324 |
placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
|
| 310 |
></textarea>
|
- |
|
| 311 |
</div>
|
325 |
</div>
|
| 312 |
</div>
|
326 |
</div>
|
| 313 |
</div>
|
327 |
</div>
|
| 314 |
</form>
|
328 |
</form>
|
| 315 |
<form id="form-upload" class="well form-horizontal" action="<?=$url_base?>saisie?projet=sauvages&service=upload-image"
|
329 |
<form id="form-upload" class="well form-horizontal" action="<?=$url_base?>saisie?projet=sauvages&service=upload-image"
|
| 316 |
method="post" enctype="multipart/form-data">
|
330 |
method="post" enctype="multipart/form-data">
|
| - |
|
331 |
<div rel="tooltip" title="Ajouter une photo de votre observation. Elle doit être au format JPEG et ne doit pas excéder 5Mo.">
|
| 317 |
<label>Photo</label>
|
332 |
<label>Photo</label>
|
| 318 |
<input type="file" id="fichier" name="fichier" accept="image/jpeg"/>
|
333 |
<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
|
| 319 |
<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
|
334 |
<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
|
| 320 |
<p id="miniature-info" class="discretion help-inline">La photo doit être au format JPEG et ne doit pas excéder 5Mo.</p>
|
335 |
<p id="miniature-info" class="discretion help-inline">La photo doit être au format JPEG et ne doit pas excéder 5Mo.</p>
|
| 321 |
<div id="miniature"></div>
|
336 |
<div id="miniature"></div>
|
| 322 |
<button id="effacer-miniature" type="button" style="display:none;">Effacer</button>
|
337 |
<button id="effacer-miniature" type="button" style="display:none;">Effacer</button>
|
| 323 |
<p id="miniature-msg" class="span12"> </p>
|
338 |
<p id="miniature-msg" class="span12"> </p>
|
| - |
|
339 |
</div>
|
| 324 |
</form>
|
340 |
</form>
|
| 325 |
</div>
|
341 |
</div>
|
| 326 |
</div>
|
342 |
</div>
|
| 327 |
<div class="row-fluid">
|
343 |
<div class="row-fluid">
|
| 328 |
<div class="span12 centre">
|
344 |
<div class="span12 centre">
|