Subversion Repositories eFlore/Applications.cel

Rev

Rev 3376 | Rev 3424 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
3341 idir 1 
<?php echo "<noscript>Activer javascript et recharger la page</noscript>";?>
3122 delphine 2 
<!DOCTYPE html>
3 
<html xmlns="http://www.w3.org/1999/xhtml">
4 
  <head>
3376 idir 5 
    <title><?php echo $mode;?> de widget de saisie du CeL</title>
3122 delphine 6 
 
3226 idir 7 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
3167 idir 8 
    <meta http-equiv="Content-style-type" content="text/css" />
9 
    <meta http-equiv="Content-script-type" content="text/javascript" />
10 
    <meta http-equiv="Content-language" content="fr" />
3341 idir 11 
    <meta name="robots" content="noindex, nofollow, noarchive, nosnippet, noodp">
3167 idir 12 
    <meta name="author" content="Tela Botanica" />
13 
    <meta name="keywords" content="Tela Botanica, CEL" />
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" />
3122 delphine 16 
 
3167 idir 17 
    <!-- Favicones -->
18 
    <link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
3241 idir 19 
    <!-- Jquery-ui custom css-->
3197 idir 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">
3241 idir 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" />
23 
    <!-- <link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" /> -->
24 
    <!-- Fontawesome -->
25 
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous" />
26 
    <!-- STYLE MANAGER CREATION -->
3376 idir 27 
    <link rel="stylesheet" type="text/css" href="<?php echo $url_base;?>modules/manager/squelettes/css/manager.css" media="screen" />
3175 idir 28 
 
3167 idir 29 
    <!--  Google Analytics -->
3376 idir 30 
    <?php if ( $prod ) : ?>
31 
      <?php include "analytics.html";?>
32 
    <?php endif;?>
3122 delphine 33 
  </head>
34 
 
35 
  <body>
3167 idir 36 
    <div id="zone-appli" class="container">
3376 idir 37 
      <h1 id="widget-titre" class="widget-titre"><?php echo ucfirst( $mode );?> de widget de saisie du CEL</h1>
3167 idir 38 
      <div id="register-page">
3241 idir 39 
        <div id="group-settings-form">
3164 idir 40 
 
3241 idir 41 
          <div id="left-block" class="widget-blocks">
3164 idir 42 
 
3174 idir 43 
            <p class="message">
3226 idir 44 
              <?php if ( $mode === 'modification' ) : ?>
3181 idir 45 
                Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changés.
3174 idir 46 
                S'il s'agit d'un projet type, en modifiant ce widget vous modifiez tous les widgets de ce type.
47 
              <?php else : ?>
48 
                Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront
49 
                obligatoires et la localisation (point ou rue) sera automatiquement déterminée.
3376 idir 50 
              <?php endif;?>
3174 idir 51 
            </p>
3164 idir 52 
 
3376 idir 53 
            <form action="<?php echo $url_base;?>manager?mode=<?php echo $mode.$params;?>" id="basic-widget-form" method="post" enctype="multipart/form-data">
3164 idir 54 
 
3241 idir 55 
              <div class="register-section row" id="basic-details-section">
3174 idir 56 
                <h2>Meta-données</h2>
3164 idir 57 
 
3341 idir 58 
                <input type="text" name="email" id="email" placeholder="Your email" title="laisser ce champ vide" autocomplete="off" tabindex="-1" />
59 
 
3241 idir 60 
                <div class="col-sm-12 mb-3">
3376 idir 61 
                  <label for="projet">Projet&nbsp;*</label>
3378 idir 62 
                  <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;.">
3241 idir 63 
                </div>
3164 idir 64 
 
3241 idir 65 
                <div class="col-sm-12 mb-3">
66 
                  <label for="motscles">Autres mots-clés</label>
3376 idir 67 
                  <input type="text" name="motscles" id="motscles" class="form-control" <?php echo ( $mode === 'modification' ) ? 'value="' . $widget['motscles'] . '"' : "";?> />
3241 idir 68 
                </div>
