WebSVN – eFlore/Applications.cel – Diff – /branches/v3.01-serpe/widget/modules/manager/squelettes/creation.tpl.html

     <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
     <!-- <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" />
     <!--  Google Analytics -->
     <?php if ( $prod ) : ?>
       <?php include "analytics.html";?>
+    <?php endif;?>
+    <!-- <link rel="icon" type="image/x-icon" href="favicon.ico" /> -->
-    <?php endif;?>
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
   </head>
   <body>
                     <option value="<?php echo ( isset( $widget['type_localisation'] ) && $widget['type_localisation'] === 'rue' ) ? 'point' : 'rue';?>"><?php echo ( isset( $widget['type_localisation'] ) && $widget['type_localisation'] === 'rue') ? 'point' : 'rue';?></option>
                   </select>
                 </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 ";".
                     <br>
                 <div class="col-sm-12 mb-3">
                   <a href="<?php echo $url_base;?>modules/manager/squelettes/img/fichier_type/especes.csv" class="button fichier-type" download><i class="fas fa-file-alt" aria-hidden="true"></i> Fichier type</a>
                 </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>&nbsp;Terminer</button>
               </div>
               <!--Submit-->
+            </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&nbsp: 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&nbsp;:<br>
+                        Europe&nbsp;:&nbsp;4, France&nbsp;:&nbsp;5, région&nbsp;:&nbsp;7, département&nbsp;:&nbsp;9, ville&nbsp;:&nbsp;12, lieu-dit/quartier&nbsp;:&nbsp;15, rue&nbsp;:&nbsp;18 (=&nbsp;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 #new-widget-form -->
+            </form><!-- end #form-geolocalisation -->
             <form id="new-fields" autocomplete="off">
-                <h2>Ajouter des champs</h2>
+              <h2>Ajouter des champs</h2>
-                <p class="message">
+              <p class="message">
-                  <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
+                <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
-                  &nbsp;Attention&nbsp;:
+                &nbsp;Attention&nbsp;:
-                  <br>
+                <br>
-                  <i class="fa fa-bolt" aria-hidden="true"  style="color:#B3C954"></i>
+                <i class="fa fa-bolt" aria-hidden="true"  style="color:#B3C954"></i>
-                  &nbsp;Le bouton "Valider" sert à valider les champs supplémentaires uniquement
+                &nbsp;Le bouton "Valider" sert à valider les champs supplémentaires uniquement
-                  <br>
+                <br>
-                  <i class="fas fa-trophy" aria-hidden="true"  style="color:#B3C954"></i>
+                <i class="fas fa-trophy" aria-hidden="true"  style="color:#B3C954"></i>
-                  &nbsp;Le bouton "Terminer" sert à envoyer la totalité du nouveau widget
+                &nbsp;Le bouton "Terminer" sert à envoyer la totalité du nouveau widget
-                </p>
+              </p>
             </form><!-- #new-fields = fomulaire oû viennent s'insérer les champs supplémentaires -->
                   <div id="zone-observation" class="row">
                     <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>&nbsp;Geolocalisation
                         </label>
-                        <div id="geolocalisation">
+                        <div id="geolocalisation-previs">
-                          <img src="<?php echo $url_base;?>/modules/manager/squelettes/img/geoloc/geoloc.png" alt="geolocalisation" width="90%">
+                          <img src="<?php echo $url_base;?>modules/manager/squelettes/img/geoloc/geoloc.png" alt="geolocalisation" width="90%">
                         </div>
                       </div>
             <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
           </div>
         </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> -->
     <!-- Jquery Plugins -->
     <!-- Jquery Validate : nécessaire pour la validation des formulaires -->

Subversion Repositories eFlore/Applications.cel

(root)/branches/v3.01-serpe/widget/modules/manager/squelettes/creation.tpl.html @ 3881 – Rev 3378 → 3424