23,6 → 23,8 |
<!-- <link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" /> --> |
<!-- Fontawesome --> |
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous" /> |
<!-- Carto --> |
<link href="<?php echo $url_base; ?>modules/manager/squelettes/js/tb-geoloc/styles.css" rel="stylesheet" type="text/css" media="screen" /> |
<!-- STYLE MANAGER CREATION --> |
<link rel="stylesheet" type="text/css" href="<?php echo $url_base;?>modules/manager/squelettes/css/manager.css" media="screen" /> |
|
30,6 → 32,8 |
<?php if ( $prod ) : ?> |
<?php include "analytics.html";?> |
<?php endif;?> |
<!-- <link rel="icon" type="image/x-icon" href="favicon.ico" /> --> |
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> |
</head> |
|
<body> |
212,11 → 216,6 |
</div> |
|
<div class="col-sm-12 mb-3"> |
<label for="localisation">Zoom</label> |
<input type="text" name="localisation" id="localisation" class="form-control" value="<?php echo isset( $widget['localisation'] ) ? htmlspecialchars($widget['localisation'] ) : '';?>" /> |
</div> |
|
<div class="col-sm-12 mb-3"> |
<label for="milieux">Milieux</label> |
<p class="message"> |
Liste de milieux séparés par un ";". |
272,6 → 271,8 |
</div> |
</div><!-- end #profile-details-fields-section --> |
|
<!--localisation--> |
<input type="hidden" name="localisation" id="localisation" value="<?php echo isset($widget['localisation']) ? htmlspecialchars($widget['localisation']) : '';?>"> |
<!--Submit--> |
<div class="submit complete-registration" id="submit-button"> |
<button href="#" type="submit" name="signup_submit" id="signup_submit" class="button" target="" title="Soumettre le nouveau widget" disabled="disabled"><i class="fas fa-trophy" aria-hidden="true"></i> Terminer</button> |
280,18 → 281,65 |
|
</form><!-- end #new-widget-form --> |
|
<form id="form-geolocalisation" autocomplete="off"> |
<div class="row mb-3"> |
<label for="geolocalisation" class="obligatoire has-tooltip col-sm-12" data-toggle="tooltip" title=""> |
Geolocalisation : Déterminer un point gps (facultatif) |
</label> |
</div> |
<div id="geoloc" class="geoloc"> |
<tb-geolocation-element |
id="tb-geolocation" |
layer='osm' |
zoom_init="4" |
lat_init="46.5" |
lng_init="2.9" |
marker="true" |
polyline="false" |
polygon="false" |
show_lat_lng_elevation_inputs="true" |
osm_class_filter="" |
elevation_provider="mapquest" |
map_quest_api_key="mG6oU5clZHRHrOSnAV0QboFI7ahnGg34" |
> |
</tb-geolocation-element> |
</div> |
<div class="control-group mt-3 mb-3"> |
<div class="row"> |
<div id="geoloc-datas" class="col-sm-12 row"> |
<div class="col-sm-6 mb-3"> |
<label for="latitude">Latitude</label> |
<input type="text" class="form-control latitude" id="latitude" name="latitude" pattern="-?(8[0-5]|[1-7]?[0-9])(,|.)[0-9]{5}" title="Nombre décimal de 6 à 8 chiffres au total, dont exactement 5 chiffres après la virgule" placeholder="+/- 0.00000 à 90.00000" value=""> |
</div> |
<div class="col-sm-6 mb-3"> |
<label for="longitude">Longitude</label> |
<input type="text" class="form-control longitude" id="longitude" name="longitude" pattern="-?(1(80|[0-7][0-9])|([1-9]?[0-9]))(,|.)[0-9]{5}" title="Nombre décimal de 6 à 8 chiffres au total, dont exactement 5 chiffres après la virgule" placeholder="+/- 0.00000 à 180.00000" value=""> |
</div> |
<div class="col-sm-12 mb-3"> |
<label for="zoom">Zoom (indépendant des coordonnées)</label> |
<p class="message"> |
Quelques exemples de précision zoom :<br> |
Europe : 4, France : 5, région : 7, département : 9, ville : 12, lieu-dit/quartier : 15, rue : 18 (= max). |
</p> |
<input type="text" name="zoom" id="zoom" class="form-control" pattern="(0?[1-9]|(1[0-8]))" title="Nombre de 1 à 18" placeholder="1 à 18" value="" /> |
</div> |
</div> |
</div> |
</div> |
</form><!-- end #form-geolocalisation --> |
|
<form id="new-fields" autocomplete="off"> |
<h2>Ajouter des champs</h2> |
<p class="message"> |
<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i> |
Attention : |
<br> |
<i class="fa fa-bolt" aria-hidden="true" style="color:#B3C954"></i> |
Le bouton "Valider" sert à valider les champs supplémentaires uniquement |
<br> |
<i class="fas fa-trophy" aria-hidden="true" style="color:#B3C954"></i> |
Le bouton "Terminer" sert à envoyer la totalité du nouveau widget |
</p> |
<h2>Ajouter des champs</h2> |
<p class="message"> |
<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i> |
Attention : |
<br> |
<i class="fa fa-bolt" aria-hidden="true" style="color:#B3C954"></i> |
Le bouton "Valider" sert à valider les champs supplémentaires uniquement |
<br> |
<i class="fas fa-trophy" aria-hidden="true" style="color:#B3C954"></i> |
Le bouton "Terminer" sert à envoyer la totalité du nouveau widget |
</p> |
</form><!-- #new-fields = fomulaire oû viennent s'insérer les champs supplémentaires --> |
|
<div id="new-fields-buttons" class="row"> |
389,11 → 437,11 |
|
<div class="col-md-6 row"> |
<div class="col-md-12"> |
<label for="geolocalisation" id="label-geolocalisation" title="Veuillez saisir votre adresse courriel."> |
<label for="geolocalisation-previs" id="label-geolocalisation" title="Veuillez saisir votre adresse courriel."> |
<i class="fa fa-envelope"></i> Geolocalisation |
</label> |
<div id="geolocalisation"> |
<img src="<?php echo $url_base;?>/modules/manager/squelettes/img/geoloc/geoloc.png" alt="geolocalisation" width="90%"> |
<div id="geolocalisation-previs"> |
<img src="<?php echo $url_base;?>modules/manager/squelettes/img/geoloc/geoloc.png" alt="geolocalisation" width="90%"> |
</div> |
</div> |
|
494,9 → 542,10 |
</div> |
</div> |
</div> |
<!-- carto --> |
<script type="text/javascript" src="<?php echo $url_base; ?>modules/manager/squelettes/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> --> |