3164 idir 69 
 
3241 idir 70 
                <div class="col-sm-12 mb-3">
71 
                  <label for="type">Type de widget</label>
3262 idir 72 
                  <select  id="type" name="type" class="form-control custom-select">
3197 idir 73 
                    <option value=""> ----</option>
3226 idir 74 
                    <?php foreach ( $type as $id => $projet ) : ?>
3376 idir 75 
                      <option <?php echo ( isset( $widget['projet'] ) && $projet['projet'] === $widget['projet'] ) ? 'selected="selected"' : '';?> value="<?php echo $projet['projet'];?>"><?php echo $projet['projet'];?></option>
76 
                    <?php endforeach;?>
3174 idir 77 
                  </select>
78 
                </div>
3164 idir 79 
 
80 
 
3241 idir 81 
                  <div class="col-sm-12 radio mb-3">
82 
                    <label for="est_type" class="radio-label">
3376 idir 83 
                      <input type="checkbox" name="est_type" id="est_type" <?php echo ( isset( $widget['est_type'] ) && $projet['est_type'] === '1' ) ? 'checked="checked"' : '';?>>
3241 idir 84 
                      Ce widget est un widget type
85 
                    </label>
86 
                  </div>
87 
 
88 
                <div class="col-sm-12 mb-3">
89 
                  <label for="langue">Langue</label>
90 
                  <?php if ( $mode === 'modification' ) : ?>
3376 idir 91 
                    <input id="langue" name="langue" class="form-control" readonly value="<?php echo $widget['langue'];?>">
3241 idir 92 
                  <?php else : ?>
3262 idir 93 
                    <select id="langue" name="langue" class="form-control custom-select">
3226 idir 94 
                    <?php foreach ( $langues as $code => $langue ) : ?>
3376 idir 95 
                      <option value="<?php echo $code;?>" <?php echo ( $code === 'fr' ) ? 'selected' : '';?>><?php echo $langue['nom'];?></option>
96 
                    <?php endforeach;?>
3185 idir 97 
                    </select>
3376 idir 98 
                  <?php endif;?>
3241 idir 99 
                </div>
3174 idir 100 
              </div><!-- end #basic-details-section -->
3164 idir 101 
 
102 
 
3241 idir 103 
              <div class="register-section row" id="profile-details-description-section">
3174 idir 104 
                <h2>Description</h2>
3241 idir 105 
                <div class="col-sm-12 mb-3">
106 
                  <label for="titre">Titre</label>
3376 idir 107 
                  <input type="text" name="titre" id="titre" class="form-control" value="<?php echo isset( $widget['titre'] ) ? htmlspecialchars( $widget['titre']) : '';?>">
3241 idir 108 
                </div>
3164 idir 109 
 
3241 idir 110 
                <div class="input-file-row row">
111 
                  <div class="input-file-container col-sm-10">
3359 idir 112 
 
113 
                    <?php
114 
                      if( isset( $widget['info'] ) ) :
115 
                        $info_file_name = 'info.' . preg_replace( '/(?:imag)?e\/?/','',$widget['info']);
116 
                        $info_src       = $chemin_images . $widget['projet'] . '/' . $info_file_name;
117 
                        $info_img       =
118 
                          '<img id="pre-existent-info" src="' . $info_src . '" width="50%"><br>Pour changer, télécharger un nouveau fichier.';
119 
                        $info_hidden    = '';
120 
                      else :
121 
                        $info_file_name = [];
122 
                        $info_src       = '';
123 
                        $info_img       = '';
124 
                        $info_hidden    = ' hidden';
125 
                      endif;
126 
                    ?>
127 
 
3361 idir 128 
                    <input type="file" class="input-file" name="info" id="info" accept="image/*">
3241 idir 129 
                    <label for="info" class="label-file "><i class="fas fa-download"></i> Aide dans le titre</label>
130 
                  </div>
131 
                  <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>
3376 idir 132 
                  <div class="file-return info <?php echo $info_hidden;?>">
133 
                    <?php echo $info_file_name;?>
