/trunk/widget/modules/saisie2/squelettes/js/WidgetsSaisiesCommun.js |
---|
472,6 → 472,7 |
source: function( requete, add ) { |
// la variable de requête doit être vidée car sinon le parametre "term" est ajouté |
requete = ''; |
$( '#taxon-autocomplete-label' ).addClass( 'loading' ); |
if( lthis.valOk( $( '#referentiel' ).val(), false, 'autre' ) ) { |
var url = lthis.getUrlAutocompletionNomsSci(); |
$.getJSON( url, requete, function( data ) { |
486,6 → 487,9 |
$( this ).prop( 'selected', false ); |
} |
}); |
}) |
.always(function() { |
$( '#taxon-autocomplete-label' ).removeClass( 'loading' ); |
}); |
} |
}, |
/trunk/widget/modules/saisie2/squelettes/saisie.tpl.html |
---|
47,6 → 47,16 |
<?php endif; ?> |
<!-- <link rel="icon" type="image/x-icon" href="favicon.ico" /> --> |
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> |
<style> |
.loading::after { |
content:''; |
display: inline-block; |
background-image: url("<?php echo $url_base; ?>img/icones/chargement-image.gif"); |
background-size: 1rem; |
height: 1rem; |
width: 1rem; |
} |
</style> |
</head> |
<body id="top" data-sq="<?php echo $url_base; ?>" data-type-loc="<?php echo $widget['type_localisation'];?>"> |
274,13 → 284,13 |
<div id="bloc-taxon" class="control-group"> |
<?php $isTaxonListe = ( isset( $widget['especes']['taxons'] ) && count( (array) $widget['especes']['taxons'] ) > 0 ) ;?> |
<label for="<?php echo ( !$isTaxonListe ) ? 'taxon' : 'taxon-liste';?>" class="col-sm-8"> |
<label <?php echo ( !$isTaxonListe ) ? 'id="taxon-autocomplete-label" for="taxon"' : 'for="taxon-liste"';?> class="col-sm-8"> |
<i class="fa fa-leaf" aria-hidden="true"></i> |
<?php echo $observation['espece']; ?><?php if ( !empty( $widget['referentiel'] ) ) echo " (" . $widget['referentiel'] . ")"; ?> |
</label> |
<div class="col-sm-8 mb-3"> |
<?php if ( $widget['type_especes'] === 'fixe' || $widget['especes']['espece_imposee'] ) : ?> |
<input id="taxon" name="taxon" type="text" class="form-control taxon-validation" title"" value="<?php echo $widget['especes']['nom_sci_espece_defaut']; ?>"/> |
<input id="taxon" name="taxon" type="text" class="form-control taxon-validation" title="" value="<?php echo $widget['especes']['nom_sci_espece_defaut']; ?>"/> |
</div> |
</div> |
307,7 → 317,7 |
</div> |
</div> |
<div id="taxon-input-groupe" class="control-group hidden"> |
<label for="taxon-autre" class="col-sm-8" title=""> |
<label id="taxon-autocomplete-label" for="taxon-autre" class="col-sm-8" title=""> |
<i class="fab fa-pagelines" aria-hidden="true"></i> |
<?php echo $observation['autre-espece']; ?> |
</label> |
/trunk/widget/modules/saisie2/squelettes/apa.tpl.html |
---|
61,6 → 61,18 |
<?php include "analytics.html"; ?> |
<?php endif; ?> |
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> |
<style> |
.loading::after { |
content:''; |
display: inline-block; |
background-image: url("<?php echo $url_base; ?>img/icones/chargement-image.gif"); |
background-size: 1rem; |
height: 1rem; |
width: 1rem; |
} |
</style> |
<!-- carto --> |
<script type="text/javascript" src="<?php echo $url_base; ?>js/tb-geoloc/tb-geoloc-lib-app.js"></script> |
/trunk/widget/modules/saisie2/squelettes/apaforms.tpl.html |
---|
212,7 → 212,7 |
<!-- Bloc-taxon --> |
<div id="bloc-taxon" class="control-group"> |
<label for="taxon<?php echo ('arbres' !== $squelette ) ? '-liste' : '';?>" class="col-sm-8 obligatoire" title=""> |
<label <?php echo ('arbres' !== $squelette ) ? 'for="taxon-liste"' : 'id="taxon-autocomplete-label" for="taxon"';?> class="col-sm-8 obligatoire" title=""> |
<i class="fa fa-leaf" aria-hidden="true"></i> Espèce (<?php echo $widget['referentiel']; ?>) |
</label> |
251,7 → 251,7 |
</div><!-- fin bloc-taxon --> |
<!-- input text pour l'option "autre" espèce --> |
<div id="taxon-input-groupe" class="control-group hidden"> |
<label for="taxon-autre" class="col-sm-8" title=""> |
<label id="taxon-autocomplete-label" for="taxon-autre" class="col-sm-8" title=""> |
<i class="fab fa-pagelines" aria-hidden="true"></i> Autre espèce |
</label> |
<div class="col-sm-8 mb-3"> |