| Line 200... |
Line 200... |
| 200 |
<div class="span6">
|
200 |
<div class="span6">
|
| 201 |
<div class="well">
|
201 |
<div class="well">
|
| 202 |
<h2>Observateur</h2>
|
202 |
<h2>Observateur</h2>
|
| 203 |
<form id="form-observateur" action="#" class="" autocomplete="on">
|
203 |
<form id="form-observateur" action="#" class="" autocomplete="on">
|
| 204 |
<div class="row-fluid">
|
204 |
<div class="row-fluid">
|
| 205 |
<div class="span6" rel="tooltip" data-placement="right"
|
205 |
<div class="span6 has-tooltip" data-placement="right"
|
| 206 |
title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
|
206 |
title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
|
| 207 |
Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire
|
207 |
Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire
|
| 208 |
ultérieurement. Des informations complémentaires vont vous être
|
208 |
ultérieurement. Des informations complémentaires vont vous être
|
| 209 |
demandées : prénom et nom.">
|
209 |
demandées : prénom et nom.">
|
| 210 |
<label for="courriel"
|
210 |
<label for="courriel"
|
| Line 294... |
Line 294... |
| 294 |
</div>
|
294 |
</div>
|
| 295 |
<div class="span8 droite">
|
295 |
<div class="span8 droite">
|
| 296 |
<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
|
296 |
<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
|
| 297 |
<div class="control-group">
|
297 |
<div class="control-group">
|
| 298 |
<label for="carte-recherche">Rechercher</label>
|
298 |
<label for="carte-recherche">Rechercher</label>
|
| 299 |
<input id="carte-recherche" class="search-query" type="text" value=""
|
299 |
<input id="carte-recherche" class="search-query has-tooltip" type="text" value=""
|
| 300 |
rel="tooltip"
|
- |
|
| 301 |
title="Permet de centrer la carte sur le lieu recherché."
|
300 |
title="Permet de centrer la carte sur le lieu recherché."
|
| 302 |
placeholder="Centrer la carte sur un lieu..."/>
|
301 |
placeholder="Centrer la carte sur un lieu..."/>
|
| 303 |
</div>
|
302 |
</div>
|
| 304 |
</form>
|
303 |
</form>
|
| 305 |
</div>
|
304 |
</div>
|
| 306 |
</div>
|
305 |
</div>
|
| 307 |
<div class="row-fluid">
|
306 |
<div class="row-fluid">
|
| 308 |
<div class="span12">
|
307 |
<div class="span12">
|
| 309 |
<div id="map-canvas" rel="tooltip"
|
308 |
<div id="map-canvas" class="has-tooltip"
|
| 310 |
title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
|
309 |
title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
|
| 311 |
représentant votre station ou bien le glisser-déposer sur
|
310 |
représentant votre station ou bien le glisser-déposer sur
|
| 312 |
le lieu souhaité."></div>
|
311 |
le lieu souhaité."></div>
|
| 313 |
</div>
|
312 |
</div>
|
| 314 |
</div>
|
313 |
</div>
|
| 315 |
<div class="row-fluid">
|
314 |
<div class="row-fluid">
|
| 316 |
<label for="coordonnees-geo" class="span7">
|
315 |
<label for="coordonnees-geo" class="span7">
|
| 317 |
<a href="#" class="afficher-coord">Afficher</a>
|
316 |
<a href="#" class="afficher-coord">Afficher</a>
|
| 318 |
<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
|
317 |
<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
|
| 319 |
les coordonnées géographiques
|
318 |
les coordonnées géographiques
|
| 320 |
<span id="lat-lon-info" class="info"
|
319 |
<span id="lat-lon-info" class="info has-tooltip"
|
| 321 |
rel="tooltip"
|
- |
|
| 322 |
title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
|
320 |
title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
|
| 323 |
(WGS84)
|
321 |
(WGS84)
|
| 324 |
</span>
|
322 |
</span>
|
| 325 |
</label>
|
323 |
</label>
|
| 326 |
<div id="info-commune" class="span5">
|
324 |
<div id="info-commune" class="span5">
|
| 327 |
<span for="marqueur-commune">Commune : </span>
|
325 |
<span for="marqueur-commune">Commune : </span>
|
| 328 |
<span id="marqueur-commune">
|
326 |
<span id="marqueur-commune">
|
| 329 |
<span id="commune-nom" class="commune-info"></span>
|
327 |
<span id="commune-nom" class="commune-info"></span>
|
| 330 |
(<span id="commune-code-insee" class="commune-info"
|
328 |
(<span id="commune-code-insee" class="commune-info has-tooltip"
|
| 331 |
rel="tooltip"
|
- |
|
| 332 |
title="Code INSEE de la commune"></span>)
|
329 |
title="Code INSEE de la commune"></span>)
|
| 333 |
</span>
|
330 |
</span>
|
| 334 |
</div>
|
331 |
</div>
|
| 335 |
</div>
|
332 |
</div>
|
| 336 |
<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">
|
333 |
<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">
|
| Line 349... |
Line 346... |
| 349 |
</div>
|
346 |
</div>
|
| 350 |
</div>
|
347 |
</div>
|
| 351 |
<div class="span1">
|
348 |
<div class="span1">
|
| 352 |
<div>
|
349 |
<div>
|
| 353 |
<input id="geolocaliser" type="button" value="Voir sur la carte"
|
350 |
<input id="geolocaliser" type="button" value="Voir sur la carte"
|
| 354 |
rel="tooltip"
|
351 |
class="has-tooltip"
|
| 355 |
title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
|
352 |
title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
|
| 356 |
</div>
|
353 |
</div>
|
| 357 |
</div>
|
354 |
</div>
|
| 358 |
</div>
|
355 |
</div>
|
| 359 |
</div>
|
356 |
</div>
|
| 360 |
<div class="row-fluid">
|
357 |
<div class="row-fluid">
|
| 361 |
<div class="span4" rel="tooltip"
|
358 |
<div class="span4 has-tooltip"
|
| 362 |
title="Toponyme plus précis que la commune, utilisé localement et se trouvant souvent sur les cartes au 1/25 000." >
|
359 |
title="Toponyme plus précis que la commune, utilisé localement et se trouvant souvent sur les cartes au 1/25 000." >
|
| 363 |
<label for="lieudit">Lieu-dit</label>
|
360 |
<label for="lieudit">Lieu-dit</label>
|
| 364 |
<div>
|
361 |
<div>
|
| 365 |
<input type="text" id="lieudit" class="span2" name="lieudit"/>
|
362 |
<input type="text" id="lieudit" class="span2" name="lieudit"/>
|
| 366 |
</div>
|
363 |
</div>
|
| 367 |
</div>
|
364 |
</div>
|
| 368 |
<div class="span4" rel="tooltip"
|
365 |
<div class="span4 has-tooltip"
|
| 369 |
title="Lieu précis de l'observation définissant une unité écologique homogène (ex: le pré derrière la maison)." >
|
366 |
title="Lieu précis de l'observation définissant une unité écologique homogène (ex: le pré derrière la maison)." >
|
| 370 |
<label for="station">Station</label>
|
367 |
<label for="station">Station</label>
|
| 371 |
<div>
|
368 |
<div>
|
| 372 |
<input type="text" id="station" class="span2" name="station"/>
|
369 |
<input type="text" id="station" class="span2" name="station"/>
|
| 373 |
</div>
|
370 |
</div>
|
| 374 |
</div>
|
371 |
</div>
|
| 375 |
<div class="span4" rel="tooltip"
|
372 |
<div class="span4 has-tooltip"
|
| 376 |
title="Type d'habitat plus ou moins standardisé dans les codes Corine ou Catminat (ex: prairie humide).">
|
373 |
title="Type d'habitat plus ou moins standardisé dans les codes Corine ou Catminat (ex: prairie humide).">
|
| 377 |
<label for="milieu">Milieu</label>
|
374 |
<label for="milieu">Milieu</label>
|
| 378 |
<div>
|
375 |
<div>
|
| 379 |
<input type="text" id="milieu" class="span2" name="milieu" />
|
376 |
<input type="text" id="milieu" class="span2" name="milieu" />
|
| 380 |
</div>
|
377 |
</div>
|
| Line 386... |
Line 383... |
| 386 |
<div class="span6">
|
383 |
<div class="span6">
|
| 387 |
<form id="form-obs" action="#" autocomplete="on">
|
384 |
<form id="form-obs" action="#" autocomplete="on">
|
| 388 |
<h2>Observation</h2>
|
385 |
<h2>Observation</h2>
|
| 389 |
<?php if(!$referentiel_impose && !$espece_imposee) : ?>
|
386 |
<?php if(!$referentiel_impose && !$espece_imposee) : ?>
|
| 390 |
<div class="row-fluid">
|
387 |
<div class="row-fluid">
|
| 391 |
<div rel="tooltip"
|
388 |
<div class="has-tooltip"
|
| 392 |
title="Sélectionnez le référentiel associé à votre relevé">
|
389 |
title="Sélectionnez le référentiel associé à votre relevé">
|
| 393 |
<label for="referentiel" title="Réferentiel">
|
390 |
<label for="referentiel" title="Réferentiel">
|
| 394 |
Référentiel
|
391 |
Référentiel
|
| 395 |
</label>
|
392 |
</label>
|
| 396 |
<span class="input-prepend">
|
393 |
<span class="input-prepend">
|
| Line 407... |
Line 404... |
| 407 |
</span>
|
404 |
</span>
|
| 408 |
</div>
|
405 |
</div>
|
| 409 |
</div>
|
406 |
</div>
|
| 410 |
<?php endif; ?>
|
407 |
<?php endif; ?>
|
| 411 |
<div class="row-fluid">
|
408 |
<div class="row-fluid">
|
| 412 |
<div class="span4" rel="tooltip"
|
409 |
<div class="span4 has-tooltip"
|
| 413 |
title="Vous pouvez cliquer sur l'icône de calendrier pour
|
410 |
title="Vous pouvez cliquer sur l'icône de calendrier pour
|
| 414 |
sélectionner une date dans un calendrier.">
|
411 |
sélectionner une date dans un calendrier.">
|
| 415 |
<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
|
412 |
<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
|
| 416 |
Date du relevé
|
413 |
Date du relevé
|
| 417 |
</label>
|
414 |
</label>
|
| Line 419... |
Line 416... |
| 419 |
<span id="date-icone" class="add-on"></span><input id="date"
|
416 |
<span id="date-icone" class="add-on"></span><input id="date"
|
| 420 |
class="input-small" name="date" type="text"
|
417 |
class="input-small" name="date" type="text"
|
| 421 |
placeholder="jj/mm/aaaa" />
|
418 |
placeholder="jj/mm/aaaa" />
|
| 422 |
</div>
|
419 |
</div>
|
| 423 |
</div>
|
420 |
</div>
|
| 424 |
<div id="taxon-input-groupe" class="span8" rel="tooltip"
|
421 |
<div id="taxon-input-groupe" class="span8 has-tooltip"
|
| 425 |
title="Sélectionnez une espèce dans la liste déroulante pour lier
|
422 |
title="Sélectionnez une espèce dans la liste déroulante pour lier
|
| 426 |
votre nom au référentiel selectionné. Si vous
|
423 |
votre nom au référentiel selectionné. Si vous
|
| 427 |
le désirez vous pouvez aussi saisir un nom absent du référentiel
|
424 |
le désirez vous pouvez aussi saisir un nom absent du référentiel
|
| 428 |
(Ex. : 'fleur violette' ou 'viola sinensis???')." >
|
425 |
(Ex. : 'fleur violette' ou 'viola sinensis???')." >
|
| 429 |
<label for="taxon" title="Choisissez une espèce">
|
426 |
<label for="taxon" title="Choisissez une espèce">
|
| Line 460... |
Line 457... |
| 460 |
<p class="miniature-msg" class="span12"> </p>
|
457 |
<p class="miniature-msg" class="span12"> </p>
|
| 461 |
</div>
|
458 |
</div>
|
| 462 |
</form>
|
459 |
</form>
|
| 463 |
</div>
|
460 |
</div>
|
| 464 |
<div class="row-fluid">
|
461 |
<div class="row-fluid">
|
| 465 |
<div class="span12 centre" rel="tooltip"
|
462 |
<div class="span12 centre has-tooltip"
|
| 466 |
title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
|
463 |
title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
|
| 467 |
ajouter votre observation à la liste à transmettre.">
|
464 |
ajouter votre observation à la liste à transmettre.">
|
| 468 |
<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
|
465 |
<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
|
| 469 |
Créer
|
466 |
Créer
|
| 470 |
</button>
|
467 |
</button>
|
| Line 504... |
Line 501... |
| 504 |
<div class="row-fluid">
|
501 |
<div class="row-fluid">
|
| 505 |
<div class="span8">
|
502 |
<div class="span8">
|
| 506 |
<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
|
503 |
<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
|
| 507 |
</div>
|
504 |
</div>
|
| 508 |
<div class="span4 droite">
|
505 |
<div class="span4 droite">
|
| 509 |
<button id="transmettre-obs" class="btn btn-primary btn-large"
|
506 |
<button id="transmettre-obs" class="btn btn-primary btn-large has-tooltip"
|
| 510 |
type="button" disabled="disabled" rel="tooltip"
|
507 |
type="button" disabled="disabled"
|
| 511 |
title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">
|
508 |
title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">
|
| 512 |
Transmettre
|
509 |
Transmettre
|
| 513 |
</button>
|
510 |
</button>
|
| 514 |
</div>
|
511 |
</div>
|
| 515 |
</div>
|
512 |
</div>
|