134 
                    <?php echo $info_img;?>
3359 idir 135 
                  </div>
3226 idir 136 
                </div>
137 
 
3241 idir 138 
                <div class="col-sm-12 mb-3">
139 
                  <label for="description">Description</label>
3376 idir 140 
                  <textarea name="description" id="description" class="form-control"><?php echo isset( $widget['description'] ) ? htmlspecialchars( $widget['description'] ) : '';?></textarea>
3241 idir 141 
                </div>
3164 idir 142 
 
3241 idir 143 
                <div class="input-file-row row">
144 
                  <div class="input-file-container col-sm-10">
3176 idir 145 
 
3241 idir 146 
                    <?php
147 
                      if( isset( $widget['logo'] ) ) :
3359 idir 148 
                        $logo_file_name = 'logo.' . preg_replace( '/(?:imag)?e\/?/','',$widget['logo']);
149 
                        $logo_src       = $chemin_images . $widget['projet'] . '/' . $logo_file_name;
150 
                        $logo_img       =
151 
                          '<img id="pre-existent-logo" src="' . $logo_src . '" width="50%"><br>Pour changer, télécharger un nouveau fichier.';
152 
                        $logo_hidden    = '';
3241 idir 153 
                      else :
154 
                        $logo_file_name = [];
3359 idir 155 
                        $logo_src       = '';
156 
                        $logo_img       = '';
157 
                        $logo_hidden    = ' hidden';
3241 idir 158 
                      endif;
159 
                    ?>
3176 idir 160 
 
3241 idir 161 
                    <input type="file" class="input-file" name="logo" id="logo"  accept="image/*" value="">
162 
                    <label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>
163 
                  </div>
164 
                  <div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier">
165 
                    <i class="fas fa-times" aria-hidden="true"></i>
166 
                  </div>
3376 idir 167 
                  <div class="file-return logo<?php echo $logo_hidden;?>">
168 
                    <?php echo $logo_file_name;?>
169 
                    <?php echo $logo_img;?>
3241 idir 170 
                  </div>
3174 idir 171 
                </div>
3164 idir 172 
 
3241 idir 173 
                <div class="input-file-row row">
174 
                  <div class="input-file-container col-sm-10">
3359 idir 175 
 
176 
                    <?php
177 
                      if( isset( $widget['image_fond'] ) ) :
178 
                        $image_fond_file_name = 'image_fond.' . preg_replace( '/(?:imag)?e\/?/','',$widget['image_fond']);
179 
                        $image_fond_src       = $chemin_images . $widget['projet'] . '/' . $image_fond_file_name;
180 
                        $image_fond_img       =
181 
                          '<img id="pre-existent-image_fond" src="' . $image_fond_src . '" width="50%"><br>Pour changer, télécharger un nouveau fichier.';
182 
                        $image_fond_hidden    = '';
183 
                      else :
184 
                        $image_fond_file_name = [];
185 
                        $image_fond_src       = '';
186 
                        $image_fond_img       = '';
187 
                        $image_fond_hidden    = ' hidden';
188 
                      endif;
189 
                    ?>
190 
 
3361 idir 191 
                    <input type="file" class="input-file" name="image_fond" id="image_fond" accept="image/*">
3235 idir 192 
                    <label for="image_fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>
3241 idir 193 
                  </div>
194 
                  <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>
3376 idir 195 
                  <div class="file-return image_fond <?php echo $image_fond_hidden;?>">
196 
                    <?php echo $image_fond_file_name;?>
197 
                    <?php echo $image_fond_img;?>
3359 idir 198 
                  </div>
3174 idir 199 
                </div>
3226 idir 200 
 
3174 idir 201 
              </div><!-- end #profile-details-description-section -->
3164 idir 202 
 
3241 idir 203 
              <div class="register-section row" id="profile-details-fields-section">
3174 idir 204 
                <h2>Champs</h2>
3241 idir 205 
 
206 
                <div class="col-sm-12 mb-3">
207 
                  <label for="type_localisation">Type de localisation</label>
