Subversion Repositories eFlore/Applications.cel

Rev

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

Rev Author Line No. Line
3122 delphine 1
<!DOCTYPE html>
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
  <head>
3226 idir 4
    <title><?= $mode; ?> de widget de saisie du CeL</title>
3122 delphine 5
 
3226 idir 6
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
3167 idir 7
    <meta http-equiv="Content-style-type" content="text/css" />
8
    <meta http-equiv="Content-script-type" content="text/javascript" />
9
    <meta http-equiv="Content-language" content="fr" />
10
    <meta name="revisit-after" content="15 days" />
11
    <meta name="robots" content="index,follow" />
12
    <meta name="author" content="Tela Botanica" />
13
    <meta name="keywords" content="Tela Botanica, CEL" />
14
    <meta name="description" content="Gestion des widgets de saisie du carnet en ligne" />
15
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
3122 delphine 16
 
3167 idir 17
    <!-- OpenGraph pour Facebook, Pinterest, Google+ -->
18
    <meta property="og:type" content="website" />
19
    <meta property="og:title" content="Gestion des widgets de saisie du CeL" />
20
    <meta property="og:site_name" content="Tela Botanica" />
21
    <meta property="og:description" content="Gestion des widgets de saisie du Carnet en Ligne" />
22
    <meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
23
    <meta property="og:image:type" content="image/png" />
24
    <meta property="og:image:width" content="256" />
25
    <meta property="og:image:height" content="256" />
26
    <meta property="og:locale" content="fr_FR" />
3122 delphine 27
 
3167 idir 28
    <!-- Favicones -->
29
    <link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
3241 idir 30
    <!-- Jquery-ui custom css-->
3197 idir 31
    <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 32
    <!-- Bootstrap CSS -->
33
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
34
    <!-- <link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" /> -->
35
    <!-- Fontawesome -->
36
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous" />
37
    <!-- STYLE MANAGER CREATION -->
3226 idir 38
    <link rel="stylesheet" type="text/css" href="<?= $url_base; ?>modules/manager/squelettes/css/manager.css" media="screen" />
3175 idir 39
 
3167 idir 40
    <!--  Google Analytics -->
3226 idir 41
    <?php if( $prod ) : ?>
3167 idir 42
      <?php include "analytics.html"; ?>
43
    <?php endif; ?>
3122 delphine 44
  </head>
45
 
46
  <body>
3167 idir 47
    <div id="zone-appli" class="container">
3226 idir 48
      <h1 id="widget-titre" class="widget-titre"><?php echo ucfirst( $mode ); ?> de widget de saisie du CEL</h1>
3167 idir 49
      <div id="register-page">
3241 idir 50
        <div id="group-settings-form">
3164 idir 51
 
3241 idir 52
          <div id="left-block" class="widget-blocks">
3164 idir 53
 
3174 idir 54
            <p class="message">
3226 idir 55
              <?php if ( $mode === 'modification' ) : ?>
3181 idir 56
                Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changés.
3174 idir 57
                S'il s'agit d'un projet type, en modifiant ce widget vous modifiez tous les widgets de ce type.
58
              <?php else : ?>
59
                Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront
60
                obligatoires et la localisation (point ou rue) sera automatiquement déterminée.
61
              <?php endif; ?>
62
            </p>
3164 idir 63
 
3241 idir 64
            <form action="<?= $url_base; ?>manager?mode=<?= $mode.$params; ?>" id="basic-widget-form" method="post" enctype="multipart/form-data">
3164 idir 65
 
3241 idir 66
              <div class="register-section row" id="basic-details-section">
3174 idir 67
                <h2>Meta-données</h2>
3164 idir 68
 
3241 idir 69
                <div class="col-sm-12 mb-3">
70
                  <label for="projet">Projet *</label>
71
                  <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">
72
                </div>
3164 idir 73
 
3241 idir 74
                <div class="col-sm-12 mb-3">
75
                  <label for="motscles">Autres mots-clés</label>
76
                  <input type="text" name="motscles" id="motscles" class="form-control" value="" />
77
                </div>
3164 idir 78
 
3241 idir 79
                <div class="col-sm-12 mb-3">
80
                  <label for="type">Type de widget</label>
3262 idir 81
                  <select  id="type" name="type" class="form-control custom-select">
3197 idir 82
                    <option value=""> ----</option>
3226 idir 83
                    <?php foreach ( $type as $id => $projet ) : ?>
84
                      <option <?php echo ( isset( $widget['projet'] ) && $projet['projet'] === $widget['projet'] ) ? 'selected="selected"' : ''; ?> value="<?= $projet['projet']; ?>"><?= $projet['projet']; ?></option>
3167 idir 85
                    <?php endforeach; ?>
3174 idir 86
                  </select>
87
                </div>
3164 idir 88
 
89
 
3241 idir 90
                  <div class="col-sm-12 radio mb-3">
91
                    <label for="est_type" class="radio-label">
92
                      <input type="checkbox" name="est_type" id="est_type" <?php echo ( isset( $widget['est_type'] ) && $projet['est_type'] === '1' ) ? 'checked="checked"' : ''; ?>>
93
                      Ce widget est un widget type
94
                    </label>
95
                  </div>
96
 
97
                <div class="col-sm-12 mb-3">
