Subversion Repositories eFlore/Applications.cel

Rev

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

Rev Author Line No. Line
3122 delphine 1 
<!DOCTYPE html>
2 
<html xmlns="http://www.w3.org/1999/xhtml">
3 
  <head>
3226 idir 4 
    <title><?= $mode; ?> de widget de saisie du CeL</title>
3122 delphine 5 
 
3226 idir 6 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
3167 idir 7 
    <meta http-equiv="Content-style-type" content="text/css" />
8 
    <meta http-equiv="Content-script-type" content="text/javascript" />
9 
    <meta http-equiv="Content-language" content="fr" />
10 
    <meta name="revisit-after" content="15 days" />
11 
    <meta name="robots" content="index,follow" />
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 
    <!-- OpenGraph pour Facebook, Pinterest, Google+ -->
18 
    <meta property="og:type" content="website" />
19 
    <meta property="og:title" content="Gestion des widgets de saisie du CeL" />
20 
    <meta property="og:site_name" content="Tela Botanica" />
21 
    <meta property="og:description" content="Gestion des widgets de saisie du Carnet en Ligne" />
22 
    <meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
23 
    <meta property="og:image:type" content="image/png" />
24 
    <meta property="og:image:width" content="256" />
25 
    <meta property="og:image:height" content="256" />
26 
    <meta property="og:locale" content="fr_FR" />
3122 delphine 27 
 
3167 idir 28 
    <!-- Favicones -->
29 
    <link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
3164 idir 30 
 
3175 idir 31 
    <!-- CSS -->
3197 idir 32 
    <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">
3226 idir 33 
    <link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
34 
    <link rel="stylesheet" type="text/css" href="<?= $url_base; ?>modules/manager/squelettes/css/manager.css" media="screen" />
35 
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous" />
3175 idir 36 
 
3167 idir 37 
    <!--  Google Analytics -->
3226 idir 38 
    <?php if( $prod ) : ?>
3167 idir 39 
      <?php include "analytics.html"; ?>
40 
    <?php endif; ?>
3122 delphine 41 
  </head>
42 
 
43 
  <body>
3167 idir 44 
    <div id="zone-appli" class="container">
3226 idir 45 
    <?php if ( $bar !== false ) : ?>
3167 idir 46 
      <div id="tb-navigation" data-courant="widget-cel-export" data-squelette="bootstrap3" data-mode="prod"></div>
47 
      <br/>
48 
    <?php endif; ?>
3226 idir 49 
      <h1 id="widget-titre" class="widget-titre"><?php echo ucfirst( $mode ); ?> de widget de saisie du CEL</h1>
3167 idir 50 
      <div id="register-page">
3174 idir 51 
        <div id="group-settings-form" class="row">
3164 idir 52 
 
3167 idir 53 
          <div class="widget-blocks col-md-4">
3164 idir 54 
 
3174 idir 55 
            <p class="message">
3226 idir 56 
              <?php if ( $mode === 'modification' ) : ?>
3181 idir 57 
                Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changés.
3174 idir 58 
                S'il s'agit d'un projet type, en modifiant ce widget vous modifiez tous les widgets de ce type.
59 
              <?php else : ?>
60 
                Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront
61 
                obligatoires et la localisation (point ou rue) sera automatiquement déterminée.
62 
              <?php endif; ?>
63 
            </p>
3164 idir 64 
 
3226 idir 65 
            <form action="<?= $url_base; ?>manager?mode=<?= $mode.$params; ?>" id="basic-widget-form" class="standard-form component component-text" method="post" enctype="multipart/form-data">
3174 idir 66 
              <div class="register-section" id="basic-details-section">
3164 idir 67 
 
3174 idir 68 
                <h2>Meta-données</h2>
3164 idir 69 
 
3226 idir 70 
                <?php // var_dump($widget); ?>
3174 idir 71 
                <label for="projet">Projet *</label>
3226 idir 72 
                <input type="text" name="projet" id="projet" pattern="[a-z]+" <?= ( $mode === 'modification' ) ? 'value="' . $widget['projet'] . '" readonly' : 'required'; ?> title="Champ obligatoire : pas d'espace">