3262 idir 208 
                  <select  id="type_localisation" name="type_localisation" class="form-control custom-select">
3376 idir 209 
                    <option value="<?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point';?>"><?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point';?></option>
210 
                    <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>
3174 idir 211 
                  </select>
212 
                </div>
3164 idir 213 
 
3241 idir 214 
                <div class="col-sm-12 mb-3">
215 
                  <label for="localisation">Zoom</label>
3376 idir 216 
                  <input type="text" name="localisation" id="localisation" class="form-control" value="<?php echo isset( $widget['localisation'] ) ? htmlspecialchars($widget['localisation'] ) : '';?>"  />
3241 idir 217 
                </div>
3164 idir 218 
 
3241 idir 219 
                <div class="col-sm-12 mb-3">
220 
                  <label for="milieux">Milieux</label>
3332 idir 221 
                  <p class="message">
222 
                    Liste de milieux séparés par un ";".
223 
                    <br>
3376 idir 224 
                    <i class="fas fa-pen"></i>&nbsp;Pour ajouter une option "autre" ajoutez le mot "autre" dans votre liste de milieux.
3332 idir 225 
                    <br>
3376 idir 226 
                    <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;).
3351 idir 227 
                    <br>
3332 idir 228 
                    <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.
229 
                  </p>
3376 idir 230 
                  <input type="text" name="milieux" id="milieux" class="form-control" value="<?php echo isset( $widget['milieux'] ) ? $widget['milieux'] : '';?>">
3241 idir 231 
                </div>
3167 idir 232 
 
3241 idir 233 
                <div class="col-sm-12 mb-3">
3376 idir 234 
                  <label for="type_especes">Type liste espèce&nbsp;*</label>
3262 idir 235 
                  <select  id="type_especes" name="type_especes" required class="form-control custom-select">
3174 idir 236 
                    <option selected="selected" value="referentiel">Référentiel</option>
237 
                    <option value="liste">Liste</option>
238 
                    <option value="liste" title="remplir référentiel + envoyer csv">Liste + autres</option>
239 
                    <option value="fixe">Espèce fixée</option>
240 
                  </select>
3164 idir 241 
                </div>
3167 idir 242 
 
3241 idir 243 
                <div class="col-sm-12 mb-3">
3376 idir 244 
                  <label for="referentiel">Référentiel&nbsp;*</label>
245 
                  <p class="message">
246 
                    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;:
247 
                    <br>
248 
                    <code>référentiel:num_nom</code>
249 
                    <br>
250 
                    ex&nbsp;: <code>bdtfx:182</code>
251 
                  </p>
3378 idir 252 
                  <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'] : '';?>">
3241 idir 253 
                </div>
3167 idir 254 
 
3174 idir 255 
                <!-- Bouton fichier-type à compléter -->
3241 idir 256 
                <div class="input-file-row row">
257 
                  <div class="input-file-container col-sm-10">
258 
                    <input type="file" class="input-file" name="especes" id="especes">
3376 idir 259 
                    <label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces</label>
3255 idir 260 
                    <p class="message mt-2">
261 
                      <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
3376 idir 262 
                      &nbsp;Format&nbsp;: CSV ou TSV UTF-8.
263 
                      <br>
264 
                      Séparateur&nbsp;: Tabulation.
3255 idir 265 
                    </p>
3241 idir 266 
                  </div>
267 
                  <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>
268 
                  <div class="file-return especes hidden"></div>
3174 idir 269 
                </div>
3241 idir 270 
                <div class="col-sm-12 mb-3">
3376 idir 271 
                  <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>
3241 idir 272 
                </div>
3174 idir 273 
              </div><!-- end #profile-details-fields-section -->
3171 idir 274 
 
3174 idir 275 
              <!--Submit-->
276 
              <div class="submit complete-registration" id="submit-button">
3341 idir 277 
                <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>
3171 idir 278 
              </div>
3174 idir 279 
              <!--Submit-->
3171 idir 280 
 
3174 idir 281 
            </form><!-- end #new-widget-form -->
282 
 
