Subversion Repositories eFlore/Applications.cel

Rev

Rev 3346 | Rev 3359 | 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>
3226 idir 5 
    <title><?= $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 -->
3226 idir 27 
    <link rel="stylesheet" type="text/css" href="<?= $url_base; ?>modules/manager/squelettes/css/manager.css" media="screen" />
3175 idir 28 
 
3167 idir 29 
    <!--  Google Analytics -->
3226 idir 30 
    <?php if( $prod ) : ?>
3167 idir 31 
      <?php include "analytics.html"; ?>
32 
    <?php endif; ?>
3122 delphine 33 
  </head>
34 
 
35 
  <body>
3167 idir 36 
    <div id="zone-appli" class="container">
3226 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.
50 
              <?php endif; ?>
51 
            </p>
3164 idir 52 
 
3241 idir 53 
            <form action="<?= $url_base; ?>manager?mode=<?= $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">
61 
                  <label for="projet">Projet *</label>
3346 idir 62 
                  <input type="text" name="projet" id="projet" class="form-control" pattern="[a-z][a-z\-0-9]+" <?= ( $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>
3281 delphine 67 
                  <input type="text" name="motscles" id="motscles" class="form-control" <?= ( $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 ) : ?>
75 
                      <option <?php echo ( isset( $widget['projet'] ) && $projet['projet'] === $widget['projet'] ) ? 'selected="selected"' : ''; ?> value="<?= $projet['projet']; ?>"><?= $projet['projet']; ?></option>
3167 idir 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">
83 
                      <input type="checkbox" name="est_type" id="est_type" <?php echo ( isset( $widget['est_type'] ) && $projet['est_type'] === '1' ) ? 'checked="checked"' : ''; ?>>
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' ) : ?>
91 
                    <input id="langue" name="langue" class="form-control" readonly value="<?= $widget['langue']; ?>">
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 ) : ?>
95 
                      <option value="<?= $code; ?>" <?= ( $code === 'fr' ) ? 'selected' : '';?>><?= $langue['nom']; ?></option>
3185 idir 96 
                    <?php endforeach; ?>
97 
                    </select>
3241 idir 98 
                  <?php endif; ?>
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>
107 
                  <input type="text" name="titre" id="titre" class="form-control" value="<?php echo isset( $widget['titre'] ) ? $widget['titre'] : ''; ?>">
108 
                </div>
3164 idir 109 
 
3241 idir 110 
                <div class="input-file-row row">
111 
                  <div class="input-file-container col-sm-10">
112 
                    <input type="file" class="input-file" name="info" id="info" value="<?= $widget['titre']; ?>" accept="image/*">
113 
                    <label for="info" class="label-file "><i class="fas fa-download"></i> Aide dans le titre</label>
114 
                  </div>
115 
                  <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>
116 
                  <div class="file-return info hidden"></div>
3226 idir 117 
                </div>
118 
 
3241 idir 119 
                <div class="col-sm-12 mb-3">
120 
                  <label for="description">Description</label>
121 
                  <textarea name="description" id="description" class="form-control"><?php echo isset( $widget['description'] ) ? $widget['description'] : ''; ?></textarea>
122 
                </div>
3164 idir 123 
 
3241 idir 124 
                <div class="input-file-row row">
125 
                  <div class="input-file-container col-sm-10">
3176 idir 126 
 
3241 idir 127 
                    <?php
128 
                      if( isset( $widget['logo'] ) ) :
129 
                        $logo_src = $widget['logo'];
130 
                        $logo_img =
131 
                          '<img id="pre-existent-logo" src="' . $logo_src . '"><br>Pour changer, télécharger un nouveau fichier.';
132 
                        $logo_hidden = '';
133 
                        $logo_file_name = array_reverse( explode( '/', $logo_src ) );
134 
                      else :
135 
                        $logo_src = '';
136 
                        $logo_img = '';
137 
                        $logo_hidden = ' hidden';
138 
                        $logo_file_name = [];
139 
                      endif;
140 
                    ?>
3176 idir 141 
 
3241 idir 142 
                    <input type="file" class="input-file" name="logo" id="logo"  accept="image/*" value="">
143 
                    <label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>
