WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/manager/squelettes/creation.tpl.html

 <?php echo "<noscript>Activer javascript et recharger la page</noscript>";?>
 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-    <title><?= $mode; ?> de widget de saisie du CeL</title>
+    <title><?php echo $mode;?> de widget de saisie du CeL</title>
     <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
     <meta http-equiv="Content-style-type" content="text/css" />
     <meta http-equiv="Content-script-type" content="text/javascript" />
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
     <!-- <link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" /> -->
     <!-- Fontawesome -->
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous" />
     <!-- STYLE MANAGER CREATION -->
-    <link rel="stylesheet" type="text/css" href="<?= $url_base; ?>modules/manager/squelettes/css/manager.css" media="screen" />
+    <link rel="stylesheet" type="text/css" href="<?php echo $url_base;?>modules/manager/squelettes/css/manager.css" media="screen" />
     <!--  Google Analytics -->
-    <?php if( $prod ) : ?>
+    <?php if ( $prod ) : ?>
-      <?php include "analytics.html"; ?>
+      <?php include "analytics.html";?>
-    <?php endif; ?>
+    <?php endif;?>
   </head>
   <body>
     <div id="zone-appli" class="container">
-      <h1 id="widget-titre" class="widget-titre"><?php echo ucfirst( $mode ); ?> de widget de saisie du CEL</h1>
+      <h1 id="widget-titre" class="widget-titre"><?php echo ucfirst( $mode );?> de widget de saisie du CEL</h1>
       <div id="register-page">
                 Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changés.
                 S'il s'agit d'un projet type, en modifiant ce widget vous modifiez tous les widgets de ce type.
               <?php else : ?>
                 Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront
                 obligatoires et la localisation (point ou rue) sera automatiquement déterminée.
-              <?php endif; ?>
+              <?php endif;?>
             </p>
-            <form action="<?= $url_base; ?>manager?mode=<?= $mode.$params; ?>" id="basic-widget-form" method="post" enctype="multipart/form-data">
+            <form action="<?php echo $url_base;?>manager?mode=<?php echo $mode.$params;?>" id="basic-widget-form" method="post" enctype="multipart/form-data">
               <div class="register-section row" id="basic-details-section">
                 <h2>Meta-données</h2>
                 <input type="text" name="email" id="email" placeholder="Your email" title="laisser ce champ vide" autocomplete="off" tabindex="-1" />
                 <div class="col-sm-12 mb-3">
-                  <label for="projet">Projet *</label>
+                  <label for="projet">Projet&nbsp;*</label>
-                  <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;.">
+                  <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;.">
                 </div>
                 <div class="col-sm-12 mb-3">
                   <label for="motscles">Autres mots-clés</label>
-                  <input type="text" name="motscles" id="motscles" class="form-control" <?= ( $mode === 'modification' ) ? 'value="' . $widget['motscles'] . '"' : ""; ?> />
+                  <input type="text" name="motscles" id="motscles" class="form-control" <?php echo ( $mode === 'modification' ) ? 'value="' . $widget['motscles'] . '"' : "";?> />
                 </div>
                 <div class="col-sm-12 mb-3">
                   <label for="type">Type de widget</label>
                   <select  id="type" name="type" class="form-control custom-select">
                     <option value=""> ----</option>
                     <?php foreach ( $type as $id => $projet ) : ?>
-                      <option <?php echo ( isset( $widget['projet'] ) && $projet['projet'] === $widget['projet'] ) ? 'selected="selected"' : ''; ?> value="<?= $projet['projet']; ?>"><?= $projet['projet']; ?></option>
+                      <option <?php echo ( isset( $widget['projet'] ) && $projet['projet'] === $widget['projet'] ) ? 'selected="selected"' : '';?> value="<?php echo $projet['projet'];?>"><?php echo $projet['projet'];?></option>
-                    <?php endforeach; ?>
+                    <?php endforeach;?>
                   </select>
                 </div>
                   <div class="col-sm-12 radio mb-3">
                     <label for="est_type" class="radio-label">
