Subversion Repositories eFlore/Applications.cel

Rev

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