144 
                  </div>
145 
                  <div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier">
146 
                    <i class="fas fa-times" aria-hidden="true"></i>
147 
                  </div>
148 
                  <div class="file-return logo<?= $logo_hidden; ?>">
149 
                    <?= $logo_file_name[0]; ?>
150 
                    <?= $logo_img; ?>
151 
                  </div>
3174 idir 152 
                </div>
3164 idir 153 
 
3241 idir 154 
                <div class="input-file-row row">
155 
                  <div class="input-file-container col-sm-10">
3235 idir 156 
                    <input type="file" class="input-file" name="image_fond" id="image_fond" value="<?= $widget['titre']; ?>" accept="image/*">
157 
                    <label for="image_fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>
3241 idir 158 
                  </div>
159 
                  <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>
160 
                  <div class="file-return image_fond hidden"></div>
3174 idir 161 
                </div>
3226 idir 162 
 
3174 idir 163 
              </div><!-- end #profile-details-description-section -->
3164 idir 164 
 
3241 idir 165 
              <div class="register-section row" id="profile-details-fields-section">
3174 idir 166 
                <h2>Champs</h2>
3241 idir 167 
 
168 
                <div class="col-sm-12 mb-3">
169 
                  <label for="type_localisation">Type de localisation</label>
3262 idir 170 
                  <select  id="type_localisation" name="type_localisation" class="form-control custom-select">
3226 idir 171 
                    <option value="<?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point'; ?>"><?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point'; ?></option>
172 
                    <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 173 
                  </select>
174 
                </div>
3164 idir 175 
 
3241 idir 176 
                <div class="col-sm-12 mb-3">
177 
                  <label for="localisation">Zoom</label>
178 
                  <input type="text" name="localisation" id="localisation" class="form-control" value="<?php echo isset( $widget['localisation'] ) ? $widget['localisation'] : ''; ?>"  />
179 
                </div>
3164 idir 180 
 
3241 idir 181 
                <div class="col-sm-12 mb-3">
182 
                  <label for="milieux">Milieux</label>
3332 idir 183 
                  <p class="message">
184 
                    Liste de milieux séparés par un ";".
185 
                    <br>
3351 idir 186 
                    <i class="fas fa-pen"></i> Pour ajouter une option "autre" ajoutez le mot "autre" dans votre liste de milieux.
3332 idir 187 
                    <br>
3351 idir 188 
                    <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> ).
189 
                    <br>
3332 idir 190 
                    <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.
191 
                  </p>
3241 idir 192 
                  <input type="text" name="milieux" id="milieux" class="form-control" value="<?php echo isset( $widget['milieux'] ) ? $widget['milieux'] : ''; ?>">
193 
                </div>
3167 idir 194 
 
3241 idir 195 
                <div class="col-sm-12 mb-3">
196 
                  <label for="type_especes">Type liste espèce *</label>
3262 idir 197 
                  <select  id="type_especes" name="type_especes" required class="form-control custom-select">
3174 idir 198 
                    <option selected="selected" value="referentiel">Référentiel</option>
199 
                    <option value="liste">Liste</option>
200 
                    <option value="liste" title="remplir référentiel + envoyer csv">Liste + autres</option>
201 
                    <option value="fixe">Espèce fixée</option>
202 
                  </select>
3164 idir 203 
                </div>
3167 idir 204 
 
3241 idir 205 
                <div class="col-sm-12 mb-3">
206 
                  <label for="referentiel">Référentiel *</label>
207 
                  <input type="text" name="referentiel" id="referentiel" class="form-control" required pattern="([a-z]+?)*" title="Nom du référentiel ex. bdtfx" value="<?php echo isset( $widget['referentiel'] ) ? $widget['referentiel'] : ''; ?>">
208 
                </div>
3167 idir 209 
 
3174 idir 210 
                <!-- Bouton fichier-type à compléter -->
3241 idir 211 
                <div class="input-file-row row">
212 
                  <div class="input-file-container col-sm-10">
213 
                    <input type="file" class="input-file" name="especes" id="especes">
3255 idir 214 
                    <label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces (<span>.csv</span>)</label>
215 
                    <p class="message mt-2">
216 
                      <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
