Subversion Repositories eFlore/Applications.cel

Rev

Rev 3361 | Rev 3378 | Go to most recent revision | Show entire file | Regard whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3361 Rev 3376
Line 1... Line 1...
1
<?php echo "<noscript>Activer javascript et recharger la page</noscript>";?>
1
<?php echo "<noscript>Activer javascript et recharger la page</noscript>";?>
2
<!DOCTYPE html>
2
<!DOCTYPE html>
3
<html xmlns="http://www.w3.org/1999/xhtml">
3
<html xmlns="http://www.w3.org/1999/xhtml">
4
  <head>
4
  <head>
5
    <title><?= $mode; ?> de widget de saisie du CeL</title>
5
    <title><?php echo $mode;?> de widget de saisie du CeL</title>
Line 6... Line 6...
6
 
6
 
7
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
7
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
8
    <meta http-equiv="Content-style-type" content="text/css" />
8
    <meta http-equiv="Content-style-type" content="text/css" />
9
    <meta http-equiv="Content-script-type" content="text/javascript" />
9
    <meta http-equiv="Content-script-type" content="text/javascript" />
Line 22... Line 22...
22
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
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" /> -->
23
    <!-- <link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" /> -->
24
    <!-- Fontawesome -->
24
    <!-- Fontawesome -->
25
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous" />
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 -->
26
    <!-- STYLE MANAGER CREATION -->
27
    <link rel="stylesheet" type="text/css" href="<?= $url_base; ?>modules/manager/squelettes/css/manager.css" media="screen" />
27
    <link rel="stylesheet" type="text/css" href="<?php echo $url_base;?>modules/manager/squelettes/css/manager.css" media="screen" />
Line 28... Line 28...
28
 
28
 
29
    <!--  Google Analytics -->
29
    <!--  Google Analytics -->
30
    <?php if( $prod ) : ?>
30
    <?php if ( $prod ) : ?>
31
      <?php include "analytics.html"; ?>
31
      <?php include "analytics.html";?>
Line 48... Line 48...
48
                Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront
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.
49
                obligatoires et la localisation (point ou rue) sera automatiquement déterminée.
50
              <?php endif; ?>
50
              <?php endif;?>
51
            </p>
51
            </p>
Line 52... Line 52...
52
 
52
 
Line 53... Line 53...
53
            <form action="<?= $url_base; ?>manager?mode=<?= $mode.$params; ?>" id="basic-widget-form" method="post" enctype="multipart/form-data">
53
            <form action="<?php echo $url_base;?>manager?mode=<?php echo $mode.$params;?>" id="basic-widget-form" method="post" enctype="multipart/form-data">
54
 
54
 
Line 55... Line 55...
55
              <div class="register-section row" id="basic-details-section">
55
              <div class="register-section row" id="basic-details-section">
Line 56... Line 56...
56
                <h2>Meta-données</h2>
56
                <h2>Meta-données</h2>
57
 
57
 
58
                <input type="text" name="email" id="email" placeholder="Your email" title="laisser ce champ vide" autocomplete="off" tabindex="-1" />
58
                <input type="text" name="email" id="email" placeholder="Your email" title="laisser ce champ vide" autocomplete="off" tabindex="-1" />
59
 
59
 
Line 60... Line 60...
60
                <div class="col-sm-12 mb-3">
60
                <div class="col-sm-12 mb-3">
61
                  <label for="projet">Projet *</label>