283 
            <form id="new-fields" autocomplete="off">
284 
                <h2>Ajouter des champs</h2>
285 
                <p class="message">
286 
                  <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
3376 idir 287 
                  &nbsp;Attention&nbsp;:
3174 idir 288 
                  <br>
289 
                  <i class="fa fa-bolt" aria-hidden="true"  style="color:#B3C954"></i>
290 
                  &nbsp;Le bouton "Valider" sert à valider les champs supplémentaires uniquement
291 
                  <br>
292 
                  <i class="fas fa-trophy" aria-hidden="true"  style="color:#B3C954"></i>
293 
                  &nbsp;Le bouton "Terminer" sert à envoyer la totalité du nouveau widget
294 
                </p>
295 
            </form><!-- #new-fields = fomulaire oû viennent s'insérer les champs supplémentaires -->
296 
 
3241 idir 297 
            <div id="new-fields-buttons" class="row">
3174 idir 298 
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
299 
                <label class="add-fields">Ajouter</label>
300 
                <div class="button" id="add-fields" title="Ajouter un champ"><i class="fa fa-plus" aria-hidden="true"></i></div>
301 
              </div>
302 
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
303 
                <label for="preview-field">Prévisualiser</label>
304 
                <div class="button" id="preview-field" name="preview-field" title="prévisualiser"><i class="fa fa-magic" aria-hidden="true"></i></div>
305 
              </div>
306 
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
307 
                <label class="validate-new-fields">Valider</label>
308 
                <div class="button" id="validate-new-fields" title="Valider les champs supplémentaires"><i class="fa fa-bolt" aria-hidden="true"></i></div>
309 
              </div>
3167 idir 310 
            </div>
311 
 
312 
          </div><!-- end .widget-blocks = tout le bloc de gauche-->
313 
 
3241 idir 314 
          <div id="right-block" class="widget-blocks">
3185 idir 315 
            <div class="widget-renderer">
3241 idir 316 
              <div id="preview-background"></div>
3167 idir 317 
 
3174 idir 318 
              <div id="preview-header" class="row">
3189 idir 319 
                  <div id="preview-logo" class="col-md-4"></div>
3167 idir 320 
                  <div id="preview-title" class="col-md-8">
321 
                    <h1></h1>
3378 idir 322 
                    <p class="message"><i class="fas fa-info-circle" style="color:#009fb8"></i> Les liens et autres balises html fonctionneront dans le widget</p>
3167 idir 323 
                  </div>
324 
              </div>
325 
 
3174 idir 326 
              <div id="preview-messages" class="row">
3167 idir 327 
 
3241 idir 328 
                <div id="preview-description" class="col-md-6">
329 
                  <div class="">
3174 idir 330 
                    <p class="preview-description"></p>
331 
                  </div>
3226 idir 332 
 
3167 idir 333 
                </div><!-- end #preview-description -->
334 
 
3241 idir 335 
                <div id="preview-aide" class="col-md-6">
336 
                  <div class="">
3174 idir 337 
                    <h3>Aide</h3>
338 
                    <p>
339 
                      Cet outil vous permet de partager simplement vos observations avec
340 
                      le <a target="_blank" href="https://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>
341 
                      (<a target="_blank" href="https://www.tela-botanica.org/page:licence">licence CC-BY-SA</a>).
342 
                      Identifiez-vous bien pour ensuite retrouver et gérer vos données dans votre
343 
                      <a target="_blank" href="https://www.tela-botanica.org/appli:cel"> Carnet en ligne</a>.
344 
                      Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
345 
                      Elles apparaissent immédiatement sur les
346 
                      <a target="_blank" href="https://www.tela-botanica.org/site:botanique">cartes et galeries photos </a> du site.
347 
                    </p>
348 
                    <p class="discretion">
349 
                      Pour toute question ou remarque,
3376 idir 350 
                      <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="
3226 idir 351 
                          javascript:window.open(
352 
                            this.getAttribute( 'href' ),
353 
                            'Tela Botanica - Remarques',
354 
                            config = 'height=700, width=640, scrollbars=yes, resizable=yes'
355 
                          );