3164 idir 73 
 
3174 idir 74 
                <label for="motscles">Autres mots-clés</label>
75 
                <input type="text" name="motscles" id="motscles" value="" />
3164 idir 76 
 
3174 idir 77 
                <label for="type">Type de widget</label>
78 
                <div class="select-wrapper">
3197 idir 79 
                  <select  id="type" name="type">
80 
                    <option value=""> ----</option>
3226 idir 81 
                    <?php foreach ( $type as $id => $projet ) : ?>
82 
                      <option <?php echo ( isset( $widget['projet'] ) && $projet['projet'] === $widget['projet'] ) ? 'selected="selected"' : ''; ?> value="<?= $projet['projet']; ?>"><?= $projet['projet']; ?></option>
3167 idir 83 
                    <?php endforeach; ?>
3174 idir 84 
                  </select>
85 
                </div>
3164 idir 86 
 
3174 idir 87 
                <label for="est_type">Ce widget est un widget type</label>
3226 idir 88 
                <input type="checkbox" name="est_type" id="est_type" <?php echo ( isset( $widget['est_type'] ) && $projet['est_type'] === '1' ) ? 'checked="checked"' : ''; ?>>
3164 idir 89 
 
3174 idir 90 
                <label for="langue">Langue</label>
3226 idir 91 
                <?php if ( $mode === 'modification' ) : ?>
92 
                  <input id="langue" name="langue" readonly value="<?= $widget['langue']; ?>">
3174 idir 93 
                <?php else : ?>
3185 idir 94 
                  <div class="select-wrapper">
95 
                    <select id="langue" name="langue">
3226 idir 96 
                    <?php foreach ( $langues as $code => $langue ) : ?>
97 
                      <option value="<?= $code; ?>" <?= ( $code === 'fr' ) ? 'selected' : '';?>><?= $langue['nom']; ?></option>
3185 idir 98 
                    <?php endforeach; ?>
99 
                    </select>
100 
                  </div>
3174 idir 101 
                <?php endif; ?>
102 
              </div><!-- end #basic-details-section -->
3164 idir 103 
 
104 
 
3174 idir 105 
              <div class="register-section" id="profile-details-description-section">
106 
                <h2>Description</h2>
107 
                <label for="titre">Titre</label>
3226 idir 108 
                <input type="text" name="titre" id="titre" value="<?php echo isset( $widget['titre'] ) ? $widget['titre'] : ''; ?>">
3164 idir 109 
 
3226 idir 110 
                <div class="input-file-container">
111 
                  <input type="file" class="input-file" name="info" id="info" value="<?= $widget['titre']; ?>" accept="image/*">
3233 idir 112 
                  <label for="info" class="label-file"><i class="fas fa-download"></i> Image d'aide dans le titre</label>
3226 idir 113 
                </div>
114 
                <div class="remove-file button" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
115 
                <div class="file-return info hidden"></div>
116 
 
3174 idir 117 
                <label for="description">Description</label>
3226 idir 118 
                <textarea name="description" id="description"><?php echo isset( $widget['description'] ) ? $widget['description'] : ''; ?></textarea>
3164 idir 119 
 
3174 idir 120 
                <div class="input-file-container">
3176 idir 121 
 
122 
                  <?php
123 
                    if( isset( $widget['logo'] ) ) :
124 
                      $logo_src = $widget['logo'];
125 
                      $logo_img =
126 
                        '<img id="pre-existent-logo" src="' . $logo_src . '"><br>Pour changer, télécharger un nouveau fichier.';
127 
                      $logo_hidden = '';
3226 idir 128 
                      $logo_file_name = array_reverse( explode( '/', $logo_src ) );
3176 idir 129 
                    else :
130 
                      $logo_src = '';
131 
                      $logo_img = '';
132 
                      $logo_hidden = ' hidden';
133 
                      $logo_file_name = [];
134 
                    endif;
135 
                  ?>
136 
 
3226 idir 137 
                  <input type="file" class="input-file" name="logo" id="logo"  accept="image/*" value="">