61
                  <label for="projet">Projet&nbsp;*</label>
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;.">
62
                  <input type="text" name="projet" id="projet" class="form-control" pattern="[a-z][a-z\-0-9]+" <?php echo ( $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;.">
63
                </div>
63
                </div>
Line 64... Line 64...
64
 
64
 
65
                <div class="col-sm-12 mb-3">
65
                <div class="col-sm-12 mb-3">
66
                  <label for="motscles">Autres mots-clés</label>
66
                  <label for="motscles">Autres mots-clés</label>
67
                  <input type="text" name="motscles" id="motscles" class="form-control" <?= ( $mode === 'modification' ) ? 'value="' . $widget['motscles'] . '"' : ""; ?> />
67
                  <input type="text" name="motscles" id="motscles" class="form-control" <?php echo ( $mode === 'modification' ) ? 'value="' . $widget['motscles'] . '"' : "";?> />
68
                </div>
68
                </div>
69
 
69
 
70
                <div class="col-sm-12 mb-3">
70
                <div class="col-sm-12 mb-3">
71
                  <label for="type">Type de widget</label>
71
                  <label for="type">Type de widget</label>
72
                  <select  id="type" name="type" class="form-control custom-select">
72
                  <select  id="type" name="type" class="form-control custom-select">
Line 86... Line 86...
86
                  </div>
86
                  </div>
Line 87... Line 87...
87
 
87
 
88
                <div class="col-sm-12 mb-3">
88
                <div class="col-sm-12 mb-3">
89
                  <label for="langue">Langue</label>
89
                  <label for="langue">Langue</label>
90
                  <?php if ( $mode === 'modification' ) : ?>
90
                  <?php if ( $mode === 'modification' ) : ?>
91
                    <input id="langue" name="langue" class="form-control" readonly value="<?= $widget['langue']; ?>">
91
                    <input id="langue" name="langue" class="form-control" readonly value="<?php echo $widget['langue'];?>">
92
                  <?php else : ?>
92
                  <?php else : ?>
93
                    <select id="langue" name="langue" class="form-control custom-select">
93
                    <select id="langue" name="langue" class="form-control custom-select">
94
                    <?php foreach ( $langues as $code => $langue ) : ?>
94
                    <?php foreach ( $langues as $code => $langue ) : ?>
95
                      <option value="<?= $code; ?>" <?= ( $code === 'fr' ) ? 'selected' : '';?>><?= $langue['nom']; ?></option>
95
                      <option value="<?php echo $code;?>" <?php echo ( $code === 'fr' ) ? 'selected' : '';?>><?php echo $langue['nom'];?></option>
96
                    <?php endforeach; ?>
96
                    <?php endforeach;?>
97
                    </select>
97
                    </select>
98
                  <?php endif; ?>
98
                  <?php endif;?>
99
                </div>
99
                </div>
Line 219... Line 219...
219
                <div class="col-sm-12 mb-3">
219
                <div class="col-sm-12 mb-3">
220
                  <label for="milieux">Milieux</label>
220
                  <label for="milieux">Milieux</label>
221
                  <p class="message">
221
                  <p class="message">
222
                    Liste de milieux séparés par un ";".
222
                    Liste de milieux séparés par un ";".
223
                    <br>
223
                    <br>
224
                    <i class="fas fa-pen"></i> Pour ajouter une option "autre" ajoutez le mot "autre" dans votre liste de milieux.
224
                    <i class="fas fa-pen"></i>&nbsp;Pour ajouter une option "autre" ajoutez le mot "autre" dans votre liste de milieux.
225
                    <br>
225
                    <br>
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> ).
226
                    <i class="fas fa-check-double"></i>&nbsp;Pour autoriser la sélection de plusieurs milieux ajouter "multimilieux" dans votre liste de milieux (sans fautes&nbsp;!&nbsp;<i class="far fa-smile-beam"></i>&nbsp;).
227
                    <br>
227
                    <br>
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.
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>
229
                  </p>
230
                  <input type="text" name="milieux" id="milieux" class="form-control" value="<?php echo isset( $widget['milieux'] ) ? $widget['milieux'] : ''; ?>">
230
                  <input type="text" name="milieux" id="milieux" class="form-control" value="<?php echo isset( $widget['milieux'] ) ? $widget['milieux'] : '';?>">
231
                </div>
231
                </div>
Line 232... Line 232...
232
 
232
 
233
                <div class="col-sm-12 mb-3">
233
                <div class="col-sm-12 mb-3">
234
                  <label for="type_especes">Type liste espèce *</label>
234
                  <label for="type_especes">Type liste espèce&nbsp;*</label>
235
                  <select  id="type_especes" name="type_especes" required class="form-control custom-select">
235
                  <select  id="type_especes" name="type_especes" required class="form-control custom-select">
236
                    <option selected="selected" value="referentiel">Référentiel</option>
236
                    <option selected="selected" value="referentiel">Référentiel</option>
237
                    <option value="liste">Liste</option>
237
                    <option value="liste">Liste</option>
238
                    <option value="liste" title="remplir référentiel + envoyer csv">Liste + autres</option>
238
                    <option value="liste" title="remplir référentiel + envoyer csv">Liste + autres</option>
239
                    <option value="fixe">Espèce fixée</option>
239
                    <option value="fixe">Espèce fixée</option>
240
                  </select>
240
                  </select>
Line 241... Line 241...
241
                </div>
241
                </div>
242
 
242
 
-
 
243
                <div class="col-sm-12 mb-3">
-
 
244
                  <label for="referentiel">Référentiel&nbsp;*</label>
-
 
245
                  <p class="message">
-
 
246
                    Pour une espèce fixée renseigner le num_nom après le référentiel, séparés de ":" suivant le schéma&nbsp;:
-
 
247
                    <br>
-
 
248
                    <code>référentiel:num_nom</code>
-
 
249
                    <br>
243
                <div class="col-sm-12 mb-3">
250
                    ex&nbsp;: <code>bdtfx:182</code>
244
                  <label for="referentiel">Référentiel *</label>
251
                  </p>
Line 245... Line 252...
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'] : ''; ?>">
252
                  <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>
253
                </div>
247
 
254
 
