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


<?php echo "<noscript>Activer javascript et recharger la page</noscript>";?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title><?php echo $mode;?> de widget de saisie du CeL</title>
 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Content-style-type" content="text/css" />
    <meta http-equiv="Content-script-type" content="text/javascript" />
    <meta http-equiv="Content-language" content="fr" />
    <meta name="robots" content="noindex, nofollow, noarchive, nosnippet, noodp">
    <meta name="author" content="Tela Botanica" />
    <meta name="keywords" content="Tela Botanica, CEL" />
    <meta name="description" content="Gestion des widgets de saisie du carnet en ligne" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 
    <!-- Favicones -->
    <link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
    <!-- Jquery-ui custom css-->
    <link href="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen">
    <!-- 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" /> -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
  </head>
 
  <body>
    <div id="zone-appli" class="container">
      <h1 id="widget-titre" class="widget-titre"><?php echo ucfirst( $mode );?> de widget de saisie du CEL</h1>
      <div id="register-page">
        <div id="group-settings-form">
 
          <div id="left-block" class="widget-blocks">
 
            <p class="message">
              <?php if ( $mode === 'modification' ) : ?>
                Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changés.
                S'il s'agit d'un projet type, en modifiant ce widget vous modifiez tous les widgets de ce type.
              <?php else : ?>
                Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront
                obligatoires et la localisation (point ou rue) sera automatiquement déterminée.
              <?php endif;?>
            </p>
 
            <form action="<?php echo $url_base;?>manager?mode=<?php echo $mode.$params;?>" id="basic-widget-form" method="post" enctype="multipart/form-data">
 
              <div class="register-section row" id="basic-details-section">
                <h2>Meta-données</h2>
 
                <input type="text" name="email" id="email" placeholder="Your email" title="laisser ce champ vide" autocomplete="off" tabindex="-1" />
 
                <div class="col-sm-12 mb-3">
                  <label for="projet">Projet&nbsp;*</label>
                  <input type="text" name="projet" id="projet" class="form-control" pattern="^[a-z][a-z0-9-]{2,24}" <?php echo ( $mode === 'modification' ) ? 'value="' . $widget['projet'] . '" readonly' : 'required';?> title="Champ obligatoire : Pas d'espaces, de majuscules, de caractères spéciaux, ou d'accents. Caractères acceptés : 1er une lettre de a à z, ensuite : lettres, chiffres, tirets &quot; - &quot;.">
                </div>
 
                <div class="col-sm-12 mb-3">
                  <label for="motscles">Autres mots-clés</label>
                  <input type="text" name="motscles" id="motscles" class="form-control" <?php echo ( $mode === 'modification' ) ? 'value="' . $widget['motscles'] . '"' : "";?> />
                </div>
 
                <div class="col-sm-12 mb-3">
                  <label for="type">Type de widget</label>
                  <select  id="type" name="type" class="form-control custom-select">
                    <option value=""> ----</option>
                    <?php foreach ( $type as $id => $projet ) : ?>
                      <option <?php echo ( isset( $widget['projet'] ) && $projet['projet'] === $widget['projet'] ) ? 'selected="selected"' : '';?> value="<?php echo $projet['projet'];?>"><?php echo $projet['projet'];?></option>
                    <?php endforeach;?>
                  </select>
                </div>
 
 
                  <div class="col-sm-12 radio mb-3">
                    <label for="est_type" class="radio-label">
                      <input type="checkbox" name="est_type" id="est_type" <?php echo ( isset( $widget['est_type'] ) && $projet['est_type'] === '1' ) ? 'checked="checked"' : '';?>>
                      Ce widget est un widget type
                    </label>
                  </div>
 
                <div class="col-sm-12 mb-3">
                  <label for="langue">Langue</label>
                  <?php if ( $mode === 'modification' ) : ?>
                    <input id="langue" name="langue" class="form-control" readonly value="<?php echo $widget['langue'];?>">
                  <?php else : ?>
                    <select id="langue" name="langue" class="form-control custom-select">
                    <?php foreach ( $langues as $code => $langue ) : ?>
                      <option value="<?php echo $code;?>" <?php echo ( $code === 'fr' ) ? 'selected' : '';?>><?php echo $langue['nom'];?></option>
                    <?php endforeach;?>
                    </select>
                  <?php endif;?>
                </div>
              </div><!-- end #basic-details-section -->
 
 
              <div class="register-section row" id="profile-details-description-section">
                <h2>Description</h2>
                <div class="col-sm-12 mb-3">
                  <label for="titre">Titre</label>
                  <input type="text" name="titre" id="titre" class="form-control" value="<?php echo isset( $widget['titre'] ) ? htmlspecialchars( $widget['titre']) : '';?>">
                </div>
 
                <div class="input-file-row row">
                  <div class="input-file-container col-sm-10">
 
                    <?php
                      if( isset( $widget['info'] ) ) :
                        $info_file_name = 'info.' . preg_replace( '/(?:imag)?e\/?/','',$widget['info']);
                        $info_src       = $chemin_images . $widget['projet'] . '/' . $info_file_name;
                        $info_img       =
                          '<img id="pre-existent-info" src="' . $info_src . '" width="50%"><br>Pour changer, télécharger un nouveau fichier.';
                        $info_hidden    = '';
                      else :
                        $info_file_name = [];
                        $info_src       = '';
                        $info_img       = '';
                        $info_hidden    = ' hidden';
                      endif;
                    ?>
 
                    <input type="file" class="input-file" name="info" id="info" accept="image/*">
                    <label for="info" class="label-file "><i class="fas fa-download"></i> Aide dans le titre</label>
                  </div>
                  <div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
                  <div class="file-return info <?php echo $info_hidden;?>">
                    <?php echo $info_file_name;?>
                    <?php echo $info_img;?>
                  </div>
                </div>
 
                <div class="col-sm-12 mb-3">
                  <label for="description">Description</label>
                  <textarea name="description" id="description" class="form-control"><?php echo isset( $widget['description'] ) ? htmlspecialchars( $widget['description'] ) : '';?></textarea>
                </div>
 
                <div class="input-file-row row">
                  <div class="input-file-container col-sm-10">
 
                    <?php
                      if( isset( $widget['logo'] ) ) :
                        $logo_file_name = 'logo.' . preg_replace( '/(?:imag)?e\/?/','',$widget['logo']);
                        $logo_src       = $chemin_images . $widget['projet'] . '/' . $logo_file_name;
                        $logo_img       =
                          '<img id="pre-existent-logo" src="' . $logo_src . '" width="50%"><br>Pour changer, télécharger un nouveau fichier.';
                        $logo_hidden    = '';
                      else :
                        $logo_file_name = [];
                        $logo_src       = '';
                        $logo_img       = '';
                        $logo_hidden    = ' hidden';
                      endif;
                    ?>
 
                    <input type="file" class="input-file" name="logo" id="logo"  accept="image/*" value="">
                    <label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>
                  </div>
                  <div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier">
                    <i class="fas fa-times" aria-hidden="true"></i>
                  </div>
                  <div class="file-return logo<?php echo $logo_hidden;?>">
                    <?php echo $logo_file_name;?>
                    <?php echo $logo_img;?>
                  </div>
                </div>
 
                <div class="input-file-row row">
                  <div class="input-file-container col-sm-10">
 
                    <?php
                      if( isset( $widget['image_fond'] ) ) :
                        $image_fond_file_name = 'image_fond.' . preg_replace( '/(?:imag)?e\/?/','',$widget['image_fond']);
                        $image_fond_src       = $chemin_images . $widget['projet'] . '/' . $image_fond_file_name;
                        $image_fond_img       =
                          '<img id="pre-existent-image_fond" src="' . $image_fond_src . '" width="50%"><br>Pour changer, télécharger un nouveau fichier.';
                        $image_fond_hidden    = '';
                      else :
                        $image_fond_file_name = [];
                        $image_fond_src       = '';
                        $image_fond_img       = '';
                        $image_fond_hidden    = ' hidden';
                      endif;
                    ?>
 
                    <input type="file" class="input-file" name="image_fond" id="image_fond" accept="image/*">
                    <label for="image_fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>
                  </div>
                  <div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
                  <div class="file-return image_fond <?php echo $image_fond_hidden;?>">
                    <?php echo $image_fond_file_name;?>
                    <?php echo $image_fond_img;?>
                  </div>
                </div>
 
              </div><!-- end #profile-details-description-section -->
 
              <div class="register-section row" id="profile-details-fields-section">
                <h2>Champs</h2>
 
                <div class="col-sm-12 mb-3">
                  <label for="type_localisation">Type de localisation</label>
                  <select  id="type_localisation" name="type_localisation" class="form-control custom-select">
                    <option value="<?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point';?>"><?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point';?></option>
                    <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="milieux">Milieux</label>
                  <p class="message">
                    Liste de milieux séparés par un ";".
                    <br>
                    <i class="fas fa-pen"></i>&nbsp;Pour ajouter une option "autre" ajoutez le mot "autre" dans votre liste de milieux.
                    <br>
                    <i class="fas fa-check-double"></i>&nbsp;Pour autoriser la sélection de plusieurs milieux ajouter "multimilieux" dans votre liste de milieux (sans fautes&nbsp;!&nbsp;<i class="far fa-smile-beam"></i>&nbsp;).
                    <br>
                    <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>&nbsp;Les options apparaitront dans l'ordre de saisie de cette liste.
                  </p>
                  <input type="text" name="milieux" id="milieux" class="form-control" value="<?php echo isset( $widget['milieux'] ) ? $widget['milieux'] : '';?>">
                </div>
 
                <div class="col-sm-12 mb-3">
                  <label for="type_especes">Type liste espèce&nbsp;*</label>
                  <?php
                    $types_espece = [
                      'referentiel' => 'Référentiel',
                      'liste' => 'Liste',
                      'liste+autre' => 'Liste + autres',
                      'fixe' => 'Espèce fixée',
                    ];
                  ?>
                  <select  id="type_especes" name="type_especes" required class="form-control custom-select">
                    <?php foreach( $types_espece as $type_espece => $affichage_type_espece ): ?>
                      <option <?php echo (!isset($widget['type_especes']) && 'referentiel' === $type_espece) || $type_espece === $widget['type_especes']? 'selected="selected" ' : '';?>value="<?php echo $type_espece;?>"><?php echo $affichage_type_espece;?></option>
 
                    <?php endforeach;?>
                  </select>
                </div>
 
                <div class="col-sm-12 mb-3">
                  <label for="referentiel">Référentiel&nbsp;*</label>
                  <p class="message">
                    Pour une espèce fixée renseigner le num_nom après le référentiel, séparés de ":" suivant le schéma&nbsp;:
                    <br>
                    <code>référentiel:num_nom</code>
                    <br>
                    ex&nbsp;: <code>bdtfx:182</code>
                  </p>
                  <input type="text" name="referentiel" id="referentiel" class="form-control" required pattern="^[a-z]+(:[0-9]+)?$" title="Nom du référentiel ex. bdtfx" value="<?php echo isset( $widget['referentiel'] ) ? $widget['referentiel'] : '';?>">
                </div>
 
                <!-- Bouton fichier-type à compléter -->
                <div class="input-file-row row">
                  <div class="input-file-container col-sm-10">
                    <input type="file" class="input-file" name="especes" id="especes">
                    <label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces</label>
                    <p class="message mt-2">
                      <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
                      &nbsp;Format&nbsp;: CSV ou TSV UTF-8.
                      <br>
                      Séparateur&nbsp;: Tabulation.
                    </p>
                  </div>
                  <div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
                  <div class="file-return especes hidden"></div>
                </div>
                <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=""
                  geometry_filter="point"
                  elevation_provider="mapquest"
                  map_quest_api_key="mG6oU5clZHRHrOSnAV0QboFI7ahnGg34"
                  height="400px"
                >
                </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 class="col-sm-12 mb-3">
                  		<label for="fond_carte">Fond de carte</label>
                  		<select  id="fond_carte" name="fond_carte" class="form-control custom-select">
                        <?php
                          $affichage_fonds_carte = [
                            'osm' => 'OSM (carte par défaut)',
                            'googleHybrid' => 'Photos aériennes',
                          ];
                          $fond_carte = isset($widget['fond_carte']) && isset($affichage_fonds_carte[$widget['fond_carte']]) ? $widget['fond_carte'] : 'osm';
                        ?>
                        <?php foreach($affichage_fonds_carte  as $nom_base => $nom_affiche) :?>
                          <option value="<?php echo $nom_base;?>"<?php echo $nom_base === $fond_carte ? ' selected="selected"' : '';?>><?php echo $nom_affiche;?></option>
                    		<?php endforeach;?>
 
                  		</select>
                	</div>
                	 <div class="col-sm-12 mb-3">
                  		<label for="adresse">Adresse obligatoire</label>
                  		<select  id="adresse" name="adresse" class="form-control custom-select">
                    		<option value="0" <?php echo ( isset( $widget['adresse'] ) && $widget['adresse'] === '0' ) ? 'selected' : '';?>>Non</option>
                    		<option value="1" <?php echo ( isset( $widget['adresse'] ) && $widget['adresse'] === '1' ) ? 'selected' : '';?>>Oui</option>
                  		</select>
                	</div>
                	<div class="col-sm-12 mb-3">
                  		<label for="photo_obligatoire">Photo obligatoire</label>
                  		<select  id="photo_obligatoire" name="photo_obligatoire" class="form-control custom-select">
                    		<option value="0" <?php echo ( isset( $widget['photo_obligatoire'] ) && $widget['photo_obligatoire'] === '0' ) ? 'selected' : '';?>>Non</option>
                    		<option value="1" <?php echo ( isset( $widget['photo_obligatoire'] ) && $widget['photo_obligatoire'] === '1' ) ? 'selected' : '';?>>Oui</option>
                  		</select>
                	</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>
                &nbsp;Attention&nbsp;:
                <br>
                <i class="fa fa-bolt" aria-hidden="true"  style="color:#B3C954"></i>
                &nbsp;Le bouton "Valider" sert à valider les champs supplémentaires uniquement
                <br>
                <i class="fas fa-trophy" aria-hidden="true"  style="color:#B3C954"></i>
                &nbsp;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">
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
                <label class="add-fields">Ajouter</label>
                <div class="button" id="add-fields" title="Ajouter un champ"><i class="fa fa-plus" aria-hidden="true"></i></div>
              </div>
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
                <label for="preview-field">Prévisualiser</label>
                <div class="button" id="preview-field" name="preview-field" title="prévisualiser"><i class="fa fa-magic" aria-hidden="true"></i></div>
              </div>
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
                <label class="validate-new-fields">Valider</label>
                <div class="button" id="validate-new-fields" title="Valider les champs supplémentaires"><i class="fa fa-bolt" aria-hidden="true"></i></div>
              </div>
            </div>
 
          </div><!-- end .widget-blocks = tout le bloc de gauche-->
 
          <div id="right-block" class="widget-blocks">
            <div class="widget-renderer">
              <div id="preview-background"></div>
 
              <div id="preview-header" class="row">
                  <div id="preview-logo" class="col-md-4"></div>
                  <div id="preview-title" class="col-md-8">
                    <h1></h1>
                    <p class="message"><i class="fas fa-info-circle" style="color:#009fb8"></i> Les liens et autres balises html fonctionneront dans le widget</p>
                  </div>
              </div>
 
              <div id="preview-messages" class="row">
 
                <div id="preview-description" class="col-md-6">
                  <div class="">
                    <p class="preview-description"></p>
                  </div>
 
                </div><!-- end #preview-description -->
 
                <div id="preview-aide" class="col-md-6">
                  <div class="">
                    <h3>Aide</h3>
                    <p>
                      Cet outil vous permet de partager simplement vos observations avec
                      le <a target="_blank" href="https://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>
                      (<a target="_blank" href="https://www.tela-botanica.org/page:licence">licence CC-BY-SA</a>).
                      Identifiez-vous bien pour ensuite retrouver et gérer vos données dans votre
                      <a target="_blank" href="https://www.tela-botanica.org/appli:cel"> Carnet en ligne</a>.
                      Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
                      Elles apparaissent immédiatement sur les
                      <a target="_blank" href="https://www.tela-botanica.org/site:botanique">cartes et galeries photos </a> du site.
                    </p>
                    <p class="discretion">
                      Pour toute question ou remarque,
                      <a href="https://www.tela-botanica.org/widget:reseau:remarques?service=cel&pageSource=<?php echo $url_base;?>manager?mode=<?php echo $mode . $params;?>" target="_blank" onclick="
                          javascript:window.open(
                            this.getAttribute( 'href' ),
                            'Tela Botanica - Remarques',
                            config = 'height=700, width=640, scrollbars=yes, resizable=yes'
                          );
                          return false;
                      ">contactez-nous</a>
                    </p>
                  </div>
                </div>
              </div><!-- end #preview-aide -->
 
              <div id="preview-formulaire" class="row">
 
                <form id="preview-form-observateur" role="form" autocomplete="on">
 
                  <h2>Observateur</h2>
 
                  <div class="row">
                    <div id="bouton-connexion" class="col-md-6 col-sm-8">
                      <label for="bouton-connexion">Je me connecte à mon compte&nbsp;:</label>
                      <div class="btn btn-success mr-1 mb-1">Connexion</div>
                      <div class="btn btn-success mr-1 mb-1">Inscription</div>
                    </div>
                    <div id="creation-compte" class="col-md-6 col-sm-8">
                      <label for="creation-compte">Je ne souhaite pas m'inscrire&nbsp;:</label>
                      <div class="btn btn-info mr-1 mb-1">Observation sans inscription</div>
                    </div>
 
                  </div>
 
                </form>
 
                <form id="form-observation" role="form" autocomplete="on">
 
                  <h2>Observation</h2>
 
                  <div id="zone-observation" class="row">
 
                    <div class="col-md-6 row">
                      <div class="col-md-12">
                        <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-previs">
                          <img src="<?php echo $url_base;?>modules/manager/squelettes/img/geoloc/geoloc.png" alt="geolocalisation" width="90%">
                        </div>
                      </div>
 
                      <div class="col-md-12">
                        <label for="milieu" id="label-milieu">
                          <i class="fa fa-street-view"></i>&nbsp;Milieu
                        </label>
                        <input type="text" id="milieu" name="milieu" class="form-control" placeholder="bois, champ, falaise, ...">
                      </div>
                    </div>
 
                    <div class="col-md-6 row">
                      <div class="col-md-12">
                        <label for="date" id="label-date" title="">
                          <i class="fa fa-calendar"></i>&nbsp;Date de relevé
                        </label>
                        <div class="date">
                          <input type="date" id="date" class="form-control" name="date" title="jj/mm/aaaa" required>
                        </div>
                      </div>
 
                      <div class="col-md-12">
                        <label for="taxon" id="label-taxon" title="">
                          <i class="fa fa-leaf"></i>&nbsp;Espèce<span></span>
                        </label>
                        <div class="taxon">
                          <input type="text" name="taxon" id="taxon" class="form-control">
                        </div>
                      </div>
 
                      <div class="col-md-12">
                        <label for="certitude" id="label-certitude" title="">
                          <i class="fa fa-question"></i>&nbsp;Certitude
                        </label>
                        <select id="certitude" name="certitude" class="form-control custom-select" required>
                          <option value="" >À déterminer</option>
                          <option value="" >Douteuse</option>
                          <option value="" selected="selected" >Certaine</option>
                        </select>
                      </div>
 
                      <div class="col-md-12">
                        <label for="notes" id="label-notes" title="">
                          <i class="fa fa-pen" aria-hidden="true"></i>&nbsp;Notes
                        </label>
                        <div class="notes">
                            <textarea id="notes" name="notes" class="form-control" placeholder="Vous pouvez éventuellement ajouter des informations complémentaires à votre observation."></textarea>
                        </div>
                      </div>
                    </div>
 
                  </div>
 
                </form>
 
                <!-- formulaire d'affichage des bouveaux champs -->
                <form id="form-supp" role="form" autocomplete="on">
                  <div id="zone-supp" class="row align-items-center">
                    <div class="col-md-6 preview-container row"></div>
                  </div>
                </form>
 
                <!-- formulaire d'upload d'images -->
                <form id="form-upload" class="" action="" method="" enctype="multipart/form-data">
                  <h2>Image(s) de cette plante</h2>
                  <p class="miniature-info" class="discretion help-inline">
                    Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.
                  </p>
                  <div>
                      <div class="btn btn-large btn-info mb-3">
                        <span class=""><i class="fas fa-download"></i>&nbsp;Ajouter une image</span>
                      </div>
                  </div>
                </form>
 
              </div><!-- end #preview-formulaire -->
 
            </div><!-- end #widget-renderer-->
 
          </div><!-- #widget-blocks = tout le bloc de droite-->
 
        </div>
      </div>
    </div>
    <div id="help-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="help-modal-label" style="display: none;" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="help-modal-label"></h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body" id="print_content"></div>
          <div class="modal-footer">
            <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 -->
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/jquery.validate.min.js"></script>
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/additional-methods.min.js"></script>
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/messages_fr.js"></script>
    <!-- Jquery Form :nécessaire pour l'upload des images -->
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
    <!-- 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>
    <script type="text/javascript" src="<?php echo $url_base;?>modules/manager/squelettes/js/manager.js"></script>
      <!-- Barre de navigation -->
    <?php if ( $bar !== false ) : ?>
      <script src="<?php echo $url_script_navigation;?>"></script>
    <?php endif;?>
  </body>