356 
                          return false;
3174 idir 357 
                      ">contactez-nous</a>
358 
                    </p>
359 
                  </div>
3167 idir 360 
                </div>
361 
              </div><!-- end #preview-aide -->
362 
 
363 
              <div id="preview-formulaire" class="row">
364 
 
365 
                <form id="preview-form-observateur" role="form" autocomplete="on">
366 
 
367 
                  <h2>Observateur</h2>
368 
 
3241 idir 369 
                  <div class="row">
370 
                    <div id="bouton-connexion" class="col-md-6 col-sm-8">
371 
                      <label for="bouton-connexion">Je me connecte à mon compte&nbsp;:</label>
372 
                      <div class="btn btn-success mr-1 mb-1">Connexion</div>
373 
                      <div class="btn btn-success mr-1 mb-1">Inscription</div>
3167 idir 374 
                    </div>
3241 idir 375 
                    <div id="creation-compte" class="col-md-6 col-sm-8">
376 
                      <label for="creation-compte">Je ne souhaite pas m'inscrire&nbsp;:</label>
377 
                      <div class="btn btn-info mr-1 mb-1">Observation sans inscription</div>
3167 idir 378 
                    </div>
379 
 
380 
                  </div>
381 
 
382 
                </form>
383 
 
384 
                <form id="form-observation" role="form" autocomplete="on">
385 
 
386 
                  <h2>Observation</h2>
387 
 
3185 idir 388 
                  <div id="zone-observation" class="row">
3167 idir 389 
 
3241 idir 390 
                    <div class="col-md-6 row">
391 
                      <div class="col-md-12">
392 
                        <label for="geolocalisation" id="label-geolocalisation" title="Veuillez saisir votre adresse courriel.">
3376 idir 393 
                          <i class="fa fa-envelope"></i>&nbsp;Geolocalisation
3241 idir 394 
                        </label>
395 
                        <div id="geolocalisation">
3376 idir 396 
                          <img src="<?php echo $url_base;?>/modules/manager/squelettes/img/geoloc/geoloc.png" alt="geolocalisation" width="90%">
3241 idir 397 
                        </div>
398 
                      </div>
3185 idir 399 
 
3241 idir 400 
                      <div class="col-md-12">
401 
                        <label for="milieu" id="label-milieu">
3376 idir 402 
                          <i class="fa fa-street-view"></i>&nbsp;Milieu
3241 idir 403 
                        </label>
404 
                        <input type="text" id="milieu" name="milieu" class="form-control" placeholder="bois, champ, falaise, ...">
405 
                      </div>
3167 idir 406 
                    </div>
407 
 
3241 idir 408 
                    <div class="col-md-6 row">
409 
                      <div class="col-md-12">
410 
                        <label for="date" id="label-date" title="">
3376 idir 411 
                          <i class="fa fa-calendar"></i>&nbsp;Date de relevé
3241 idir 412 
                        </label>
413 
                        <div class="date">
414 
                          <input type="date" id="date" class="form-control" name="date" title="jj/mm/aaaa" required>
415 
                        </div>
3167 idir 416 
                      </div>
3185 idir 417 
 
3241 idir 418 
                      <div class="col-md-12">
419 
                        <label for="taxon" id="label-taxon" title="">
3376 idir 420 
                          <i class="fa fa-leaf"></i>&nbsp;Espèce<span></span>
3241 idir 421 
                        </label>
422 
                        <div class="taxon">
423 
                          <input type="text" name="taxon" id="taxon" class="form-control">
424 
                        </div>
3167 idir 425 
                      </div>
3185 idir 426 
 
3241 idir 427 
                      <div class="col-md-12">
428 
                        <label for="certitude" id="label-certitude" title="">
3376 idir 429 
                          <i class="fa fa-question"></i>&nbsp;Certitude
3241 idir 430 
                        </label>
3262 idir 431 
                        <select id="certitude" name="certitude" class="form-control custom-select" required>