248
                <!-- Bouton fichier-type à compléter -->
255
                <!-- Bouton fichier-type à compléter -->
249
                <div class="input-file-row row">
256
                <div class="input-file-row row">
250
                  <div class="input-file-container col-sm-10">
257
                  <div class="input-file-container col-sm-10">
251
                    <input type="file" class="input-file" name="especes" id="especes">
258
                    <input type="file" class="input-file" name="especes" id="especes">
-
 
259
                    <label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces</label>
-
 
260
                    <p class="message mt-2">
252
                    <label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces (<span>.csv</span>)</label>
261
                      <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
253
                    <p class="message mt-2">
262
                      &nbsp;Format&nbsp;: CSV ou TSV UTF-8.
254
                      <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
263
                      <br>
255
                      &nbsp;Format : CSV UTF-8.<br>Séparateur : Tabulation.
264
                      Séparateur&nbsp;: Tabulation.
256
                    </p>
265
                    </p>
257
                  </div>
266
                  </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>
267
                  <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>
268
                  <div class="file-return especes hidden"></div>
260
                </div>
269
                </div>
261
                <div class="col-sm-12 mb-3">
270
                <div class="col-sm-12 mb-3">
Line 262... Line 271...
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>
271
                  <a href="<?php echo $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>
263
                </div>
272
                </div>
Line 273... Line 282...
273
 
282
 
274
            <form id="new-fields" autocomplete="off">
283
            <form id="new-fields" autocomplete="off">
275
                <h2>Ajouter des champs</h2>
284
                <h2>Ajouter des champs</h2>
276
                <p class="message">
285
                <p class="message">
277
                  <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
286
                  <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
278
                  &nbsp;Attention :
287
                  &nbsp;Attention&nbsp;:
279
                  <br>
288
                  <br>
280
                  <i class="fa fa-bolt" aria-hidden="true"  style="color:#B3C954"></i>
289
                  <i class="fa fa-bolt" aria-hidden="true"  style="color:#B3C954"></i>
281
                  &nbsp;Le bouton "Valider" sert à valider les champs supplémentaires uniquement
290
                  &nbsp;Le bouton "Valider" sert à valider les champs supplémentaires uniquement
282
                  <br>
291
                  <br>
Line 335... Line 344...
335
                      Elles apparaissent immédiatement sur les
344
                      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.
345
                      <a target="_blank" href="https://www.tela-botanica.org/site:botanique">cartes et galeries photos </a> du site.
337
                    </p>
346
                    </p>
338
                    <p class="discretion">
347
                    <p class="discretion">
339
                      Pour toute question ou remarque,
348
                      Pour toute question ou remarque,
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="
349
                      <a href="https://www.tela-botanica.org/widget:reseau:remarques?service=cel&pageSource=<?php echo $url_base;?>manager?mode=<?php echo $mode . $params;?>" target="_blank" onclick="
341
                          javascript:window.open(
350
                          javascript:window.open(
342
                            this.getAttribute( 'href' ),
351
                            this.getAttribute( 'href' ),
343
                            'Tela Botanica - Remarques',
352
                            'Tela Botanica - Remarques',
344
                            config = 'height=700, width=640, scrollbars=yes, resizable=yes'
353
                            config = 'height=700, width=640, scrollbars=yes, resizable=yes'
345
                          );
354
                          );
Line 378... Line 387...
378
                  <div id="zone-observation" class="row">
387
                  <div id="zone-observation" class="row">
Line 379... Line 388...
379
 
388
 
380
                    <div class="col-md-6 row">
389
                    <div class="col-md-6 row">
381
                      <div class="col-md-12">
390
                      <div class="col-md-12">
382
                        <label for="geolocalisation" id="label-geolocalisation" title="Veuillez saisir votre adresse courriel.">
391
                        <label for="geolocalisation" id="label-geolocalisation" title="Veuillez saisir votre adresse courriel.">
383
                          <i class="fa fa-envelope"></i> Geolocalisation
392
                          <i class="fa fa-envelope"></i>&nbsp;Geolocalisation
384
                        </label>
393
                        </label>
385
                        <div id="geolocalisation">
394
                        <div id="geolocalisation">
386
                          <img src="<?= $url_base?>/modules/manager/squelettes/img/geoloc/geoloc.png" alt="geolocalisation" width="90%">
395
                          <img src="<?php echo $url_base;?>/modules/manager/squelettes/img/geoloc/geoloc.png" alt="geolocalisation" width="90%">
387
                        </div>
396
                        </div>
Line 388... Line 397...
388
                      </div>
397
                      </div>
389
 
398
 
390
                      <div class="col-md-12">
399
                      <div class="col-md-12">
391
                        <label for="milieu" id="label-milieu">
400
                        <label for="milieu" id="label-milieu">
392
                          <i class="fa fa-street-view"></i> Milieu
