Subversion Repositories eFlore/Applications.cel

Rev

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