</html>

Rev 3857	Rev 3881
1	`<?php echo "<noscript>Activer javascript et recharger la page</noscript>";?>`	1	`<?php echo "<noscript>Activer javascript et recharger la page</noscript>";?>`
2	`<!DOCTYPE html>`	2	`<!DOCTYPE html>`
3	`<html xmlns="http://www.w3.org/1999/xhtml">`	3	`<html xmlns="http://www.w3.org/1999/xhtml">`
4	`<head>`	4	`<head>`
5	`<title><?php echo $mode;?> de widget de saisie du CeL</title>`	5	`<title><?php echo $mode;?> de widget de saisie du CeL</title>`
6		6
7	`<meta http-equiv="content-type" content="text/html; charset=UTF-8" />`	7	`<meta http-equiv="content-type" content="text/html; charset=UTF-8" />`
8	`<meta http-equiv="Content-style-type" content="text/css" />`	8	`<meta http-equiv="Content-style-type" content="text/css" />`
9	`<meta http-equiv="Content-script-type" content="text/javascript" />`	9	`<meta http-equiv="Content-script-type" content="text/javascript" />`
10	`<meta http-equiv="Content-language" content="fr" />`	10	`<meta http-equiv="Content-language" content="fr" />`
11	`<meta name="robots" content="noindex, nofollow, noarchive, nosnippet, noodp">`	11	`<meta name="robots" content="noindex, nofollow, noarchive, nosnippet, noodp">`
12	`<meta name="author" content="Tela Botanica" />`	12	`<meta name="author" content="Tela Botanica" />`
13	`<meta name="keywords" content="Tela Botanica, CEL" />`	13	`<meta name="keywords" content="Tela Botanica, CEL" />`
14	`<meta name="description" content="Gestion des widgets de saisie du carnet en ligne" />`	14	`<meta name="description" content="Gestion des widgets de saisie du carnet en ligne" />`
15	`<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />`	15	`<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />`
16		16
17	`<!-- Favicones -->`	17	`<!-- Favicones -->`
18	`<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />`	18	`<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />`
19	`<!-- Jquery-ui custom css-->`	19	`<!-- Jquery-ui custom css-->`
20	`<link href="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen">`	20	`<link href="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen">`
21	`<!-- Bootstrap CSS -->`	21	`<!-- Bootstrap CSS -->`
22	`<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />`	22	`<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />`
23	`<!-- <link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" /> -->`	23	`<!-- <link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" /> -->`
24	`<!-- Fontawesome -->`	24	`<!-- Fontawesome -->`
25	`<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous" />`	25	`<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous" />`
26	`<!-- Carto -->`	26	`<!-- Carto -->`
27	`<link href="<?php echo $url_base; ?>modules/manager/squelettes/js/tb-geoloc/styles.css" rel="stylesheet" type="text/css" media="screen" />`	27	`<link href="<?php echo $url_base; ?>modules/manager/squelettes/js/tb-geoloc/styles.css" rel="stylesheet" type="text/css" media="screen" />`
28	`<!-- STYLE MANAGER CREATION -->`	28	`<!-- STYLE MANAGER CREATION -->`
29	`<link rel="stylesheet" type="text/css" href="<?php echo $url_base;?>modules/manager/squelettes/css/manager.css" media="screen" />`	29	`<link rel="stylesheet" type="text/css" href="<?php echo $url_base;?>modules/manager/squelettes/css/manager.css" media="screen" />`
30		30
31	`<!-- Google Analytics -->`	31	`<!-- Google Analytics -->`
32	`<?php if ( $prod ) : ?>`	32	`<?php if ( $prod ) : ?>`
33	`<?php include "analytics.html";?>`	33	`<?php include "analytics.html";?>`
34	`<?php endif;?>`	34	`<?php endif;?>`
35	`<!-- <link rel="icon" type="image/x-icon" href="favicon.ico" /> -->`	35	`<!-- <link rel="icon" type="image/x-icon" href="favicon.ico" /> -->`
36	`<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />`	36	`<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />`
37	`</head>`	37	`</head>`
38		38
39	`<body>`	39	`<body>`
40	`<div id="zone-appli" class="container">`	40	`<div id="zone-appli" class="container">`
41	`<h1 id="widget-titre" class="widget-titre"><?php echo ucfirst( $mode );?> de widget de saisie du CEL</h1>`	41	`<h1 id="widget-titre" class="widget-titre"><?php echo ucfirst( $mode );?> de widget de saisie du CEL</h1>`
42	`<div id="register-page">`	42	`<div id="register-page">`
43	`<div id="group-settings-form">`	43	`<div id="group-settings-form">`
44		44
45	`<div id="left-block" class="widget-blocks">`	45	`<div id="left-block" class="widget-blocks">`
46		46
47	`<p class="message">`	47	`<p class="message">`
48	`<?php if ( $mode === 'modification' ) : ?>`	48	`<?php if ( $mode === 'modification' ) : ?>`
49	`Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changés.`	49	`Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changés.`
50	`S'il s'agit d'un projet type, en modifiant ce widget vous modifiez tous les widgets de ce type.`	50	`S'il s'agit d'un projet type, en modifiant ce widget vous modifiez tous les widgets de ce type.`
51	`<?php else : ?>`	51	`<?php else : ?>`
52	`Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront`	52	`Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront`
53	`obligatoires et la localisation (point ou rue) sera automatiquement déterminée.`	53	`obligatoires et la localisation (point ou rue) sera automatiquement déterminée.`
54	`<?php endif;?>`	54	`<?php endif;?>`
55	`</p>`	55	`</p>`
56		56
57	`<form action="<?php echo $url_base;?>manager?mode=<?php echo $mode.$params;?>" id="basic-widget-form" method="post" enctype="multipart/form-data">`	57	`<form action="<?php echo $url_base;?>manager?mode=<?php echo $mode.$params;?>" id="basic-widget-form" method="post" enctype="multipart/form-data">`
58		58
59	`<div class="register-section row" id="basic-details-section">`	59	`<div class="register-section row" id="basic-details-section">`
60	`<h2>Meta-données</h2>`	60	`<h2>Meta-données</h2>`
61		61
62	`<input type="text" name="email" id="email" placeholder="Your email" title="laisser ce champ vide" autocomplete="off" tabindex="-1" />`	62	`<input type="text" name="email" id="email" placeholder="Your email" title="laisser ce champ vide" autocomplete="off" tabindex="-1" />`
63		63
64	`<div class="col-sm-12 mb-3">`	64	`<div class="col-sm-12 mb-3">`
65	`<label for="projet">Projet *</label>`	65	`<label for="projet">Projet *</label>`
66	`<input type="text" name="projet" id="projet" class="form-control" pattern="^[a-z][a-z0-9-]{2,24}" <?php echo ( $mode === 'modification' ) ? 'value="' . $widget['projet'] . '" readonly' : 'required';?> title="Champ obligatoire : Pas d'espaces, de majuscules, de caractères spéciaux, ou d'accents. Caractères acceptés : 1er une lettre de a à z, ensuite : lettres, chiffres, tirets " - ".">`	66	`<input type="text" name="projet" id="projet" class="form-control" pattern="^[a-z][a-z0-9-]{2,24}" <?php echo ( $mode === 'modification' ) ? 'value="' . $widget['projet'] . '" readonly' : 'required';?> title="Champ obligatoire : Pas d'espaces, de majuscules, de caractères spéciaux, ou d'accents. Caractères acceptés : 1er une lettre de a à z, ensuite : lettres, chiffres, tirets " - ".">`
67	`</div>`	67	`</div>`
68		68
69	`<div class="col-sm-12 mb-3">`	69	`<div class="col-sm-12 mb-3">`
70	`<label for="motscles">Autres mots-clés</label>`	70	`<label for="motscles">Autres mots-clés</label>`
71	`<input type="text" name="motscles" id="motscles" class="form-control" <?php echo ( $mode === 'modification' ) ? 'value="' . $widget['motscles'] . '"' : "";?> />`	71	`<input type="text" name="motscles" id="motscles" class="form-control" <?php echo ( $mode === 'modification' ) ? 'value="' . $widget['motscles'] . '"' : "";?> />`
72	`</div>`	72	`</div>`
73		73
74	`<div class="col-sm-12 mb-3">`	74	`<div class="col-sm-12 mb-3">`
75	`<label for="type">Type de widget</label>`	75	`<label for="type">Type de widget</label>`
76	`<select id="type" name="type" class="form-control custom-select">`	76	`<select id="type" name="type" class="form-control custom-select">`
77	`<option value=""> ----</option>`	77	`<option value=""> ----</option>`
78	`<?php foreach ( $type as $id => $projet ) : ?>`	78	`<?php foreach ( $type as $id => $projet ) : ?>`
79	`<option <?php echo ( isset( $widget['projet'] ) && $projet['projet'] === $widget['projet'] ) ? 'selected="selected"' : '';?> value="<?php echo $projet['projet'];?>"><?php echo $projet['projet'];?></option>`	79	`<option <?php echo ( isset( $widget['projet'] ) && $projet['projet'] === $widget['projet'] ) ? 'selected="selected"' : '';?> value="<?php echo $projet['projet'];?>"><?php echo $projet['projet'];?></option>`
80	`<?php endforeach;?>`	80	`<?php endforeach;?>`
81	`</select>`	81	`</select>`
82	`</div>`	82	`</div>`
83		83
84		84
85	`<div class="col-sm-12 radio mb-3">`	85	`<div class="col-sm-12 radio mb-3">`
86	`<label for="est_type" class="radio-label">`	86	`<label for="est_type" class="radio-label">`
87	`<input type="checkbox" name="est_type" id="est_type" <?php echo ( isset( $widget['est_type'] ) && $projet['est_type'] === '1' ) ? 'checked="checked"' : '';?>>`	87	`<input type="checkbox" name="est_type" id="est_type" <?php echo ( isset( $widget['est_type'] ) && $projet['est_type'] === '1' ) ? 'checked="checked"' : '';?>>`
88	`Ce widget est un widget type`	88	`Ce widget est un widget type`
89	`</label>`	89	`</label>`
90	`</div>`	90	`</div>`
91		91
92	`<div class="col-sm-12 mb-3">`	92	`<div class="col-sm-12 mb-3">`
93	`<label for="langue">Langue</label>`	93	`<label for="langue">Langue</label>`
94	`<?php if ( $mode === 'modification' ) : ?>`	94	`<?php if ( $mode === 'modification' ) : ?>`
95	`<input id="langue" name="langue" class="form-control" readonly value="<?php echo $widget['langue'];?>">`	95	`<input id="langue" name="langue" class="form-control" readonly value="<?php echo $widget['langue'];?>">`
96	`<?php else : ?>`	96	`<?php else : ?>`
97	`<select id="langue" name="langue" class="form-control custom-select">`	97	`<select id="langue" name="langue" class="form-control custom-select">`
98	`<?php foreach ( $langues as $code => $langue ) : ?>`	98	`<?php foreach ( $langues as $code => $langue ) : ?>`
99	`<option value="<?php echo $code;?>" <?php echo ( $code === 'fr' ) ? 'selected' : '';?>><?php echo $langue['nom'];?></option>`	99	`<option value="<?php echo $code;?>" <?php echo ( $code === 'fr' ) ? 'selected' : '';?>><?php echo $langue['nom'];?></option>`
100	`<?php endforeach;?>`	100	`<?php endforeach;?>`
101	`</select>`	101	`</select>`
102	`<?php endif;?>`	102	`<?php endif;?>`
103	`</div>`	103	`</div>`
104	`</div><!-- end #basic-details-section -->`	104	`</div><!-- end #basic-details-section -->`
105		105
106		106
107	`<div class="register-section row" id="profile-details-description-section">`	107	`<div class="register-section row" id="profile-details-description-section">`
108	`<h2>Description</h2>`	108	`<h2>Description</h2>`
109	`<div class="col-sm-12 mb-3">`	109	`<div class="col-sm-12 mb-3">`
110	`<label for="titre">Titre</label>`	110	`<label for="titre">Titre</label>`
111	`<input type="text" name="titre" id="titre" class="form-control" value="<?php echo isset( $widget['titre'] ) ? htmlspecialchars( $widget['titre']) : '';?>">`	111	`<input type="text" name="titre" id="titre" class="form-control" value="<?php echo isset( $widget['titre'] ) ? htmlspecialchars( $widget['titre']) : '';?>">`
112	`</div>`	112	`</div>`
113		113
114	`<div class="input-file-row row">`	114	`<div class="input-file-row row">`
115	`<div class="input-file-container col-sm-10">`	115	`<div class="input-file-container col-sm-10">`
116		116
117	`<?php`	117	`<?php`
118	`if( isset( $widget['info'] ) ) :`	118	`if( isset( $widget['info'] ) ) :`
119	`$info_file_name = 'info.' . preg_replace( '/(?:imag)?e\/?/','',$widget['info']);`	119	`$info_file_name = 'info.' . preg_replace( '/(?:imag)?e\/?/','',$widget['info']);`
120	`$info_src = $chemin_images . $widget['projet'] . '/' . $info_file_name;`	120	`$info_src = $chemin_images . $widget['projet'] . '/' . $info_file_name;`
121	`$info_img =`	121	`$info_img =`
122	`'<img id="pre-existent-info" src="' . $info_src . '" width="50%"><br>Pour changer, télécharger un nouveau fichier.';`	122	`'<img id="pre-existent-info" src="' . $info_src . '" width="50%"><br>Pour changer, télécharger un nouveau fichier.';`
123	`$info_hidden = '';`	123	`$info_hidden = '';`
124	`else :`	124	`else :`
125	`$info_file_name = [];`	125	`$info_file_name = [];`
126	`$info_src = '';`	126	`$info_src = '';`
127	`$info_img = '';`	127	`$info_img = '';`
128	`$info_hidden = ' hidden';`	128	`$info_hidden = ' hidden';`
129	`endif;`	129	`endif;`
130	`?>`	130	`?>`
131		131
132	`<input type="file" class="input-file" name="info" id="info" accept="image/*">`	132	`<input type="file" class="input-file" name="info" id="info" accept="image/*">`
133	`<label for="info" class="label-file "><i class="fas fa-download"></i> Aide dans le titre</label>`	133	`<label for="info" class="label-file "><i class="fas fa-download"></i> Aide dans le titre</label>`
134	`</div>`	134	`</div>`
135	`<div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>`	135	`<div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>`
136	`<div class="file-return info <?php echo $info_hidden;?>">`	136	`<div class="file-return info <?php echo $info_hidden;?>">`
137	`<?php echo $info_file_name;?>`	137	`<?php echo $info_file_name;?>`
138	`<?php echo $info_img;?>`	138	`<?php echo $info_img;?>`
139	`</div>`	139	`</div>`
140	`</div>`	140	`</div>`
141		141
142	`<div class="col-sm-12 mb-3">`	142	`<div class="col-sm-12 mb-3">`
143	`<label for="description">Description</label>`	143	`<label for="description">Description</label>`
144	`<textarea name="description" id="description" class="form-control"><?php echo isset( $widget['description'] ) ? htmlspecialchars( $widget['description'] ) : '';?></textarea>`	144	`<textarea name="description" id="description" class="form-control"><?php echo isset( $widget['description'] ) ? htmlspecialchars( $widget['description'] ) : '';?></textarea>`
145	`</div>`	145	`</div>`
146		146
147	`<div class="input-file-row row">`	147	`<div class="input-file-row row">`
148	`<div class="input-file-container col-sm-10">`	148	`<div class="input-file-container col-sm-10">`
149		149
150	`<?php`	150	`<?php`
151	`if( isset( $widget['logo'] ) ) :`	151	`if( isset( $widget['logo'] ) ) :`
152	`$logo_file_name = 'logo.' . preg_replace( '/(?:imag)?e\/?/','',$widget['logo']);`	152	`$logo_file_name = 'logo.' . preg_replace( '/(?:imag)?e\/?/','',$widget['logo']);`
153	`$logo_src = $chemin_images . $widget['projet'] . '/' . $logo_file_name;`	153	`$logo_src = $chemin_images . $widget['projet'] . '/' . $logo_file_name;`
154	`$logo_img =`	154	`$logo_img =`
155	`'<img id="pre-existent-logo" src="' . $logo_src . '" width="50%"><br>Pour changer, télécharger un nouveau fichier.';`	155	`'<img id="pre-existent-logo" src="' . $logo_src . '" width="50%"><br>Pour changer, télécharger un nouveau fichier.';`
156	`$logo_hidden = '';`	156	`$logo_hidden = '';`
157	`else :`	157	`else :`
158	`$logo_file_name = [];`	158	`$logo_file_name = [];`
159	`$logo_src = '';`	159	`$logo_src = '';`
160	`$logo_img = '';`	160	`$logo_img = '';`
161	`$logo_hidden = ' hidden';`	161	`$logo_hidden = ' hidden';`
162	`endif;`	162	`endif;`
163	`?>`	163	`?>`
164		164
165	`<input type="file" class="input-file" name="logo" id="logo" accept="image/*" value="">`	165	`<input type="file" class="input-file" name="logo" id="logo" accept="image/*" value="">`
166	`<label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>`	166	`<label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>`
167	`</div>`	167	`</div>`
168	`<div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier">`	168	`<div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier">`
169	`<i class="fas fa-times" aria-hidden="true"></i>`	169	`<i class="fas fa-times" aria-hidden="true"></i>`
170	`</div>`	170	`</div>`
171	`<div class="file-return logo<?php echo $logo_hidden;?>">`	171	`<div class="file-return logo<?php echo $logo_hidden;?>">`
172	`<?php echo $logo_file_name;?>`	172	`<?php echo $logo_file_name;?>`
173	`<?php echo $logo_img;?>`	173	`<?php echo $logo_img;?>`
174	`</div>`	174	`</div>`
175	`</div>`	175	`</div>`
176		176
177	`<div class="input-file-row row">`	177	`<div class="input-file-row row">`
178	`<div class="input-file-container col-sm-10">`	178	`<div class="input-file-container col-sm-10">`
179		179
180	`<?php`	180	`<?php`
181	`if( isset( $widget['image_fond'] ) ) :`	181	`if( isset( $widget['image_fond'] ) ) :`
182	`$image_fond_file_name = 'image_fond.' . preg_replace( '/(?:imag)?e\/?/','',$widget['image_fond']);`	182	`$image_fond_file_name = 'image_fond.' . preg_replace( '/(?:imag)?e\/?/','',$widget['image_fond']);`
183	`$image_fond_src = $chemin_images . $widget['projet'] . '/' . $image_fond_file_name;`	183	`$image_fond_src = $chemin_images . $widget['projet'] . '/' . $image_fond_file_name;`
184	`$image_fond_img =`	184	`$image_fond_img =`
185	`'<img id="pre-existent-image_fond" src="' . $image_fond_src . '" width="50%"><br>Pour changer, télécharger un nouveau fichier.';`	185	`'<img id="pre-existent-image_fond" src="' . $image_fond_src . '" width="50%"><br>Pour changer, télécharger un nouveau fichier.';`
186	`$image_fond_hidden = '';`	186	`$image_fond_hidden = '';`
187	`else :`	187	`else :`
188	`$image_fond_file_name = [];`	188	`$image_fond_file_name = [];`
189	`$image_fond_src = '';`	189	`$image_fond_src = '';`
190	`$image_fond_img = '';`	190	`$image_fond_img = '';`
191	`$image_fond_hidden = ' hidden';`	191	`$image_fond_hidden = ' hidden';`
192	`endif;`	192	`endif;`
193	`?>`	193	`?>`
194		194
195	`<input type="file" class="input-file" name="image_fond" id="image_fond" accept="image/*">`	195	`<input type="file" class="input-file" name="image_fond" id="image_fond" accept="image/*">`
196	`<label for="image_fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>`	196	`<label for="image_fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>`
197	`</div>`	197	`</div>`
198	`<div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>`	198	`<div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>`
199	`<div class="file-return image_fond <?php echo $image_fond_hidden;?>">`	199	`<div class="file-return image_fond <?php echo $image_fond_hidden;?>">`
200	`<?php echo $image_fond_file_name;?>`	200	`<?php echo $image_fond_file_name;?>`
201	`<?php echo $image_fond_img;?>`	201	`<?php echo $image_fond_img;?>`
202	`</div>`	202	`</div>`
203	`</div>`	203	`</div>`
204		204
205	`</div><!-- end #profile-details-description-section -->`	205	`</div><!-- end #profile-details-description-section -->`
206		206
207	`<div class="register-section row" id="profile-details-fields-section">`	207	`<div class="register-section row" id="profile-details-fields-section">`
208	`<h2>Champs</h2>`	208	`<h2>Champs</h2>`
209		209
210	`<div class="col-sm-12 mb-3">`	210	`<div class="col-sm-12 mb-3">`
211	`<label for="type_localisation">Type de localisation</label>`	211	`<label for="type_localisation">Type de localisation</label>`
212	`<select id="type_localisation" name="type_localisation" class="form-control custom-select">`	212	`<select id="type_localisation" name="type_localisation" class="form-control custom-select">`
213	`<option value="<?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point';?>"><?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point';?></option>`	213	`<option value="<?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point';?>"><?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point';?></option>`
214	`<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>`	214	`<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>`
215	`</select>`	215	`</select>`
216	`</div>`	216	`</div>`
217		217
218	`<div class="col-sm-12 mb-3">`	218	`<div class="col-sm-12 mb-3">`
219	`<label for="milieux">Milieux</label>`	219	`<label for="milieux">Milieux</label>`
220	`<p class="message">`	220	`<p class="message">`
221	`Liste de milieux séparés par un ";".`	221	`Liste de milieux séparés par un ";".`
222	`<br>`	222	`<br>`
223	`<i class="fas fa-pen"></i> Pour ajouter une option "autre" ajoutez le mot "autre" dans votre liste de milieux.`	223	`<i class="fas fa-pen"></i> Pour ajouter une option "autre" ajoutez le mot "autre" dans votre liste de milieux.`
224	`<br>`	224	`<br>`
225	`<i class="fas fa-check-double"></i> Pour autoriser la sélection de plusieurs milieux ajouter "multimilieux" dans votre liste de milieux (sans fautes ! <i class="far fa-smile-beam"></i> ).`	225	`<i class="fas fa-check-double"></i> Pour autoriser la sélection de plusieurs milieux ajouter "multimilieux" dans votre liste de milieux (sans fautes ! <i class="far fa-smile-beam"></i> ).`
226	`<br>`	226	`<br>`
227	`<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i> Les options apparaitront dans l'ordre de saisie de cette liste.`	227	`<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i> Les options apparaitront dans l'ordre de saisie de cette liste.`
228	`</p>`	228	`</p>`
229	`<input type="text" name="milieux" id="milieux" class="form-control" value="<?php echo isset( $widget['milieux'] ) ? $widget['milieux'] : '';?>">`	229	`<input type="text" name="milieux" id="milieux" class="form-control" value="<?php echo isset( $widget['milieux'] ) ? $widget['milieux'] : '';?>">`
230	`</div>`	230	`</div>`
231		231
232	`<div class="col-sm-12 mb-3">`	232	`<div class="col-sm-12 mb-3">`
233	`<label for="type_especes">Type liste espèce *</label>`	233	`<label for="type_especes">Type liste espèce *</label>`
-		234	`<?php`
-		235	`$types_espece = [`
-		236	`'referentiel' => 'Référentiel',`
-		237	`'liste' => 'Liste',`
-		238	`'liste+autre' => 'Liste + autres',`
-		239	`'fixe' => 'Espèce fixée',`
-		240	`];`
-		241	`?>`
234	`<select id="type_especes" name="type_especes" required class="form-control custom-select">`	242	`<select id="type_especes" name="type_especes" required class="form-control custom-select">`
235	`<option selected="selected" value="referentiel">Référentiel</option>`	243	`<?php foreach( $types_espece as $type_espece => $affichage_type_espece ): ?>`
236	`<option value="liste">Liste</option>`	244	`<option <?php echo (!isset($widget['type_especes']) && 'referentiel' === $type_espece) \|\| $type_espece === $widget['type_especes']? 'selected="selected" ' : '';?>value="<?php echo $type_espece;?>"><?php echo $affichage_type_espece;?></option>`
237	`<option value="liste" title="remplir référentiel + envoyer csv">Liste + autres</option>`	-
238	`<option value="fixe">Espèce fixée</option>`	245	`<?php endforeach;?>`
239	`</select>`	246	`</select>`
240	`</div>`	247	`</div>`
241		248
242	`<div class="col-sm-12 mb-3">`	249	`<div class="col-sm-12 mb-3">`
243	`<label for="referentiel">Référentiel *</label>`	250	`<label for="referentiel">Référentiel *</label>`
244	`<p class="message">`	251	`<p class="message">`
245	`Pour une espèce fixée renseigner le num_nom après le référentiel, séparés de ":" suivant le schéma :`	252	`Pour une espèce fixée renseigner le num_nom après le référentiel, séparés de ":" suivant le schéma :`
246	`<br>`	253	`<br>`
247	`<code>référentiel:num_nom</code>`	254	`<code>référentiel:num_nom</code>`
248	`<br>`	255	`<br>`
249	`ex : <code>bdtfx:182</code>`	256	`ex : <code>bdtfx:182</code>`
250	`</p>`	257	`</p>`
251	`<input type="text" name="referentiel" id="referentiel" class="form-control" required pattern="^[a-z]+(:[0-9]+)?$" title="Nom du référentiel ex. bdtfx" value="<?php echo isset( $widget['referentiel'] ) ? $widget['referentiel'] : '';?>">`	258	`<input type="text" name="referentiel" id="referentiel" class="form-control" required pattern="^[a-z]+(:[0-9]+)?$" title="Nom du référentiel ex. bdtfx" value="<?php echo isset( $widget['referentiel'] ) ? $widget['referentiel'] : '';?>">`
252	`</div>`	259	`</div>`
253		260
254	`<!-- Bouton fichier-type à compléter -->`	261	`<!-- Bouton fichier-type à compléter -->`
255	`<div class="input-file-row row">`	262	`<div class="input-file-row row">`
256	`<div class="input-file-container col-sm-10">`	263	`<div class="input-file-container col-sm-10">`
257	`<input type="file" class="input-file" name="especes" id="especes">`	264	`<input type="file" class="input-file" name="especes" id="especes">`
258	`<label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces</label>`	265	`<label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces</label>`
259	`<p class="message mt-2">`	266	`<p class="message mt-2">`
260	`<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>`	267	`<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>`
261	` Format : CSV ou TSV UTF-8.`	268	` Format : CSV ou TSV UTF-8.`
262	`<br>`	269	`<br>`
263	`Séparateur : Tabulation.`	270	`Séparateur : Tabulation.`
264	`</p>`	271	`</p>`
265	`</div>`	272	`</div>`
266	`<div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>`	273	`<div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>`
267	`<div class="file-return especes hidden"></div>`	274	`<div class="file-return especes hidden"></div>`
268	`</div>`	275	`</div>`
269	`<div class="col-sm-12 mb-3">`	276	`<div class="col-sm-12 mb-3">`
270	`<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>`	277	`<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>`
271	`</div>`	278	`</div>`
272	`</div><!-- end #profile-details-fields-section -->`	279	`</div><!-- end #profile-details-fields-section -->`
273		280
274	`<!--localisation-->`	281	`<!--localisation-->`
275	`<input type="hidden" name="localisation" id="localisation" value="<?php echo isset($widget['localisation']) ? htmlspecialchars($widget['localisation']) : '';?>">`	282	`<input type="hidden" name="localisation" id="localisation" value="<?php echo isset($widget['localisation']) ? htmlspecialchars($widget['localisation']) : '';?>">`
276	`<!--Submit-->`	283	`<!--Submit-->`
277	`<div class="submit complete-registration" id="submit-button">`	284	`<div class="submit complete-registration" id="submit-button">`
278	`<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>`	285	`<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>`
279	`</div>`	286	`</div>`
280	`<!--Submit-->`	287	`<!--Submit-->`
281		288
282	`</form><!-- end #new-widget-form -->`	289	`</form><!-- end #new-widget-form -->`
283		290
284	`<form id="form-geolocalisation" autocomplete="off">`	291	`<form id="form-geolocalisation" autocomplete="off">`
285	`<div class="row mb-3">`	292	`<div class="row mb-3">`
286	`<label for="geolocalisation" class="obligatoire has-tooltip col-sm-12" data-toggle="tooltip" title="">`	293	`<label for="geolocalisation" class="obligatoire has-tooltip col-sm-12" data-toggle="tooltip" title="">`
287	`Geolocalisation&nbsp: Déterminer un point gps (facultatif)`	294	`Geolocalisation&nbsp: Déterminer un point gps (facultatif)`
288	`</label>`	295	`</label>`
289	`</div>`	296	`</div>`
290	`<div id="geoloc" class="geoloc">`	297	`<div id="geoloc" class="geoloc">`
291	`<tb-geolocation-element`	298	`<tb-geolocation-element`
292	`id="tb-geolocation"`	299	`id="tb-geolocation"`
293	`layer='osm'`	300	`layer='osm'`
294	`zoom_init="4"`	301	`zoom_init="4"`
295	`lat_init="46.5"`	302	`lat_init="46.5"`
296	`lng_init="2.9"`	303	`lng_init="2.9"`
297	`marker="true"`	304	`marker="true"`
298	`polyline="false"`	305	`polyline="false"`
299	`polygon="false"`	306	`polygon="false"`
300	`show_lat_lng_elevation_inputs="true"`	307	`show_lat_lng_elevation_inputs="true"`
301	`osm_class_filter=""`	308	`osm_class_filter=""`
302	`geometry_filter="point"`	309	`geometry_filter="point"`
303	`elevation_provider="mapquest"`	310	`elevation_provider="mapquest"`
304	`map_quest_api_key="mG6oU5clZHRHrOSnAV0QboFI7ahnGg34"`	311	`map_quest_api_key="mG6oU5clZHRHrOSnAV0QboFI7ahnGg34"`
305	`height="400px"`	312	`height="400px"`
306	`>`	313	`>`
307	`</tb-geolocation-element>`	314	`</tb-geolocation-element>`
308	`</div>`	315	`</div>`
309	`<div class="control-group mt-3 mb-3">`	316	`<div class="control-group mt-3 mb-3">`
310	`<div class="row">`	317	`<div class="row">`
311	`<div id="geoloc-datas" class="col-sm-12 row">`	318	`<div id="geoloc-datas" class="col-sm-12 row">`
312	`<div class="col-sm-6 mb-3">`	319	`<div class="col-sm-6 mb-3">`
313	`<label for="latitude">Latitude</label>`	320	`<label for="latitude">Latitude</label>`
314	`<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="">`	321	`<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="">`
315	`</div>`	322	`</div>`
316	`<div class="col-sm-6 mb-3">`	323	`<div class="col-sm-6 mb-3">`
317	`<label for="longitude">Longitude</label>`	324	`<label for="longitude">Longitude</label>`
318	`<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="">`	325	`<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="">`
319	`</div>`	326	`</div>`
320	`<div class="col-sm-12 mb-3">`	327	`<div class="col-sm-12 mb-3">`
321	`<label for="zoom">Zoom (indépendant des coordonnées)</label>`	328	`<label for="zoom">Zoom (indépendant des coordonnées)</label>`
322	`<p class="message">`	329	`<p class="message">`
323	`Quelques exemples de précision zoom :<br>`	330	`Quelques exemples de précision zoom :<br>`
324	`Europe : 4, France : 5, région : 7, département : 9, ville : 12, lieu-dit/quartier : 15, rue : 18 (= max).`	331	`Europe : 4, France : 5, région : 7, département : 9, ville : 12, lieu-dit/quartier : 15, rue : 18 (= max).`
325	`</p>`	332	`</p>`
326	`<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="" />`	333	`<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="" />`
327	`</div>`	334	`</div>`
-		335	`<div class="col-sm-12 mb-3">`
-		336	`<label for="fond_carte">Fond de carte</label>`
-		337	`<select id="fond_carte" name="fond_carte" class="form-control custom-select">`
-		338	`<?php`
-		339	`$affichage_fonds_carte = [`
-		340	`'osm' => 'OSM (carte par défaut)',`
-		341	`'googleHybrid' => 'Photos aériennes',`
-		342	`];`
-		343	`$fond_carte = isset($widget['fond_carte']) && isset($affichage_fonds_carte[$widget['fond_carte']]) ? $widget['fond_carte'] : 'osm';`
-		344	`?>`
-		345	`<?php foreach($affichage_fonds_carte as $nom_base => $nom_affiche) :?>`
-		346	`<option value="<?php echo $nom_base;?>"<?php echo $nom_base === $fond_carte ? ' selected="selected"' : '';?>><?php echo $nom_affiche;?></option>`
-		347	`<?php endforeach;?>`
-		348
-		349	`</select>`
-		350	`</div>`
-		351	`<div class="col-sm-12 mb-3">`
-		352	`<label for="adresse">Adresse obligatoire</label>`
-		353	`<select id="adresse" name="adresse" class="form-control custom-select">`
-		354	`<option value="0" <?php echo ( isset( $widget['adresse'] ) && $widget['adresse'] === '0' ) ? 'selected' : '';?>>Non</option>`
-		355	`<option value="1" <?php echo ( isset( $widget['adresse'] ) && $widget['adresse'] === '1' ) ? 'selected' : '';?>>Oui</option>`
-		356	`</select>`
-		357	`</div>`
-		358	`<div class="col-sm-12 mb-3">`
-		359	`<label for="photo_obligatoire">Photo obligatoire</label>`
-		360	`<select id="photo_obligatoire" name="photo_obligatoire" class="form-control custom-select">`
-		361	`<option value="0" <?php echo ( isset( $widget['photo_obligatoire'] ) && $widget['photo_obligatoire'] === '0' ) ? 'selected' : '';?>>Non</option>`
-		362	`<option value="1" <?php echo ( isset( $widget['photo_obligatoire'] ) && $widget['photo_obligatoire'] === '1' ) ? 'selected' : '';?>>Oui</option>`
-		363	`</select>`
-		364	`</div>`
328	`</div>`	365	`</div>`
329	`</div>`	366	`</div>`
330	`</div>`	367	`</div>`
331	`</form><!-- end #form-geolocalisation -->`	368	`</form><!-- end #form-geolocalisation -->`
332		369
333	`<form id="new-fields" autocomplete="off">`	370	`<form id="new-fields" autocomplete="off">`
334	`<h2>Ajouter des champs</h2>`	371	`<h2>Ajouter des champs</h2>`
335	`<p class="message">`	372	`<p class="message">`
336	`<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>`	373	`<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>`
337	` Attention :`	374	` Attention :`
338	`<br>`	375	`<br>`
339	`<i class="fa fa-bolt" aria-hidden="true" style="color:#B3C954"></i>`	376	`<i class="fa fa-bolt" aria-hidden="true" style="color:#B3C954"></i>`
340	` Le bouton "Valider" sert à valider les champs supplémentaires uniquement`	377	` Le bouton "Valider" sert à valider les champs supplémentaires uniquement`
341	`<br>`	378	`<br>`
342	`<i class="fas fa-trophy" aria-hidden="true" style="color:#B3C954"></i>`	379	`<i class="fas fa-trophy" aria-hidden="true" style="color:#B3C954"></i>`
343	` Le bouton "Terminer" sert à envoyer la totalité du nouveau widget`	380	` Le bouton "Terminer" sert à envoyer la totalité du nouveau widget`
344	`</p>`	381	`</p>`
345	`</form><!-- #new-fields = fomulaire oû viennent s'insérer les champs supplémentaires -->`	382	`</form><!-- #new-fields = fomulaire oû viennent s'insérer les champs supplémentaires -->`
346		383
347	`<div id="new-fields-buttons" class="row">`	384	`<div id="new-fields-buttons" class="row">`
348	`<div class="col-md-4 col-sm-4 col-xs-4 buttons">`	385	`<div class="col-md-4 col-sm-4 col-xs-4 buttons">`
349	`<label class="add-fields">Ajouter</label>`	386	`<label class="add-fields">Ajouter</label>`
350	`<div class="button" id="add-fields" title="Ajouter un champ"><i class="fa fa-plus" aria-hidden="true"></i></div>`	387	`<div class="button" id="add-fields" title="Ajouter un champ"><i class="fa fa-plus" aria-hidden="true"></i></div>`
351	`</div>`	388	`</div>`
352	`<div class="col-md-4 col-sm-4 col-xs-4 buttons">`	389	`<div class="col-md-4 col-sm-4 col-xs-4 buttons">`
353	`<label for="preview-field">Prévisualiser</label>`	390	`<label for="preview-field">Prévisualiser</label>`
354	`<div class="button" id="preview-field" name="preview-field" title="prévisualiser"><i class="fa fa-magic" aria-hidden="true"></i></div>`	391	`<div class="button" id="preview-field" name="preview-field" title="prévisualiser"><i class="fa fa-magic" aria-hidden="true"></i></div>`
355	`</div>`	392	`</div>`
356	`<div class="col-md-4 col-sm-4 col-xs-4 buttons">`	393	`<div class="col-md-4 col-sm-4 col-xs-4 buttons">`
357	`<label class="validate-new-fields">Valider</label>`	394	`<label class="validate-new-fields">Valider</label>`
358	`<div class="button" id="validate-new-fields" title="Valider les champs supplémentaires"><i class="fa fa-bolt" aria-hidden="true"></i></div>`	395	`<div class="button" id="validate-new-fields" title="Valider les champs supplémentaires"><i class="fa fa-bolt" aria-hidden="true"></i></div>`
359	`</div>`	396	`</div>`
360	`</div>`	397	`</div>`
361		398
362	`</div><!-- end .widget-blocks = tout le bloc de gauche-->`	399	`</div><!-- end .widget-blocks = tout le bloc de gauche-->`
363		400
364	`<div id="right-block" class="widget-blocks">`	401	`<div id="right-block" class="widget-blocks">`
365	`<div class="widget-renderer">`	402	`<div class="widget-renderer">`
366	`<div id="preview-background"></div>`	403	`<div id="preview-background"></div>`
367		404
368	`<div id="preview-header" class="row">`	405	`<div id="preview-header" class="row">`
369	`<div id="preview-logo" class="col-md-4"></div>`	406	`<div id="preview-logo" class="col-md-4"></div>`
370	`<div id="preview-title" class="col-md-8">`	407	`<div id="preview-title" class="col-md-8">`
371	`<h1></h1>`	408	`<h1></h1>`
372	`<p class="message"><i class="fas fa-info-circle" style="color:#009fb8"></i> Les liens et autres balises html fonctionneront dans le widget</p>`	409	`<p class="message"><i class="fas fa-info-circle" style="color:#009fb8"></i> Les liens et autres balises html fonctionneront dans le widget</p>`
373	`</div>`	410	`</div>`
374	`</div>`	411	`</div>`
375		412
376	`<div id="preview-messages" class="row">`	413	`<div id="preview-messages" class="row">`
377		414
378	`<div id="preview-description" class="col-md-6">`	415	`<div id="preview-description" class="col-md-6">`
379	`<div class="">`	416	`<div class="">`
380	`<p class="preview-description"></p>`	417	`<p class="preview-description"></p>`
381	`</div>`	418	`</div>`
382		419
383	`</div><!-- end #preview-description -->`	420	`</div><!-- end #preview-description -->`
384		421
385	`<div id="preview-aide" class="col-md-6">`	422	`<div id="preview-aide" class="col-md-6">`
386	`<div class="">`	423	`<div class="">`
387	`<h3>Aide</h3>`	424	`<h3>Aide</h3>`
388	`<p>`	425	`<p>`
389	`Cet outil vous permet de partager simplement vos observations avec`	426	`Cet outil vous permet de partager simplement vos observations avec`
390	`le <a target="_blank" href="https://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>`	427	`le <a target="_blank" href="https://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>`
391	`(<a target="_blank" href="https://www.tela-botanica.org/page:licence">licence CC-BY-SA</a>).`	428	`(<a target="_blank" href="https://www.tela-botanica.org/page:licence">licence CC-BY-SA</a>).`
392	`Identifiez-vous bien pour ensuite retrouver et gérer vos données dans votre`	429	`Identifiez-vous bien pour ensuite retrouver et gérer vos données dans votre`
393	`<a target="_blank" href="https://www.tela-botanica.org/appli:cel"> Carnet en ligne</a>.`	430	`<a target="_blank" href="https://www.tela-botanica.org/appli:cel"> Carnet en ligne</a>.`
394	`Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.`	431	`Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.`
395	`Elles apparaissent immédiatement sur les`	432	`Elles apparaissent immédiatement sur les`
396	`<a target="_blank" href="https://www.tela-botanica.org/site:botanique">cartes et galeries photos </a> du site.`	433	`<a target="_blank" href="https://www.tela-botanica.org/site:botanique">cartes et galeries photos </a> du site.`
397	`</p>`	434	`</p>`
398	`<p class="discretion">`	435	`<p class="discretion">`
399	`Pour toute question ou remarque,`	436	`Pour toute question ou remarque,`
400	`<a href="https://www.tela-botanica.org/widget:reseau:remarques?service=cel&pageSource=<?php echo $url_base;?>manager?mode=<?php echo $mode . $params;?>" target="_blank" onclick="`	437	`<a href="https://www.tela-botanica.org/widget:reseau:remarques?service=cel&pageSource=<?php echo $url_base;?>manager?mode=<?php echo $mode . $params;?>" target="_blank" onclick="`
401	`javascript:window.open(`	438	`javascript:window.open(`
402	`this.getAttribute( 'href' ),`	439	`this.getAttribute( 'href' ),`
403	`'Tela Botanica - Remarques',`	440	`'Tela Botanica - Remarques',`
404	`config = 'height=700, width=640, scrollbars=yes, resizable=yes'`	441	`config = 'height=700, width=640, scrollbars=yes, resizable=yes'`
405	`);`	442	`);`
406	`return false;`	443	`return false;`
407	`">contactez-nous</a>`	444	`">contactez-nous</a>`
408	`</p>`	445	`</p>`
409	`</div>`	446	`</div>`
410	`</div>`	447	`</div>`
411	`</div><!-- end #preview-aide -->`	448	`</div><!-- end #preview-aide -->`
412		449
413	`<div id="preview-formulaire" class="row">`	450	`<div id="preview-formulaire" class="row">`
414		451
415	`<form id="preview-form-observateur" role="form" autocomplete="on">`	452	`<form id="preview-form-observateur" role="form" autocomplete="on">`
416		453
417	`<h2>Observateur</h2>`	454	`<h2>Observateur</h2>`
418		455
419	`<div class="row">`	456	`<div class="row">`
420	`<div id="bouton-connexion" class="col-md-6 col-sm-8">`	457	`<div id="bouton-connexion" class="col-md-6 col-sm-8">`
421	`<label for="bouton-connexion">Je me connecte à mon compte :</label>`	458	`<label for="bouton-connexion">Je me connecte à mon compte :</label>`
422	`<div class="btn btn-success mr-1 mb-1">Connexion</div>`	459	`<div class="btn btn-success mr-1 mb-1">Connexion</div>`
423	`<div class="btn btn-success mr-1 mb-1">Inscription</div>`	460	`<div class="btn btn-success mr-1 mb-1">Inscription</div>`
424	`</div>`	461	`</div>`
425	`<div id="creation-compte" class="col-md-6 col-sm-8">`	462	`<div id="creation-compte" class="col-md-6 col-sm-8">`
426	`<label for="creation-compte">Je ne souhaite pas m'inscrire :</label>`	463	`<label for="creation-compte">Je ne souhaite pas m'inscrire :</label>`
427	`<div class="btn btn-info mr-1 mb-1">Observation sans inscription</div>`	464	`<div class="btn btn-info mr-1 mb-1">Observation sans inscription</div>`
428	`</div>`	465	`</div>`
429		466
430	`</div>`	467	`</div>`
431		468
432	`</form>`	469	`</form>`
433		470
434	`<form id="form-observation" role="form" autocomplete="on">`	471	`<form id="form-observation" role="form" autocomplete="on">`
435		472
436	`<h2>Observation</h2>`	473	`<h2>Observation</h2>`
437		474
438	`<div id="zone-observation" class="row">`	475	`<div id="zone-observation" class="row">`
439		476
440	`<div class="col-md-6 row">`	477	`<div class="col-md-6 row">`
441	`<div class="col-md-12">`	478	`<div class="col-md-12">`
442	`<label for="geolocalisation-previs" id="label-geolocalisation" title="Veuillez saisir votre adresse courriel.">`	479	`<label for="geolocalisation-previs" id="label-geolocalisation" title="Veuillez saisir votre adresse courriel.">`
443	`<i class="fa fa-envelope"></i> Geolocalisation`	480	`<i class="fa fa-envelope"></i> Geolocalisation`
444	`</label>`	481	`</label>`
445	`<div id="geolocalisation-previs">`	482	`<div id="geolocalisation-previs">`
446	`<img src="<?php echo $url_base;?>modules/manager/squelettes/img/geoloc/geoloc.png" alt="geolocalisation" width="90%">`	483	`<img src="<?php echo $url_base;?>modules/manager/squelettes/img/geoloc/geoloc.png" alt="geolocalisation" width="90%">`
447	`</div>`	484	`</div>`
448	`</div>`	485	`</div>`
449		486
450	`<div class="col-md-12">`	487	`<div class="col-md-12">`
451	`<label for="milieu" id="label-milieu">`	488	`<label for="milieu" id="label-milieu">`
452	`<i class="fa fa-street-view"></i> Milieu`	489	`<i class="fa fa-street-view"></i> Milieu`
453	`</label>`	490	`</label>`
454	`<input type="text" id="milieu" name="milieu" class="form-control" placeholder="bois, champ, falaise, ...">`	491	`<input type="text" id="milieu" name="milieu" class="form-control" placeholder="bois, champ, falaise, ...">`
455	`</div>`	492	`</div>`
456	`</div>`	493	`</div>`
457		494
458	`<div class="col-md-6 row">`	495	`<div class="col-md-6 row">`
459	`<div class="col-md-12">`	496	`<div class="col-md-12">`
460	`<label for="date" id="label-date" title="">`	497	`<label for="date" id="label-date" title="">`
461	`<i class="fa fa-calendar"></i> Date de relevé`	498	`<i class="fa fa-calendar"></i> Date de relevé`
462	`</label>`	499	`</label>`

Subversion Repositories eFlore/Applications.cel

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