-                      <input type="checkbox" name="est_type" id="est_type" <?php echo ( isset( $widget['est_type'] ) && $projet['est_type'] === '1' ) ? 'checked="checked"' : ''; ?>>
+                      <input type="checkbox" name="est_type" id="est_type" <?php echo ( isset( $widget['est_type'] ) && $projet['est_type'] === '1' ) ? 'checked="checked"' : '';?>>
                       Ce widget est un widget type
                     </label>
                   </div>
                 <div class="col-sm-12 mb-3">
                   <label for="langue">Langue</label>
                   <?php if ( $mode === 'modification' ) : ?>
-                    <input id="langue" name="langue" class="form-control" readonly value="<?= $widget['langue']; ?>">
+                    <input id="langue" name="langue" class="form-control" readonly value="<?php echo $widget['langue'];?>">
                   <?php else : ?>
                     <select id="langue" name="langue" class="form-control custom-select">
                     <?php foreach ( $langues as $code => $langue ) : ?>
-                      <option value="<?= $code; ?>" <?= ( $code === 'fr' ) ? 'selected' : '';?>><?= $langue['nom']; ?></option>
+                      <option value="<?php echo $code;?>" <?php echo ( $code === 'fr' ) ? 'selected' : '';?>><?php echo $langue['nom'];?></option>
-                    <?php endforeach; ?>
+                    <?php endforeach;?>
                     </select>
-                  <?php endif; ?>
+                  <?php endif;?>
                 </div>
                     <input type="file" class="input-file" name="info" id="info" accept="image/*">
                     <label for="info" class="label-file "><i class="fas fa-download"></i> Aide dans le titre</label>
                   </div>
                   <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>
-                  <div class="file-return info <?php echo $info_hidden; ?>">
+                  <div class="file-return info <?php echo $info_hidden;?>">
-                    <?php echo $info_file_name; ?>
+                    <?php echo $info_file_name;?>
-                    <?php echo $info_img; ?>
+                    <?php echo $info_img;?>
                   </div>
                 </div>
                 <div class="col-sm-12 mb-3">
                   <label for="description">Description</label>
-                  <textarea name="description" id="description" class="form-control"><?php echo isset( $widget['description'] ) ? htmlspecialchars( $widget['description'] ) : ''; ?></textarea>
+                  <textarea name="description" id="description" class="form-control"><?php echo isset( $widget['description'] ) ? htmlspecialchars( $widget['description'] ) : '';?></textarea>
                 </div>
                     <label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>
                   </div>
                   <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>
-                  <div class="file-return logo<?php echo $logo_hidden; ?>">
+                  <div class="file-return logo<?php echo $logo_hidden;?>">
-                    <?php echo $logo_file_name; ?>
+                    <?php echo $logo_file_name;?>
-                    <?php echo $logo_img; ?>
+                    <?php echo $logo_img;?>
                   </div>
                 </div>
                 <div class="input-file-row row">
                     <input type="file" class="input-file" name="image_fond" id="image_fond" accept="image/*">
                     <label for="image_fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>
                   </div>
                   <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>
-                  <div class="file-return image_fond <?php echo $image_fond_hidden; ?>">
+                  <div class="file-return image_fond <?php echo $image_fond_hidden;?>">
-                    <?php echo $image_fond_file_name; ?>
+                    <?php echo $image_fond_file_name;?>
-                    <?php echo $image_fond_img; ?>
+                    <?php echo $image_fond_img;?>
                   </div>
                 </div>
                 <h2>Champs</h2>
                 <div class="col-sm-12 mb-3">
                   <label for="type_localisation">Type de localisation</label>
                   <select  id="type_localisation" name="type_localisation" class="form-control custom-select">
-                    <option value="<?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point'; ?>"><?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point'; ?></option>
+                    <option value="<?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point';?>"><?php echo ( isset( $widget['type_localisation'] ) ) ? $widget['type_localisation'] : 'point';?></option>
-                    <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>
+                    <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>
                   </select>
                 </div>
                 <div class="col-sm-12 mb-3">
                   <label for="localisation">Zoom</label>
