Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 3843 → Rev 3844

/trunk/widget/modules/saisie/squelettes/saisie.tpl.html
36,7 → 36,10
<!-- Fontawesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- Carto -->
<link href="<?php echo $url_base; ?>js/tb-geoloc/styles.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.css" integrity="sha512-gc3xjCmIy673V6MyOAZhIW93xhM9ei1I+gLbmFjUHIjocENRsLX/QUE1htk5q1XV2D/iie/VQ8DXI6Vu8bexvQ==" crossorigin="anonymous">
<link rel="stylesheet" href="<?php echo $url_base;?>js/tb-geoloc/css/leaflet-gesture-handling.min.css" type="text/css">
<link rel="stylesheet" href="<?php echo $url_base;?>js/tb-geoloc/css/geoloc.css" type="text/css">
<!-- STYLE SAISIE -->
<link href="<?php echo $url_base; ?>css/saisie.css" rel="stylesheet" type="text/css" media="screen" />
<link href="<?php echo $url_base; ?>css/saisieSpe.css" rel="stylesheet" type="text/css" media="screen" />
189,7 → 192,7
<div class="col-md-6">
 
<div class="mb-3">
<label for="geolocalisation" class="col-sm-8 obligatoire has-tooltip" data-toggle="tooltip" title="<?php echo $observation['geoloc-title']; ?>">
<label id="geoloc-label" for="geolocalisation" class="col-sm-8 obligatoire has-tooltip" data-toggle="tooltip" title="<?php echo $observation['geoloc-title']; ?>">
<i class="fa fa-street-view" aria-hidden="true"></i>
<?php echo $observation['geolocalisation']; ?>
</label>
203,34 → 206,64
<input type="hidden" id="pays" name="pays" value="" style="display:none">
<input type="hidden" id="commune-nom" name="commune-nom" value="" style="display:none">
<input type="hidden" id="geometry" name="geometry" value="" style="display:none">
<input type="hidden" id="latitude" name="latitude" value="" style="display:none">
<input type="hidden" id="longitude" name="longitude" value="" style="display:none">
<!-- <input type="text" id="latitude" name="latitude" value="<?php //echo $widget['localisation']['latitude'] ?? '';?>">
<input type="text" id="longitude" name="longitude" value="<?php //echo $widget['localisation']['longitude'] ?? '';?>"> -->
<input type="hidden" id="altitude" name="altitude" value="" style="display:none">
<input type="hidden" id="commune-insee" name="commune-insee" value="" style="display:none">
<input type="hidden" id="coord-lineaire" name="coord-lineaire" value="" style="display:none">
</div>
<div id="geoloc" class="col-sm-12">
<tb-geolocation-element
id="tb-geolocation"
layer='osm'
zoom_init="<?php echo ( isset($widget['localisation']['zoom']) ) ? $widget['localisation']['zoom']: '4' ;?>"
lat_init="<?php echo ( isset($widget['localisation']['latitude']) ) ? $widget['localisation']['latitude']: '46.5' ;?>"
lng_init="<?php echo ( isset($widget['localisation']['longitude'])) ? $widget['localisation']['longitude'] : '2.9' ;?>"
marker="<?php echo ( $widget['type_localisation'] === 'point' ) ? 'true' : 'false' ;?>"
polyline="<?php echo ( $widget['type_localisation'] === 'rue' ) ? 'true' : 'false' ;?>"
polygon="false"
show_lat_lng_elevation_inputs="<?php echo ( $widget['type_localisation'] === 'point' ) ? 'true' : 'false' ;?>"
osm_class_filter=""
geometry_filter="<?php echo ($widget['type_localisation'] === 'rue' ) ? 'linestring' : 'point' ;?>"
elevation_provider="mapquest"
map_quest_api_key="mG6oU5clZHRHrOSnAV0QboFI7ahnGg34"
height="400px"
>
</tb-geolocation-element>
<script type="text/javascript">
const URL_GEOLOC_SERVICE = "<?php echo $url_ws_geoloc;?>";
const URL_BASE = "<?php echo $url_base;?>";
</script>
 
<div id="tb-places-zone" class="flex hidden">
<div class="form-col search-container">
<label for="tb-places" >Trouver un lieu</label>
<div class="input-search-container">
<input id="tb-places" class="tb-places" type="search" name="tb-places" placeholder="Recherchez une adresse ici" autocomplete="off">
<div class="tb-places-search-icon"></div>
<button class="tb-places-close hidden"></button>
</div>
<div class="tb-places-results-container hidden">
<ul class="tb-places-results"></ul>
</div>
</div>
</div>
 