217 
                      &nbsp;Format : CSV UTF-8.<br>Séparateur : Tabulation.
218 
                    </p>
3241 idir 219 
                  </div>
220 
                  <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>
221 
                  <div class="file-return especes hidden"></div>
3174 idir 222 
                </div>
3241 idir 223 
                <div class="col-sm-12 mb-3">
3262 idir 224 
                  <a href="<?= $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 225 
                </div>
3174 idir 226 
              </div><!-- end #profile-details-fields-section -->
3171 idir 227 
 
3174 idir 228 
              <!--Submit-->
229 
              <div class="submit complete-registration" id="submit-button">
3341 idir 230 
                <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 231 
              </div>
3174 idir 232 
              <!--Submit-->
3171 idir 233 
 
3174 idir 234 
            </form><!-- end #new-widget-form -->
235 
 
236 
            <form id="new-fields" autocomplete="off">
237 
                <h2>Ajouter des champs</h2>
238 
                <p class="message">
239 
                  <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
240 
                  &nbsp;Attention :
241 
                  <br>
242 
                  <i class="fa fa-bolt" aria-hidden="true"  style="color:#B3C954"></i>
243 
                  &nbsp;Le bouton "Valider" sert à valider les champs supplémentaires uniquement
244 
                  <br>
245 
                  <i class="fas fa-trophy" aria-hidden="true"  style="color:#B3C954"></i>
246 
                  &nbsp;Le bouton "Terminer" sert à envoyer la totalité du nouveau widget
247 
                </p>
248 
            </form><!-- #new-fields = fomulaire oû viennent s'insérer les champs supplémentaires -->
249 
 
3241 idir 250 
            <div id="new-fields-buttons" class="row">
3174 idir 251 
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
252 
                <label class="add-fields">Ajouter</label>
253 
                <div class="button" id="add-fields" title="Ajouter un champ"><i class="fa fa-plus" aria-hidden="true"></i></div>
254 
              </div>
255 
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
256 
                <label for="preview-field">Prévisualiser</label>
257 
                <div class="button" id="preview-field" name="preview-field" title="prévisualiser"><i class="fa fa-magic" aria-hidden="true"></i></div>
258 
              </div>
259 
              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
260 
                <label class="validate-new-fields">Valider</label>
261 
                <div class="button" id="validate-new-fields" title="Valider les champs supplémentaires"><i class="fa fa-bolt" aria-hidden="true"></i></div>
262 
              </div>
3167 idir 263 
            </div>
264 
 
265 
          </div><!-- end .widget-blocks = tout le bloc de gauche-->
266 
 
3241 idir 267 
          <div id="right-block" class="widget-blocks">
3185 idir 268 
            <div class="widget-renderer">
3241 idir 269 
              <div id="preview-background"></div>
3167 idir 270 
 
3174 idir 271 
              <div id="preview-header" class="row">
3189 idir 272 
                  <div id="preview-logo" class="col-md-4"></div>
3167 idir 273 
                  <div id="preview-title" class="col-md-8">
274 
                    <h1></h1>
275 
                  </div>
276 
              </div>
277 
 
3174 idir 278 
              <div id="preview-messages" class="row">
3167 idir 279 
 
3241 idir 280 
                <div id="preview-description" class="col-md-6">
281 
                  <div class="">
3174 idir 282 
                    <p class="preview-description"></p>
283 
                  </div>
3226 idir 284 
 
3167 idir 285 
                </div><!-- end #preview-description -->
286 
 
3241 idir 287 
                <div id="preview-aide" class="col-md-6">
288 
                  <div class="">
3174 idir 289 
                    <h3>Aide</h3>
290 
                    <p>
291 
                      Cet outil vous permet de partager simplement vos observations avec
292 
                      le <a target="_blank" href="https://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>
293 
                      (<a target="_blank" href="https://www.tela-botanica.org/page:licence">licence CC-BY-SA</a>).
294 
                      Identifiez-vous bien pour ensuite retrouver et gérer vos données dans votre
295 
                      <a target="_blank" href="https://www.tela-botanica.org/appli:cel"> Carnet en ligne</a>.
296 
                      Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
297 
                      Elles apparaissent immédiatement sur les