3176 idir 138 
                  <label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>
3174 idir 139 
                </div>
3176 idir 140 
                <div class="remove-file button" name="remove-file" title="Supprimer le fichier">
141 
                  <i class="fas fa-times" aria-hidden="true"></i>
142 
                </div>
3226 idir 143 
                <div class="file-return logo<?= $logo_hidden; ?>">
144 
                  <?= $logo_file_name[0]; ?>
145 
                  <?= $logo_img; ?>
3176 idir 146 
                </div>
3164 idir 147 
 
148 
 
3174 idir 149 
                <div class="input-file-container">
3226 idir 150 
                    <input type="file" class="input-file" name="fond" id="fond" value="<?= $widget['titre']; ?>" accept="image/*">
3174 idir 151 
                    <label for="fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>
152 
                </div>
153 
                <div class="remove-file button" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
154 
                <div class="file-return fond hidden"></div>
3226 idir 155 
 
3174 idir 156 
              </div><!-- end #profile-details-description-section -->
3164 idir 157 
 
3174 idir 158 
              <div class="register-section" id="profile-details-fields-section">
159 
                <h2>Champs</h2>
160 
                <label for="type_localisation">Type de localisation</label>
161 
                <div class="select-wrapper">
162 
                  <select  id="type_localisation" name="type_localisation" >
3226 idir 163 
                    <option value="<?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point'; ?>"><?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point'; ?></option>
164 
                    <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 165 
                  </select>
166 
                </div>
3164 idir 167 
 
3174 idir 168 
                <label for="localisation">Zoom</label>
3226 idir 169 
                <input type="text" name="localisation" id="localisation" value="<?php echo isset( $widget['localisation'] ) ? $widget['localisation'] : ''; ?>"  />
3164 idir 170 
 
3174 idir 171 
                <label for="milieux">Milieux</label>
3226 idir 172 
                <input type="text" name="milieux" id="milieux" value="<?php echo isset( $widget['milieux'] ) ? $widget['milieux'] : ''; ?>">
3167 idir 173 
 
3174 idir 174 
                <label for="type_especes">Type liste espèce *</label>
175 
                <div class="select-wrapper">
176 
                  <select  id="type_especes" name="type_especes" required>
177 
                    <option selected="selected" value="referentiel">Référentiel</option>
178 
                    <option value="liste">Liste</option>
179 
                    <option value="liste" title="remplir référentiel + envoyer csv">Liste + autres</option>
180 
                    <option value="fixe">Espèce fixée</option>
181 
                  </select>
3164 idir 182 
                </div>
3167 idir 183 
 
3174 idir 184 
                <label for="referentiel">Référentiel *</label>
3226 idir 185 
                <input type="text" name="referentiel" id="referentiel" required pattern="([a-z]+?)*" title="Nom du référentiel ex. bdtfx" value="<?php echo isset( $widget['referentiel'] ) ? $widget['referentiel'] : ''; ?>">
3167 idir 186 
 
3174 idir 187 
                <!-- Bouton fichier-type à compléter -->
188 
                <div class="input-file-container">
189 
                  <input type="file" class="input-file" name="especes" id="especes">
3233 idir 190 
                  <label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces (<span style="text-transform:lowercase;">.csv</span>)</label>
3174 idir 191 
                </div>
192 
                <div class="remove-file button" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
3192 idir 193 
                <div class="file-return especes hidden"></div>
3174 idir 194 
                <a href="#" class="button fichier-type"><i class="fas fa-file-alt" aria-hidden="true"></i> Fichier type</a>
195 
              </div><!-- end #profile-details-fields-section -->
3171 idir 196 
 
3174 idir 197 
              <!--Submit-->
198 
              <div class="submit complete-registration" id="submit-button">
199 
                <button href="#" type="submit" name="signup_submit" id="signup_submit" class="button" target="" title="Soumettre le nouveau widget"><i class="fas fa-trophy" aria-hidden="true"></i>&nbsp;Terminer</button>
3171 idir 200 
              </div>
3174 idir 201 
              <!--Submit-->
3171 idir 202 
 