<div id="map-container">
<div
id="tb-geolocation"
style="height: 400px;width: 100%"
data-type-localisation="<?php echo $widget['type_localisation'] ?? '';?>"
data-zoom="<?php echo $widget['localisation']['zoom'] ?? '5';?>"
data-layer="osm"
data-form-suffix=""
>
</div>
</div>
</div>
</div>
</div>
 
<div id="coord" class="control-group">
<label for="latitude" class="col-sm-8">
<i class="fa fa-globe" aria-hidden="true"></i>
<?php echo $observation['latitude']; ?>
</label>
<div class="col-sm-8 mb-3">
<input type="text" id="latitude" name="latitude" class="form-control has-tooltip" data-toggle="tooltip" title="<?php echo $observation['latitude']; ?>" value="<?php echo $widget['localisation']['latitude'] ?? '';?>">
</div>
<label for="longitude" class="col-sm-8">
<i class="fa fa-globe" aria-hidden="true"></i>
<?php echo $observation['longitude']; ?>
</label>
<div class="col-sm-8 mb-3">
<input type="text" id="longitude" name="longitude" class="form-control has-tooltip" data-toggle="tooltip" title="<?php echo $observation['longitude']; ?>" value="<?php echo $widget['localisation']['longitude'] ?? '';?>">
</div>
</div>
 
<div class="control-group">
<label for="lieudit" class="col-sm-8">
<i class="fa fa-map-signs" aria-hidden="true"></i>
793,13 → 826,10
</div>
</div>
</div>
<!-- carto -->
<script type="text/javascript" src="<?php echo $url_base; ?>js/tb-geoloc/tb-geoloc-lib-app.js"></script>
<!-- Jquery -->
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/1.11.1/jquery-1.11.1.min.js"></script>
<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/jquery-ui.min.js"></script>
<!-- <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/datepicker-fr.js"></script> -->
<!-- Jquery Plugins -->
<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
<script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/jquery.validate.min.js"></script>
810,17 → 840,16
<!-- Bootstrap -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<!-- carto -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.js" integrity="sha512-ozq8xQKq6urvuU6jNgkfqAmT7jKN2XumbrX1JiB3TnF7tI48DPI4Gy1GXKD/V3EExgAs1V+pRO7vwtS1LHg0Gw==" crossorigin="anonymous"></script>
<script src="<?php echo $url_base;?>js/tb-geoloc/js/modules/leaflet-gesture-handling.min.js"></script>
<!-- Connexion, bloc de prévisualisation, date -->
<script type="text/javascript" src="<?php echo $url_base; ?>js/Utils.js"></script>
<script type="text/javascript" src="<?php echo $url_base; ?>js/WidgetsSaisiesCommun.js"></script>
<script type="text/javascript" src="<?php echo $url_base; ?>js/WidgetSaisie.js"></script>
<script type="module" src="<?php echo $url_base; ?>js/WidgetSaisie.js"></script>
<script type="text/javascript">
//<![CDATA[
const NBRE_ELTS_AUTOCOMP = 20;
const OBS_MAX_NBRE = 10;
const DUREE_MESSAGE = 1000;
 
var widgetProp = {
const NBRE_ELTS_AUTOCOMP = 20,
widgetProp = {
// url jusqu'à "/widget:cel:"
'urlWidgets' : "<?php echo $widgets_url; ?>",
// module utilisé (apa,lg,streets)
881,21 → 910,14
"ns.structure=au,an&"+
"navigation.limite=" + NBRE_ELTS_AUTOCOMP,
// Nombre d'observations max autorisé avant transmission
'obsMaxNbre' : OBS_MAX_NBRE,
'obsMaxNbre' : 10,
// Durée d'affichage en milliseconde des messages d'informations
'dureeMessage' : DUREE_MESSAGE,
'dureeMessage' : 1000,
// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
'serviceNomCommuneUrl' : "https://api.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).
'serviceNomCommuneUrlAlt' : "https://api.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1"
};
 
$( document ).ready( function() {
widget = new WidgetSaisie(widgetProp);
widget.init();
// Fonctions de Style et Affichage des éléments "spéciaux"
utils.init();
});
//]]>
</script>
<!-- Barre de navigation -->