Subversion Repositories eFlore/Applications.cel

Rev

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