3174 idir 203 
            </form><!-- end #new-widget-form -->
204 
 
205 
            <form id="new-fields" autocomplete="off">
206 
                <h2>Ajouter des champs</h2>
207 
                <p class="message">
208 
                  <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
209 
                  &nbsp;Attention :
210 
                  <br>
211 
                  <i class="fa fa-bolt" aria-hidden="true"  style="color:#B3C954"></i>
212 
                  &nbsp;Le bouton "Valider" sert à valider les champs supplémentaires uniquement
213 
                  <br>
214 
                  <i class="fas fa-trophy" aria-hidden="true"  style="color:#B3C954"></i>
215 
                  &nbsp;Le bouton "Terminer" sert à envoyer la totalité du nouveau widget
216 
                </p>
217 
            </form><!-- #new-fields = fomulaire oû viennent s'insérer les champs supplémentaires -->
218 
 
219 
            <div class="row">
220 
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
221 
                <label class="add-fields">Ajouter</label>
222 
                <div class="button" id="add-fields" title="Ajouter un champ"><i class="fa fa-plus" aria-hidden="true"></i></div>
223 
              </div>
224 
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
225 
                <label for="preview-field">Prévisualiser</label>
226 
                <div class="button" id="preview-field" name="preview-field" title="prévisualiser"><i class="fa fa-magic" aria-hidden="true"></i></div>
227 
              </div>
228 
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
229 
                <label class="validate-new-fields">Valider</label>
230 
                <div class="button" id="validate-new-fields" title="Valider les champs supplémentaires"><i class="fa fa-bolt" aria-hidden="true"></i></div>
231 
              </div>
3167 idir 232 
            </div>
233 
 
3174 idir 234 
            <hr>
235 
 
3167 idir 236 
          </div><!-- end .widget-blocks = tout le bloc de gauche-->
237 
 
3174 idir 238 
          <div class="widget-blocks col-md-8">
3185 idir 239 
            <div class="widget-renderer">
3167 idir 240 
 
3174 idir 241 
              <div id="preview-header" class="row">
3189 idir 242 
                  <div id="preview-logo" class="col-md-4"></div>
3167 idir 243 
                  <div id="preview-title" class="col-md-8">
244 
                    <h1></h1>
245 
                  </div>
246 
              </div>
247 
 
3174 idir 248 
              <div id="preview-messages" class="row">
3167 idir 249 
 
3174 idir 250 
                <div id="preview-description" class="col-md-7">
251 
                  <div class="message">
252 
                    <h3>
253 
                      <span>Projet : </span>
254 
                      <span class="projet-description"></span>
255 
                    </h3>
256 
                    <p class="preview-description"></p>
257 
                  </div>
3226 idir 258 
 
3167 idir 259 
                </div><!-- end #preview-description -->
260 
 
3174 idir 261 
                <div id="preview-aide" class="col-md-5">
262 
                  <div class="message">
263 
                    <h3>Aide</h3>
264 
                    <p>
265 
                      Cet outil vous permet de partager simplement vos observations avec
266 
                      le <a target="_blank" href="https://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>
267 
                      (<a target="_blank" href="https://www.tela-botanica.org/page:licence">licence CC-BY-SA</a>).
268 
                      Identifiez-vous bien pour ensuite retrouver et gérer vos données dans votre
269 
                      <a target="_blank" href="https://www.tela-botanica.org/appli:cel"> Carnet en ligne</a>.
270 
                      Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
271 
                      Elles apparaissent immédiatement sur les
272 
                      <a target="_blank" href="https://www.tela-botanica.org/site:botanique">cartes et galeries photos </a> du site.
273 
                    </p>
274 
                    <p class="discretion">
275 
                      Pour toute question ou remarque,
3226 idir 276 
                      <a href="https://www.tela-botanica.org/widget:reseau:remarques?service=cel&pageSource=<?= $url_base; ?>manager?mode=<?php echo $mode . $params; ?>" target="_blank" onclick="
277 
                          javascript:window.open(
278 
                            this.getAttribute( 'href' ),
279 
                            'Tela Botanica - Remarques',
280 
                            config = 'height=700, width=640, scrollbars=yes, resizable=yes'
281 
                          );
