Subversion Repositories eFlore/Applications.cel

Rev

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