Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 2865 → Rev 2866

/trunk/widget/modules/saisie/squelettes/messicoles/messicoles.tpl.html
295,13 → 295,15
<div class="row-fluid">
<!-- DATE-->
<h2>Date du relevé</h2>
<div class="span12 control-group">
<div class="control-group">
<form id="form-date" action="#" autocomplete="on">
<label for="date" class="has-tooltip pointer"
<label for="date">
<span class="has-tooltip pointer"
title="Veuillez indiquer la date du relevé au format jj/mm/aaaa. Vous pouvez
cliquer sur l'icône de calendrier pour sélectionner une date">
<strong class="obligatoire">*</strong>
Date du relevé
<strong class="obligatoire">*</strong>
Date du relevé
</span>
</label>
<div class="input-prepend">
<span id="date-icone" class="add-on"></span><input id="date"
321,76 → 323,80
<h2>Lieu du relevé</h2>
<!-- Type de culture -->
<div class="control-group">
<label class="has-tooltip"
title="Vous pouvez sélectionner un type de culture parmi la liste ou en saisir un manuellement via l'option Autres">
Type de culture
</label>
<!-- Céréale -->
<label for="culture-cereale-radio" class="radio culture pointer">
<input type="radio" id="culture-cereale-radio" name="type-culture" value="cereale" data-titre="céréale" />
Céréale
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="culture-cereale-radio">
<h5>Céréale</h5>
Une description du champ de céréales<br/>
...
</div>
<!-- Friche -->
<label for="culture-friche-radio" class="radio culture pointer">
<input type="radio" id="culture-friche-radio" name="type-culture" value="friche" data-titre="friche" />
Friche
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="culture-friche-radio">
<h5>Friche</h5>
Une description du champ de Friche<br/>
...
</div>
<!-- Légumineuse -->
<label for="culture-legumineuse-radio" class="radio culture pointer">
<input type="radio" id="culture-legumineuse-radio" name="type-culture" value="legumineuse" data-titre="légumineuse" />
Légumineuse
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="culture-legumineuse-radio">
<h5>Légumineuse</h5>
Une description du champ de Légumineuse<br/>
...
</div>
<!-- Vigne -->
<label for="culture-vigne-radio" class="radio culture pointer">
<input type="radio" id="culture-vigne-radio" name="type-culture" value="vigne" data-titre="vigne" />
Vigne
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="culture-vigne-radio">
<h5>Vigne</h5>
Une description du champ de Vigne<br/>
...
</div>
<!-- Verger -->
<label for="culture-verger-radio" class="radio culture pointer">
<input type="radio" id="culture-verger-radio" name="type-culture" value="verger" data-titre="verger" />
Verger
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="culture-verger-radio">
<h5>Verger</h5>
Une description du champ de Verger<br/>
...
</div>
<!-- Autres -->
<label for="culture-autres-radio" class="radio culture pointer">
<input type="radio" id="culture-autres-radio" name="type-culture" value="autres" data-titre="autres" />
Autres
<input type="text" id="culture-autres-input" name="culture-autres" style="display: none;" />
</label>
<span class="row-fluid">
<span class="span3 has-tooltip"
title="Vous pouvez sélectionner un type de culture parmi la liste ou en saisir un manuellement via l'option Autres">
<label class="pointer">Type de culture</label>
</span>
<span class="span9">
<!-- Céréale -->
<label for="culture-cereale-radio" class="radio culture pointer">
<input type="radio" id="culture-cereale-radio" name="type-culture" value="cereale" data-titre="céréale" />
Céréale
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="culture-cereale-radio">
<h5>Céréale</h5>
Une description du champ de céréales<br/>
...
</div>
<!-- Friche -->
<label for="culture-friche-radio" class="radio culture pointer">
<input type="radio" id="culture-friche-radio" name="type-culture" value="friche" data-titre="friche" />
Friche
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="culture-friche-radio">
<h5>Friche</h5>
Une description du champ de Friche<br/>
...
</div>
<!-- Légumineuse -->
<label for="culture-legumineuse-radio" class="radio culture pointer">
<input type="radio" id="culture-legumineuse-radio" name="type-culture" value="legumineuse" data-titre="légumineuse" />
Légumineuse
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="culture-legumineuse-radio">
<h5>Légumineuse</h5>
Une description du champ de Légumineuse<br/>
...
</div>
<!-- Vigne -->
<label for="culture-vigne-radio" class="radio culture pointer">
<input type="radio" id="culture-vigne-radio" name="type-culture" value="vigne" data-titre="vigne" />
Vigne
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="culture-vigne-radio">
<h5>Vigne</h5>
Une description du champ de Vigne<br/>
...
</div>
<!-- Verger -->
<label for="culture-verger-radio" class="radio culture pointer">
<input type="radio" id="culture-verger-radio" name="type-culture" value="verger" data-titre="verger" />
Verger
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="culture-verger-radio">
<h5>Verger</h5>
Une description du champ de Verger<br/>
...
</div>
<!-- Autres -->
<label for="culture-autres-radio" class="radio culture pointer">
<input type="radio" id="culture-autres-radio" name="type-culture" value="autres" data-titre="autres" />
Autres
<input type="text" id="culture-autres-input" name="culture-autres" style="display: none;" />
</label>
</span>
</span>
</div>
<!-- Géolocalisation -->
<div class="row-fluid">
442,27 → 448,21
<div class="row-fluid form-inline">
<div id="coord-lat" class="span4">
<label for="latitude" class="pointer">Latitude</label>
<div>
<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
</div>
<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
</div>
<div id="coord-lng" class="span4">
<label for="longitude" class="pointer">Longitude</label>
<div>
<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
</div>
<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
</div>
<div class="span1">
<div>
<input id="geolocaliser" type="button" value="Voir sur la carte"
class="has-tooltip"
title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
</div>
<div class="span4 droite">
<input class="btn btn-primary" id="geolocaliser" type="button" value="Voir sur la carte"
class="has-tooltip"
title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span4 has-tooltip"
<div class="span4 has-tooltip centre"
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="pointer">Lieu-dit</label>
<div>
469,7 → 469,7
<input type="text" id="lieudit" class="span2" name="lieudit"/>
</div>
</div>
<div class="span4 has-tooltip"
<div class="span4 has-tooltip centre"
title="Lieu précis de l'observation définissant une unité écologique homogène (ex: le pré derrière la maison)." >
<label for="station" class="pointer">Station</label>
<div>
476,7 → 476,7
<input type="text" id="station" class="span2" name="station"/>
</div>
</div>
<div class="span4 has-tooltip"
<div class="span4 has-tooltip centre"
title="Type d'habitat plus ou moins standardisé dans les codes Corine ou Catminat (ex: prairie humide).">
<label for="milieu" class="pointer">Milieu</label>
<div>
493,64 → 493,67
<form id="form-obs" action="#" autocomplete="on">
<h2>Observation</h2>
<div class="row-fluid">
<div id="taxon-liste-input-groupe" class="control-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électionner «Autre espèce»." >
<label>
<strong class="obligatoire">*</strong>
Espèces communes
<div id="taxon-liste-input-groupe" class="control-group">
<label for="taxon-liste">
<span class="has-tooltip pointer"
title="Sélectionnez une espèce dans la liste déroulante par son nom latin
ou commun. Si une espèce est absente, sélectionner «Autre espèce»."
>
<strong class="obligatoire">*</strong>
Espèces communes
</span>
</label>
<span class="input-prepend">
<span id="espece-icone" class="add-on">
<i class="icon-leaf"></i>
</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; ?>
</optgroup>
<option id="taxon-option-autre" value="?">Autre espèce</option>
</select>
</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; ?>
</optgroup>
<option id="taxon-option-autre" value="?">Autre espèce</option>
</select>
</div>
</div>
<div class="row-fluid">
<div id="taxon-input-groupe" class="span8 has-tooltip"
title="Sélectionnez une espèce dans la liste déroulante pour lier
<div id="taxon-input-groupe" class="span8" hidden>
<label for="taxon" title="Choisissez une espèce">
<span class="has-tooltip pointer" title="Sélectionnez une espèce dans la liste déroulante pour lier
votre nom au référentiel selectionné. Si vous
le désirez vous pouvez aussi saisir un nom absent du référentiel
(Ex. : 'fleur violette' ou 'viola sinensis???')."
hidden >
<label for="taxon" title="Choisissez une espèce">
<strong class="obligatoire">*</strong>
Espèce <?= $referentiel_impose ? '('.$ns_referentiel.')' : '' ?> <em>(ou indication sur la plante)</em>
(Ex. : 'fleur violette' ou 'viola sinensis???').">
<strong class="obligatoire">*</strong>
Espèce <?= $referentiel_impose ? '('.$ns_referentiel.')' : '' ?> <em>(ou indication sur la plante)</em>
</span>
</label>
<div class="input-prepend">
<span class="input-prepend">
<span class="add-on">
<i class="icon-leaf"></i>
</span><input type="text" id="taxon" name="taxon" value="<?= $nom_sci_espece_defaut; ?>" data="numNomSel" />
</div>
</span>
</div>
<p class="alert alert-warning" id="avertissement-non-messicole" style="display: none;">
<strong>Attention:</strong> cette espèce n'est
561,14 → 564,17
<div class="row-fluid">
<div class="span12">
<label for="identification-liste">Identification</label>
<div>
<select name="identification-liste" id="identification-liste">
<option value="" selected>Sélectionner une identification</option>
<option value="certaine" data-titre="certaine">Certaine</option>
<option value="douteuse" data-titre="douteuse">Douteuse</option>
<option value="adeterminer" data-titre="à déterminer">A déterminer</option>
</select>
</div>
<span class="input-prepend">
<span id="identification-icone" class="add-on">
<i class="icon-eye-open"></i>
</span>
</span>
<select name="identification-liste" id="identification-liste">
<option value="" selected>Sélectionner une identification</option>
<option value="certaine" data-titre="certaine">Certaine</option>
<option value="douteuse" data-titre="douteuse">Douteuse</option>
<option value="adeterminer" data-titre="à déterminer">A déterminer</option>
</select>
</div>
</div>
<!-- Abondance -->
578,21 → 584,28
<strong class="obligatoire">*</strong>
Abondance
</label>
<div>
<select name="abondance-liste" id="abondance-liste">
<option value="" class="a-masquer" selected>Sélectionner une abondance</option>
<option value="1" data-titre="1 à 10 espèces">1 à 10</option>
<option value="10" data-titre="10 à 100 espèces">10 à 100</option>
<option value="100" data-titre="100 à 1000 espèces">100 à 1000</option>
</select>
</div>
<span class="input-prepend">
<span id="abondance-icone" class="add-on">
<i class="icon-signal"></i>
</span>
</span>
<select name="abondance-liste" id="abondance-liste">
<option value="" class="a-masquer" selected>Sélectionner une abondance</option>
<option value="1" data-titre="1 à 10 espèces">1 à 10 espèces</option>
<option value="10" data-titre="10 à 100 espèces">10 à 100 espèces</option>
<option value="100" data-titre="100 à 1000 espèces">100 à 1000 espèces</option>
</select>
</div>
</div>
<!-- Zone du champ -->
<div class="row-fluid">
<div class="span12 control-group">
<strong class="obligatoire">*</strong>
Zone du champ
<span class="span3 control-group">
<label>
<strong class="obligatoire">*</strong>
Zone du champ
</label>
</span>
<span class="span9 control-group">
<!-- Bordure -->
<label for="bordure" class="checkbox pointer">
<input type="checkbox" id="bordure" name="zone-champ[]" value="bordure" data-titre="bordure" />
629,7 → 642,7
Une description de la Zone délaissée<br/>
...
</div>
</div>
</span>
</div>
<div class="row-fluid">
<div class="span12">
636,7 → 649,7
<label for="notes" class="pointer">Notes</label>
<div>
<textarea id="notes" class="span6" rows="7" name="notes"
placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
placeholder="Vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
</div>
</div>
</div>
/trunk/widget/modules/saisie/squelettes/messicoles/css/messicoles.css
242,7 → 242,9
 
/* Supression de l'espace (à l'arrache) */
#taxon-liste,
#courriel {
#courriel,
#identification-liste,
#abondance-liste {
margin-left: -4px;
}
 
/trunk/widget/modules/saisie/squelettes/messicoles/js/WidgetSaisieMessicoles.js
220,7 → 220,7
'<div class="span9">'+
'<ul class="unstyled">'+
'<li>'+
'<span class="nom-sci">'+nomSel+'</span> '+
'<span class="nom-sci gras">'+nomSel+'</span> '+
this.ajouterNumNomSel(numNomSel, referentiel)+
' observé à <span class="gras">'+commune+' '+code_insee+'</span> ['+latitude+' / '+longitude+']'+' le <span class="gras">'+' '+date+'</span>'+
'</li>'+