98
                  <label for="langue">Langue</label>
99
                  <?php if ( $mode === 'modification' ) : ?>
100
                    <input id="langue" name="langue" class="form-control" readonly value="<?= $widget['langue']; ?>">
101
                  <?php else : ?>
3262 idir 102
                    <select id="langue" name="langue" class="form-control custom-select">
3226 idir 103
                    <?php foreach ( $langues as $code => $langue ) : ?>
104
                      <option value="<?= $code; ?>" <?= ( $code === 'fr' ) ? 'selected' : '';?>><?= $langue['nom']; ?></option>
3185 idir 105
                    <?php endforeach; ?>
106
                    </select>
3241 idir 107
                  <?php endif; ?>
108
                </div>
3174 idir 109
              </div><!-- end #basic-details-section -->
3164 idir 110
 
111
 
3241 idir 112
              <div class="register-section row" id="profile-details-description-section">
3174 idir 113
                <h2>Description</h2>
3241 idir 114
                <div class="col-sm-12 mb-3">
115
                  <label for="titre">Titre</label>
116
                  <input type="text" name="titre" id="titre" class="form-control" value="<?php echo isset( $widget['titre'] ) ? $widget['titre'] : ''; ?>">
117
                </div>
3164 idir 118
 
3241 idir 119
                <div class="input-file-row row">
120
                  <div class="input-file-container col-sm-10">
121
                    <input type="file" class="input-file" name="info" id="info" value="<?= $widget['titre']; ?>" accept="image/*">
122
                    <label for="info" class="label-file "><i class="fas fa-download"></i> Aide dans le titre</label>
123
                  </div>
124
                  <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>
125
                  <div class="file-return info hidden"></div>
3226 idir 126
                </div>
127
 
3241 idir 128
                <div class="col-sm-12 mb-3">
129
                  <label for="description">Description</label>
130
                  <textarea name="description" id="description" class="form-control"><?php echo isset( $widget['description'] ) ? $widget['description'] : ''; ?></textarea>
131
                </div>
3164 idir 132
 
3241 idir 133
                <div class="input-file-row row">
134
                  <div class="input-file-container col-sm-10">
3176 idir 135
 
3241 idir 136
                    <?php
137
                      if( isset( $widget['logo'] ) ) :
138
                        $logo_src = $widget['logo'];
139
                        $logo_img =
140
                          '<img id="pre-existent-logo" src="' . $logo_src . '"><br>Pour changer, télécharger un nouveau fichier.';
141
                        $logo_hidden = '';
142
                        $logo_file_name = array_reverse( explode( '/', $logo_src ) );
143
                      else :
144
                        $logo_src = '';
145
                        $logo_img = '';
146
                        $logo_hidden = ' hidden';
147
                        $logo_file_name = [];
148
                      endif;
149
                    ?>
3176 idir 150
 
3241 idir 151
                    <input type="file" class="input-file" name="logo" id="logo"  accept="image/*" value="">
152
                    <label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>
153
                  </div>
154
                  <div class="btn btn-danger btn-sm remove-file" name="remove-file" title="Supprimer le fichier">
155
                    <i class="fas fa-times" aria-hidden="true"></i>
156
                  </div>
157
                  <div class="file-return logo<?= $logo_hidden; ?>">
158
                    <?= $logo_file_name[0]; ?>
159
                    <?= $logo_img; ?>
160
                  </div>
3174 idir 161
                </div>
3164 idir 162
 
3241 idir 163
                <div class="input-file-row row">
164
                  <div class="input-file-container col-sm-10">
3235 idir 165
                    <input type="file" class="input-file" name="image_fond" id="image_fond" value="<?= $widget['titre']; ?>" accept="image/*">
166
                    <label for="image_fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>
3241 idir 167
                  </div>
168
                  <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>
169
                  <div class="file-return image_fond hidden"></div>
3174 idir 170
                </div>
3226 idir 171
 
3174 idir 172
              </div><!-- end #profile-details-description-section -->
3164 idir 173
 
3241 idir 174
              <div class="register-section row" id="profile-details-fields-section">
3174 idir 175
                <h2>Champs</h2>
3241 idir 176
 
177
                <div class="col-sm-12 mb-3">
178
                  <label for="type_localisation">Type de localisation</label>
3262 idir 179
                  <select  id="type_localisation" name="type_localisation" class="form-control custom-select">
3226 idir 180
                    <option value="<?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point'; ?>"><?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point'; ?></option>
181
                    <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 182
                  </select>
183
                </div>
3164 idir 184
 
3241 idir 185
                <div class="col-sm-12 mb-3">
186
                  <label for="localisation">Zoom</label>
187
                  <input type="text" name="localisation" id="localisation" class="form-control" value="<?php echo isset( $widget['localisation'] ) ? $widget['localisation'] : ''; ?>"  />
188
                </div>
3164 idir 189
 
3241 idir 190
                <div class="col-sm-12 mb-3">
191
                  <label for="milieux">Milieux</label>
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">
230
                <button href="#" type="submit" name="signup_submit" id="signup_submit" class="button" target="" title="Soumettre le nouveau widget"><i class="fas fa-trophy" aria-hidden="true"></i>&nbsp;Terminer</button>
3171 idir 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>