298 
                      <a target="_blank" href="https://www.tela-botanica.org/site:botanique">cartes et galeries photos </a> du site.
299 
                    </p>
300 
                    <p class="discretion">
301 
                      Pour toute question ou remarque,
3226 idir 302 
                      <a href="https://www.tela-botanica.org/widget:reseau:remarques?service=cel&pageSource=<?= $url_base; ?>manager?mode=<?php echo $mode . $params; ?>" target="_blank" onclick="
303 
                          javascript:window.open(
304 
                            this.getAttribute( 'href' ),
305 
                            'Tela Botanica - Remarques',
306 
                            config = 'height=700, width=640, scrollbars=yes, resizable=yes'
307 
                          );
308 
                          return false;
3174 idir 309 
                      ">contactez-nous</a>
310 
                    </p>
311 
                  </div>
3167 idir 312 
                </div>
313 
              </div><!-- end #preview-aide -->
314 
 
315 
              <div id="preview-formulaire" class="row">
316 
 
317 
                <form id="preview-form-observateur" role="form" autocomplete="on">
318 
 
319 
                  <h2>Observateur</h2>
320 
 
3241 idir 321 
                  <div class="row">
322 
                    <div id="bouton-connexion" class="col-md-6 col-sm-8">
323 
                      <label for="bouton-connexion">Je me connecte à mon compte&nbsp;:</label>
324 
                      <div class="btn btn-success mr-1 mb-1">Connexion</div>
325 
                      <div class="btn btn-success mr-1 mb-1">Inscription</div>
3167 idir 326 
                    </div>
3241 idir 327 
                    <div id="creation-compte" class="col-md-6 col-sm-8">
328 
                      <label for="creation-compte">Je ne souhaite pas m'inscrire&nbsp;:</label>
329 
                      <div class="btn btn-info mr-1 mb-1">Observation sans inscription</div>
3167 idir 330 
                    </div>
331 
 
332 
                  </div>
333 
 
334 
                </form>
335 
 
336 
                <form id="form-observation" role="form" autocomplete="on">
337 
 
338 
                  <h2>Observation</h2>
339 
 
3185 idir 340 
                  <div id="zone-observation" class="row">
3167 idir 341 
 
3241 idir 342 
                    <div class="col-md-6 row">
343 
                      <div class="col-md-12">
344 
                        <label for="geolocalisation" id="label-geolocalisation" title="Veuillez saisir votre adresse courriel.">
345 
                          <i class="fa fa-envelope"></i> Geolocalisation
346 
                        </label>
347 
                        <div id="geolocalisation">
348 
                          <img src="<?= $url_base?>/modules/manager/squelettes/img/geoloc/geoloc.png" alt="geolocalisation" width="90%">
349 
                        </div>
350 
                      </div>
3185 idir 351 
 
3241 idir 352 
                      <div class="col-md-12">
353 
                        <label for="milieu" id="label-milieu">
354 
                          <i class="fa fa-street-view"></i> Milieu
355 
                        </label>
356 
                        <input type="text" id="milieu" name="milieu" class="form-control" placeholder="bois, champ, falaise, ...">
357 
                      </div>
3167 idir 358 
                    </div>
359 
 
3241 idir 360 
                    <div class="col-md-6 row">
361 
                      <div class="col-md-12">
362 
                        <label for="date" id="label-date" title="">
363 
                          <i class="fa fa-calendar"></i> Date de relevé
364 
                        </label>
365 
                        <div class="date">
366 
                          <input type="date" id="date" class="form-control" name="date" title="jj/mm/aaaa" required>
367 
                        </div>
3167 idir 368 
                      </div>
3185 idir 369 
 
3241 idir 370 
                      <div class="col-md-12">
371 
                        <label for="taxon" id="label-taxon" title="">
372 
                          <i class="fa fa-leaf"></i> Espèce<span></span>
373 
                        </label>
374 
                        <div class="taxon">
375 
                          <input type="text" name="taxon" id="taxon" class="form-control">
376 
                        </div>
3167 idir 377 
                      </div>
3185 idir 378 
 
3241 idir 379 
                      <div class="col-md-12">