401
                          <i class="fa fa-street-view"></i>&nbsp;Milieu
393
                        </label>
402
                        </label>
394
                        <input type="text" id="milieu" name="milieu" class="form-control" placeholder="bois, champ, falaise, ...">
403
                        <input type="text" id="milieu" name="milieu" class="form-control" placeholder="bois, champ, falaise, ...">
Line 395... Line 404...
395
                      </div>
404
                      </div>
396
                    </div>
405
                    </div>
397
 
406
 
398
                    <div class="col-md-6 row">
407
                    <div class="col-md-6 row">
399
                      <div class="col-md-12">
408
                      <div class="col-md-12">
400
                        <label for="date" id="label-date" title="">
409
                        <label for="date" id="label-date" title="">
401
                          <i class="fa fa-calendar"></i> Date de relevé
410
                          <i class="fa fa-calendar"></i>&nbsp;Date de relevé
402
                        </label>
411
                        </label>
403
                        <div class="date">
412
                        <div class="date">
Line 404... Line 413...
404
                          <input type="date" id="date" class="form-control" name="date" title="jj/mm/aaaa" required>
413
                          <input type="date" id="date" class="form-control" name="date" title="jj/mm/aaaa" required>
405
                        </div>
414
                        </div>
406
                      </div>
415
                      </div>
407
 
416
 
408
                      <div class="col-md-12">
417
                      <div class="col-md-12">
409
                        <label for="taxon" id="label-taxon" title="">
418
                        <label for="taxon" id="label-taxon" title="">
410
                          <i class="fa fa-leaf"></i> Espèce<span></span>
419
                          <i class="fa fa-leaf"></i>&nbsp;Espèce<span></span>
411
                        </label>
420
                        </label>
Line 412... Line 421...
412
                        <div class="taxon">
421
                        <div class="taxon">
413
                          <input type="text" name="taxon" id="taxon" class="form-control">
422
                          <input type="text" name="taxon" id="taxon" class="form-control">
414
                        </div>
423
                        </div>
415
                      </div>
424
                      </div>
416
 
425
 
417
                      <div class="col-md-12">
426
                      <div class="col-md-12">
418
                        <label for="certitude" id="label-certitude" title="">
427
                        <label for="certitude" id="label-certitude" title="">
419
                          <i class="fa fa-question"></i> Certitude
428
                          <i class="fa fa-question"></i>&nbsp;Certitude
420
                        </label>
429
                        </label>
421
                        <select id="certitude" name="certitude" class="form-control custom-select" required>
430
                        <select id="certitude" name="certitude" class="form-control custom-select" required>
Line 422... Line 431...
422
                          <option value="" >À déterminer</option>
431
                          <option value="" >À déterminer</option>
423
                          <option value="" >Douteuse</option>
432
                          <option value="" >Douteuse</option>
424
                          <option value="" selected="selected" >Certaine</option>
433
                          <option value="" selected="selected" >Certaine</option>
425
                        </select>
434
                        </select>
426
                      </div>
435
                      </div>
427
 
436
 
428
                      <div class="col-md-12">
437
                      <div class="col-md-12">
429
                        <label for="notes" id="label-notes" title="">
438
                        <label for="notes" id="label-notes" title="">
Line 452... Line 461...
452
                  <p class="miniature-info" class="discretion help-inline">
461
                  <p class="miniature-info" class="discretion help-inline">
453
                    Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.
462
                    Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.
454
                  </p>
463
                  </p>
455
                  <div>
464
                  <div>
456
                      <div class="btn btn-large btn-info mb-3">
465
                      <div class="btn btn-large btn-info mb-3">
457
                        <span class=""><i class="fas fa-download"></i> Ajouter une image</span>
466
                        <span class=""><i class="fas fa-download"></i>&nbsp;Ajouter une image</span>
458
                      </div>
467
                      </div>
459
                  </div>
468
                  </div>
460
                </form>
469
                </form>
Line 461... Line 470...
461
 
470
 
Line 498... Line 507...
498
    <!-- Jquery Form :nécessaire pour l'upload des images -->
507
    <!-- 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>
508
    <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
500
    <!-- Bootstrap -->
509
    <!-- Bootstrap -->
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>
510
    <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>
502
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
511
    <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>
512
    <script type="text/javascript" src="<?php echo $url_base;?>modules/manager/squelettes/js/manager.js"></script>
504
      <!-- Barre de navigation -->
513
      <!-- Barre de navigation -->
505
    <?php if ( $bar !== false ) : ?>
514
    <?php if ( $bar !== false ) : ?>
506
      <script src="<?= $url_script_navigation; ?>"></script>
515
      <script src="<?php echo $url_script_navigation;?>"></script>
507
    <?php endif; ?>
516
    <?php endif;?>
508
  </body>
517
  </body>
509
</html>
518
</html>