3241 idir 432 
                          <option value="" >À déterminer</option>
433 
                          <option value="" >Douteuse</option>
434 
                          <option value="" selected="selected" >Certaine</option>
435 
                        </select>
3167 idir 436 
                      </div>
3185 idir 437 
 
3241 idir 438 
                      <div class="col-md-12">
439 
                        <label for="notes" id="label-notes" title="">
3376 idir 440 
                          <i class="fa fa-pen" aria-hidden="true"></i>&nbsp;Notes
3241 idir 441 
                        </label>
442 
                        <div class="notes">
443 
                            <textarea id="notes" name="notes" class="form-control" placeholder="Vous pouvez éventuellement ajouter des informations complémentaires à votre observation."></textarea>
444 
                        </div>
3167 idir 445 
                      </div>
446 
                    </div>
447 
 
448 
                  </div>
449 
 
450 
                </form>
451 
 
3185 idir 452 
                <!-- formulaire d'affichage des bouveaux champs -->
3167 idir 453 
                <form id="form-supp" role="form" autocomplete="on">
454 
                  <div id="zone-supp" class="row align-items-center">
3241 idir 455 
                    <div class="col-md-6 preview-container row"></div>
3167 idir 456 
                  </div>
457 
                </form>
458 
 
3241 idir 459 
                <!-- formulaire d'upload d'images -->
460 
                <form id="form-upload" class="" action="" method="" enctype="multipart/form-data">
461 
                  <h2>Image(s) de cette plante</h2>
462 
                  <p class="miniature-info" class="discretion help-inline">
463 
                    Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.
464 
                  </p>
465 
                  <div>
466 
                      <div class="btn btn-large btn-info mb-3">
3376 idir 467 
                        <span class=""><i class="fas fa-download"></i>&nbsp;Ajouter une image</span>
3241 idir 468 
                      </div>
469 
                  </div>
470 
                </form>
471 
 
3167 idir 472 
              </div><!-- end #preview-formulaire -->
473 
 
474 
            </div><!-- end #widget-renderer-->
475 
 
476 
          </div><!-- #widget-blocks = tout le bloc de droite-->
477 
 
3164 idir 478 
        </div>
3167 idir 479 
      </div>
480 
    </div>
3174 idir 481 
    <div id="help-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="help-modal-label" style="display: none;" aria-hidden="true">
482 
      <div class="modal-dialog modal-dialog-centered" role="document">
483 
        <div class="modal-content">
484 
          <div class="modal-header">
485 
            <h5 class="modal-title" id="help-modal-label"></h5>
486 
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
3241 idir 487 
              <span aria-hidden="true">&times;</span>
3174 idir 488 
            </button>
489 
          </div>
490 
          <div class="modal-body" id="print_content"></div>
491 
          <div class="modal-footer">
492 
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
493 
          </div>
494 
        </div>
495 
      </div>
496 
    </div>
3226 idir 497 
    <!-- Jquery -->
498 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/1.11.1/jquery-1.11.1.min.js"></script>
499 
 
500 
    <!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
501 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/jquery-ui.min.js"></script>
502 
    <!-- <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/datepicker-fr.js"></script> -->
503 
    <!-- Jquery Plugins -->
504 
    <!-- Jquery Validate : nécessaire pour la validation des formulaires -->
505 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/jquery.validate.min.js"></script>
506 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/additional-methods.min.js"></script>
507 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/messages_fr.js"></script>
508 
    <!-- Jquery Form :nécessaire pour l'upload des images -->
509 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
510 
    <!-- Bootstrap -->
3241 idir 511 
    <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>
3226 idir 512 
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
3376 idir 513 
    <script type="text/javascript" src="<?php echo $url_base;?>modules/manager/squelettes/js/manager.js"></script>
3226 idir 514 
      <!-- Barre de navigation -->
515 
    <?php if ( $bar !== false ) : ?>
3376 idir 516 
      <script src="<?php echo $url_script_navigation;?>"></script>
517 
    <?php endif;?>
3167 idir 518 
  </body>
3164 idir 519 
</html>