282 
                          return false;
3174 idir 283 
                      ">contactez-nous</a>
284 
                    </p>
285 
                  </div>
3167 idir 286 
                </div>
287 
              </div><!-- end #preview-aide -->
288 
 
289 
              <div id="preview-formulaire" class="row">
290 
 
291 
                <form id="preview-form-observateur" role="form" autocomplete="on">
292 
 
293 
                  <h2>Observateur</h2>
294 
 
3185 idir 295 
                  <div id="zone-courriel" class="row">
3167 idir 296 
 
297 
                    <div class="col-md-6">
298 
                      <label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
3185 idir 299 
                        <i class="fa fa-envelope"></i> Courriel *
3167 idir 300 
                      </label>
3197 idir 301 
                      <input type="email" id="courriel" name="courriel" pattern="^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" title="Veuillez saisir votre adresse courriel." required>
3185 idir 302 
                      <input type="hidden" id="id_utilisateur" name="id_utilisateur">
3167 idir 303 
                    </div>
304 
 
305 
                    <div id="zone-courriel-confirmation" class="col-md-6 ">
306 
                      <label for="courriel_confirmation" class="" title="Veuillez confirmer le courriel.">
3185 idir 307 
                        <i class="fa fa-envelope"></i> Courriel * (confirmation)
3167 idir 308 
                      </label>
3197 idir 309 
                      <input type="email" id="courriel_confirmation" name="courriel_confirmation" pattern="^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" title="Veuillez saisir votre adresse courriel." required>
3167 idir 310 
                    </div>
311 
 
312 
                  </div>
313 
 
3185 idir 314 
                  <div id="zone-prenom-nom" class="row">
3167 idir 315 
 
3185 idir 316 
                    <div class="col-md-6">
317 
                      <label for="prenom" class=""><i class="fa fa-user"></i> Prénom</label>
3197 idir 318 
                      <input type="text" id="prenom" name="prenom" pattern="[a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð'-]+" title="Veuillez saisir votre prénom">
3167 idir 319 
                    </div>
320 
 
321 
                    <div class="col-md-6 ">
3185 idir 322 
                      <label for="nom" class=""><i class="fa fa-user"></i> Nom</label>
3197 idir 323 
                      <input type="text" id="nom" name="nom" pattern="[a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð'-]+" title="Veuillez saisir votre nom">
3167 idir 324 
                    </div>
325 
 
326 
                  </div>
327 
 
328 
                </form>
329 
 
330 
                <form id="form-observation" role="form" autocomplete="on">
331 
 
332 
                  <h2>Observation</h2>
333 
 
3185 idir 334 
                  <div id="zone-observation" class="row">
3167 idir 335 
 
336 
                    <div class="col-md-6 ">
337 
                      <label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
3185 idir 338 
                        <i class="fa fa-envelope"></i> Geolocalisation *
3167 idir 339 
                      </label>
3191 idir 340 
                      <input type="email" id="courriel" name="courriel" title="Veuillez saisir votre adresse courriel. "  required>
3185 idir 341 
                      <input type="hidden" id="id_utilisateur" name="id_utilisateur">
342 
 
343 
                      <label for="milieu" class=""><i class="fa fa-street-view"></i> Milieu</label>
3197 idir 344 
                      <input type="text" id="milieu" name="milieu" placeholder="bois, champ, falaise, ..." pattern="[\D]+">
3167 idir 345 
                    </div>
346 
 
347 
                    <div class="col-md-6">
348 
                      <label for="date" class="" title="">
3185 idir 349 
                        <i class="fa fa-calendar"></i> Date de relevé *
3167 idir 350 
                      </label>
3185 idir 351 
                      <div class="date" id="datetimepicker">