-                  <input type="text" name="localisation" id="localisation" class="form-control" value="<?php echo isset( $widget['localisation'] ) ? htmlspecialchars($widget['localisation'] ) : ''; ?>"  />
+                  <input type="text" name="localisation" id="localisation" class="form-control" value="<?php echo isset( $widget['localisation'] ) ? htmlspecialchars($widget['localisation'] ) : '';?>"  />
                 </div>
                 <div class="col-sm-12 mb-3">
                   <label for="milieux">Milieux</label>
                   <p class="message">
                     Liste de milieux séparés par un ";".
                     <br>
-                    <i class="fas fa-pen"></i> Pour ajouter une option "autre" ajoutez le mot "autre" dans votre liste de milieux.
+                    <i class="fas fa-pen"></i>&nbsp;Pour ajouter une option "autre" ajoutez le mot "autre" dans votre liste de milieux.
                     <br>
-                    <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> ).
+                    <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;).
                     <br>
                     <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.
                   </p>
-                  <input type="text" name="milieux" id="milieux" class="form-control" value="<?php echo isset( $widget['milieux'] ) ? $widget['milieux'] : ''; ?>">
+                  <input type="text" name="milieux" id="milieux" class="form-control" value="<?php echo isset( $widget['milieux'] ) ? $widget['milieux'] : '';?>">
                 </div>
                 <div class="col-sm-12 mb-3">
-                  <label for="type_especes">Type liste espèce *</label>
+                  <label for="type_especes">Type liste espèce&nbsp;*</label>
                   <select  id="type_especes" name="type_especes" required class="form-control custom-select">
                     <option selected="selected" value="referentiel">Référentiel</option>
                     <option value="liste">Liste</option>
                     <option value="liste" title="remplir référentiel + envoyer csv">Liste + autres</option>
                     <option value="fixe">Espèce fixée</option>
+                  </select>
+                </div>
+                <div class="col-sm-12 mb-3">
+                  <label for="referentiel">Référentiel&nbsp;*</label>
+                  <p class="message">
+                    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;:
-                  </select>
+                    <br>
-                </div>
+                    <code>référentiel:num_nom</code>
                     <br>
-                <div class="col-sm-12 mb-3">
+                    ex&nbsp;: <code>bdtfx:182</code>
-                  <label for="referentiel">Référentiel *</label>
+                  </p>
-                  <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'] : ''; ?>">
+                  <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'] : '';?>">
                 </div>
                 <!-- Bouton fichier-type à compléter -->
+                <div class="input-file-row row">
+                  <div class="input-file-container col-sm-10">
-                <div class="input-file-row row">
+                    <input type="file" class="input-file" name="especes" id="especes">
-                  <div class="input-file-container col-sm-10">
+                    <label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces</label>
-                    <input type="file" class="input-file" name="especes" id="especes">
+                    <p class="message mt-2">
-                    <label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces (<span>.csv</span>)</label>
+                      <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
-                    <p class="message mt-2">
+                      &nbsp;Format&nbsp;: CSV ou TSV UTF-8.
-                      <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
+                      <br>
-                      &nbsp;Format : CSV UTF-8.<br>Séparateur : Tabulation.
+                      Séparateur&nbsp;: Tabulation.
                     </p>
                   </div>
                   <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>
                   <div class="file-return especes hidden"></div>
                 </div>
             <form id="new-fields" autocomplete="off">
                 <h2>Ajouter des champs</h2>
                 <p class="message">
                   <i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
-                  &nbsp;Attention :
+                  &nbsp;Attention&nbsp;:
                   <br>
                   <i class="fa fa-bolt" aria-hidden="true"  style="color:#B3C954"></i>
                   &nbsp;Le bouton "Valider" sert à valider les champs supplémentaires uniquement
                   <br>
                       Elles apparaissent immédiatement sur les
                       <a target="_blank" href="https://www.tela-botanica.org/site:botanique">cartes et galeries photos </a> du site.
                     </p>
                     <p class="discretion">
                       Pour toute question ou remarque,