380 
                        <label for="certitude" id="label-certitude" title="">
381 
                          <i class="fa fa-question"></i> Certitude
382 
                        </label>
3262 idir 383 
                        <select id="certitude" name="certitude" class="form-control custom-select" required>
3241 idir 384 
                          <option value="" >À déterminer</option>
385 
                          <option value="" >Douteuse</option>
386 
                          <option value="" selected="selected" >Certaine</option>
387 
                        </select>
3167 idir 388 
                      </div>
3185 idir 389 
 
3241 idir 390 
                      <div class="col-md-12">
391 
                        <label for="notes" id="label-notes" title="">
392 
                          <i class="fa fa-pen" aria-hidden="true"></i> Notes
393 
                        </label>
394 
                        <div class="notes">
395 
                            <textarea id="notes" name="notes" class="form-control" placeholder="Vous pouvez éventuellement ajouter des informations complémentaires à votre observation."></textarea>
396 
                        </div>
3167 idir 397 
                      </div>
398 
                    </div>
399 
 
400 
                  </div>
401 
 
402 
                </form>
403 
 
3185 idir 404 
                <!-- formulaire d'affichage des bouveaux champs -->
3167 idir 405 
                <form id="form-supp" role="form" autocomplete="on">
406 
                  <div id="zone-supp" class="row align-items-center">
3241 idir 407 
                    <div class="col-md-6 preview-container row"></div>
3167 idir 408 
                  </div>
409 
                </form>
410 
 
3241 idir 411 
                <!-- formulaire d'upload d'images -->
412 
                <form id="form-upload" class="" action="" method="" enctype="multipart/form-data">
413 
                  <h2>Image(s) de cette plante</h2>
414 
                  <p class="miniature-info" class="discretion help-inline">
415 
                    Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.
416 
                  </p>
417 
                  <div>
418 
                      <div class="btn btn-large btn-info mb-3">
419 
                        <span class=""><i class="fas fa-download"></i> Ajouter une image</span>
420 
                      </div>
421 
                  </div>
422 
                </form>
423 
 
3167 idir 424 
              </div><!-- end #preview-formulaire -->
425 
 
426 
            </div><!-- end #widget-renderer-->
427 
 
428 
          </div><!-- #widget-blocks = tout le bloc de droite-->
429 
 
3164 idir 430 
        </div>
3167 idir 431 
      </div>
432 
    </div>
3174 idir 433 
    <div id="help-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="help-modal-label" style="display: none;" aria-hidden="true">
434 
      <div class="modal-dialog modal-dialog-centered" role="document">
435 
        <div class="modal-content">
436 
          <div class="modal-header">
437 
            <h5 class="modal-title" id="help-modal-label"></h5>
438 
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
3241 idir 439 
              <span aria-hidden="true">&times;</span>
3174 idir 440 
            </button>
441 
          </div>
442 
          <div class="modal-body" id="print_content"></div>
443 
          <div class="modal-footer">
444 
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
445 
          </div>
446 
        </div>
447 
      </div>
448 
    </div>
3226 idir 449 
    <!-- Jquery -->
450 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/1.11.1/jquery-1.11.1.min.js"></script>
451 
 
452 
    <!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
453 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/jquery-ui.min.js"></script>
454 
    <!-- <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/jquery-ui/1.11.0/js/datepicker-fr.js"></script> -->
455 
    <!-- Jquery Plugins -->
456 
    <!-- Jquery Validate : nécessaire pour la validation des formulaires -->
457 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/jquery.validate.min.js"></script>
458 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/additional-methods.min.js"></script>
459 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/validate/1.11.1/messages_fr.js"></script>
460 
    <!-- Jquery Form :nécessaire pour l'upload des images -->
461 
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
462 
    <!-- Bootstrap -->
3241 idir 463 
    <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 464 
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
465 
    <script type="text/javascript" src="<?= $url_base; ?>modules/manager/squelettes/js/manager.js"></script>
466 
      <!-- Barre de navigation -->
467 
    <?php if ( $bar !== false ) : ?>
468 
      <script src="<?= $url_script_navigation; ?>"></script>
469 
    <?php endif; ?>
3167 idir 470 
  </body>
3164 idir 471 
</html>