3197 idir 352 
                        <input type="date" id="date" name="date" class="hasDatepicker" pattern="(^(((0[1-9]|1[0-9]|2[0-8])[\/](0[1-9]|1[012]))|((29|30|31)[\/](0[13578]|1[02]))|((29|30)[\/](0[4,6,9]|11)))[\/](19|[2-9][0-9])\d\d$)|(^29[\/]02[\/](19|[2-9][0-9])(00|04|08|12|16|20|24|28|32|36|40|44|48|52|56|60|64|68|72|76|80|84|88|92|96)$)" title="jj/mm/aaaa" required>
3167 idir 353 
                      </div>
3185 idir 354 
 
3167 idir 355 
                      <label for="referentiel" class="" title="">
3185 idir 356 
                        <i class="fa fa-book"></i> Référentiel *
3167 idir 357 
                      </label>
3185 idir 358 
                      <div class="select-wrapper add-field-select">
3191 idir 359 
                        <select id="referentiel" name="referentiel"  required>
3185 idir 360 
                          <option value="" selected="" title="">-</option>
361 
                        </select>
3167 idir 362 
                      </div>
3185 idir 363 
 
364 
                      <label for="taxon" class="" title=""><i class="fa fa-leaf"></i> Espèce</label>
365 
                      <div class="date">
366 
                        <input type="text" name="taxon" id="taxon" >
3167 idir 367 
                      </div>
3185 idir 368 
 
3167 idir 369 
                      <label for="certitude" class="" title="">
3185 idir 370 
                        <i class="fa fa-question"></i> Certitude *
3167 idir 371 
                      </label>
3226 idir 372 
                      <div class="select-wrapper add-field-select">
3191 idir 373 
                        <select id="certitude" name="certitude"  required>
3185 idir 374 
                          <option value="">-</option>
375 
                        </select>
3167 idir 376 
                      </div>
377 
                    </div>
378 
 
379 
                  </div>
380 
 
381 
                </form>
382 
 
3185 idir 383 
                <!-- formulaire d'affichage des bouveaux champs -->
3167 idir 384 
                <form id="form-supp" role="form" autocomplete="on">
385 
                  <div id="zone-supp" class="row align-items-center">
3174 idir 386 
                    <div class="col-md-6 preview-container"></div>
3167 idir 387 
                  </div>
388 
                </form>
389 
 
390 
              </div><!-- end #preview-formulaire -->
391 
 
392 
            </div><!-- end #widget-renderer-->
393 
 
394 
          </div><!-- #widget-blocks = tout le bloc de droite-->
395 
 
3164 idir 396 
        </div>
3167 idir 397 
      </div>
398 
    </div>
3174 idir 399 
    <div id="help-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="help-modal-label" style="display: none;" aria-hidden="true">
400 
      <div class="modal-dialog modal-dialog-centered" role="document">
401 
        <div class="modal-content">
402 
          <div class="modal-header">
403 
            <h5 class="modal-title" id="help-modal-label"></h5>
404 
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
405 
              <span aria-hidden="true">×</span>
406 
            </button>
407 
          </div>
408 
          <div class="modal-body" id="print_content"></div>
409 
          <div class="modal-footer">
410 
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
411 
          </div>
412 
        </div>
413 
      </div>
414 
    </div>
3226 idir 415 
    <!-- Jquery -->
416 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/1.11.1/jquery-1.11.1.min.js"></script>
417 
 
418 
    <!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
419 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/jquery-ui.min.js"></script>
420 
    <!-- <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/datepicker-fr.js"></script> -->
421 
    <!-- Jquery Plugins -->
422 
    <!-- Jquery Validate : nécessaire pour la validation des formulaires -->
423 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/jquery.validate.min.js"></script>
424 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/additional-methods.min.js"></script>
425 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/messages_fr.js"></script>
426 
    <!-- Jquery Form :nécessaire pour l'upload des images -->
427 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
428 
    <!-- Bootstrap -->
429 
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
430 
    <script type="text/javascript" src="<?= $url_base; ?>modules/manager/squelettes/js/manager.js"></script>
431 
      <!-- Barre de navigation -->
432 
    <?php if ( $bar !== false ) : ?>
433 
      <script src="<?= $url_script_navigation; ?>"></script>
434 
    <?php endif; ?>
3167 idir 435 
  </body>
3164 idir 436 
</html>