-                      <a href="https://www.tela-botanica.org/widget:reseau:remarques?service=cel&pageSource=<?= $url_base; ?>manager?mode=<?php echo $mode . $params; ?>" target="_blank" onclick="
+                      <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="
                           javascript:window.open(
                             this.getAttribute( 'href' ),
                             'Tela Botanica - Remarques',
                             config = 'height=700, width=640, scrollbars=yes, resizable=yes'
                           );
                   <div id="zone-observation" class="row">
                     <div class="col-md-6 row">
                       <div class="col-md-12">
                         <label for="geolocalisation" id="label-geolocalisation" title="Veuillez saisir votre adresse courriel.">
-                          <i class="fa fa-envelope"></i> Geolocalisation
+                          <i class="fa fa-envelope"></i>&nbsp;Geolocalisation
                         </label>
                         <div id="geolocalisation">
-                          <img src="<?= $url_base?>/modules/manager/squelettes/img/geoloc/geoloc.png" alt="geolocalisation" width="90%">
+                          <img src="<?php echo $url_base;?>/modules/manager/squelettes/img/geoloc/geoloc.png" alt="geolocalisation" width="90%">
                         </div>
                       </div>
                       <div class="col-md-12">
                         <label for="milieu" id="label-milieu">
-                          <i class="fa fa-street-view"></i> Milieu
+                          <i class="fa fa-street-view"></i>&nbsp;Milieu
                         </label>
                         <input type="text" id="milieu" name="milieu" class="form-control" placeholder="bois, champ, falaise, ...">
                       </div>
                     </div>
                     <div class="col-md-6 row">
                       <div class="col-md-12">
                         <label for="date" id="label-date" title="">
-                          <i class="fa fa-calendar"></i> Date de relevé
+                          <i class="fa fa-calendar"></i>&nbsp;Date de relevé
                         </label>
                         <div class="date">
                           <input type="date" id="date" class="form-control" name="date" title="jj/mm/aaaa" required>
                         </div>
                       </div>
                       <div class="col-md-12">
                         <label for="taxon" id="label-taxon" title="">
-                          <i class="fa fa-leaf"></i> Espèce<span></span>
+                          <i class="fa fa-leaf"></i>&nbsp;Espèce<span></span>
                         </label>
                         <div class="taxon">
                           <input type="text" name="taxon" id="taxon" class="form-control">
                         </div>
                       </div>
                       <div class="col-md-12">
                         <label for="certitude" id="label-certitude" title="">
-                          <i class="fa fa-question"></i> Certitude
+                          <i class="fa fa-question"></i>&nbsp;Certitude
                         </label>
                         <select id="certitude" name="certitude" class="form-control custom-select" required>
                           <option value="" >À déterminer</option>
                           <option value="" >Douteuse</option>
                           <option value="" selected="selected" >Certaine</option>
                         </select>
                       </div>
                       <div class="col-md-12">
                         <label for="notes" id="label-notes" title="">
                   <p class="miniature-info" class="discretion help-inline">
                     Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.
                   </p>
                   <div>
                       <div class="btn btn-large btn-info mb-3">
-                        <span class=""><i class="fas fa-download"></i> Ajouter une image</span>
+                        <span class=""><i class="fas fa-download"></i>&nbsp;Ajouter une image</span>
                       </div>
                   </div>
                 </form>
     <!-- Jquery Form :nécessaire pour l'upload des images -->
     <script type="text/javascript" src="https://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
     <!-- Bootstrap -->
     <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>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
-    <script type="text/javascript" src="<?= $url_base; ?>modules/manager/squelettes/js/manager.js"></script>
+    <script type="text/javascript" src="<?php echo $url_base;?>modules/manager/squelettes/js/manager.js"></script>
       <!-- Barre de navigation -->
     <?php if ( $bar !== false ) : ?>
-      <script src="<?= $url_script_navigation; ?>"></script>
+      <script src="<?php echo $url_script_navigation;?>"></script>
-    <?php endif; ?>
+    <?php endif;?>
   </body>
 </html>

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/manager/squelettes/creation.tpl.html – Rev 3361 → 3376