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

 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <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" />
     <meta http-equiv="Content-language" content="fr" />
     <meta name="revisit-after" content="15 days" />
     <meta name="robots" content="index,follow" />
     <meta name="author" content="Tela Botanica" />
     <meta name="keywords" content="Tela Botanica, CEL" />
     <meta name="description" content="Gestion des widgets de saisie du carnet en ligne" />
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
     <!-- OpenGraph pour Facebook, Pinterest, Google+ -->
     <meta property="og:type" content="website" />
     <meta property="og:title" content="Gestion des widgets de saisie du CeL" />
     <meta property="og:site_name" content="Tela Botanica" />
     <meta property="og:description" content="Gestion des widgets de saisie du Carnet en Ligne" />
     <meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
     <meta property="og:image:type" content="image/png" />
     <meta property="og:image:width" content="256" />
     <meta property="og:image:height" content="256" />
     <meta property="og:locale" content="fr_FR" />
     <!-- Favicones -->
     <link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
         <!-- Jquery -->
         <!-- <script type="text/javascript" src="http://localhost/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
         <script type="text/javascript" src="http://localhost/commun/jquery/jquery-ui/1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script>
         <script type="text/javascript" src="http://localhost/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>
         <script type="text/javascript" src="http://localhost/commun/jquery/validate/1.9.0/jquery.validate.js"></script>
         <script type="text/javascript" src="http://localhost/commun/jquery/validate/1.9.0/messages_fr.js"></script>
         <script type="text/javascript" src="http://localhost/commun/jquery/form/2.95/jquery.form.min.js"></script>
         <script type="text/javascript" src="http://localhost/commun/bootstrap/3.1.0/js/bootstrap.min.js"></script> -->
         	<!-- Jquery -->
 		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
 		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script>
 		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>
 		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/jquery.validate.js"></script>
 		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
 		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
 		<script src="https://resources.tela-botanica.org/bootstrap/3.1.0/js/bootstrap.min.js"></script>
-        <!-- Barre de navigation -->
-        <?php if ($bar !== false): ?>
-                <script src="<?php echo $url_script_navigation; ?>"></script>
-        <?php endif; ?>
         <!-- CSS -->
 		<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" />
 		<link href="https://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />
 		<link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
 		<link rel="stylesheet" type="text/css" href="<?php echo $url_base; ?>modules/manager/squelettes/css/manager.css" media="screen" />
 	 <!-- <link rel="stylesheet" type="text/css" href="http://localhost/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" media="screen" />
         <link rel="stylesheet" type="text/css" href="http://localhost/commun/bootstrap/3.1.0/css/bootstrap.min.css" />-->
         <link rel="stylesheet" type="text/css" id="telabotanica-style-css" href="https://www.tela-botanica.org/wp-content/themes/telabotanica/dist/bundle.css?ver=4.9.7" media="all">
         <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
     <!--  Google Analytics -->
     <?php if($prod): ?>
       <?php include "analytics.html"; ?>
     <?php endif; ?>
   </head>
   <body>
     <div id="zone-appli" class="container">
     <?php if ($bar !== false): ?>
       <div id="tb-navigation" data-courant="widget-cel-export" data-squelette="bootstrap3" data-mode="prod"></div>
       <br/>
     <?php endif; ?>
       <h1 id="widget-titre" class="widget-titre"><?php echo ucfirst($mode); ?> de widget de saisie du CEL</h1>
       <div id="register-page">
-        <div class="row">
+        <div id="group-settings-form" class="row">
           <div class="widget-blocks col-md-4">
-            <div  id="group-settings-form">
-              <form action="http://localhost/cel/widget/manager?mode=<?php echo $mode; ?>" id="new-widget-form" class="standard-form component component-text" method="post" enctype="multipart/form-data">
-                <div class="register-section" id="basic-details-section">
-                  <h2>Meta-données</h2>
+            <p class="message">
-                  <?php //var_dump($widget); ?>
-                  <label for="projet">Projet *</label>
-                  <input type="text" name="projet" id="projet" pattern="[a-z]*" <?php echo ($mode === 'modification') ? 'value="'.$widget['projet'].'" readonly' : 'required'; ?> title="Champ obligatoire : pas d'espace" />
+              <?php if ($mode === 'modification') : ?>
-                  <label for="motscles">Autres mots-clés</label>
+                Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changer.
-                  <input type="text" name="motscles" id="motscles" value="" />
-                  <label for="type">Type de widget</label>
+                S'il s'agit d'un projet type, en modifiant ce widget vous modifiez tous les widgets de ce type.
-                  <div class="select-wrapper">
-                    <select  id="type" name="type" >
+              <?php else : ?>
-                      <?php foreach ($type as $id => $projet) : ?>
-                        <option <?php echo (isset($widget['projet']) && $projet['projet']== $widget['projet']) ? 'selected="selected"' : ''; ?> value="<?php echo $projet['projet']; ?>"><?php echo $projet['projet']; ?></option>
-                      <?php endforeach; ?>
+                Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront
-                      <option value=""> ----</option>
+                obligatoires et la localisation (point ou rue) sera automatiquement déterminée.
-                    </select>
+              <?php endif; ?>
-                  </div>
+            </p>
-                  <label for="est_type">Ce widget est un widget type</label>
-                  <input type="checkbox" name="est_type" id="est_type" <?php echo (isset($widget['est_type']) && $projet['est_type']=== '1') ? 'checked="checked"' : ''; ?>>
-                  <label for="langue">Langue</label>
-                  <?php if ($mode === 'modification') : ?>
-                    <input id="langue" name="langue" readonly value="<?php echo $widget['langue']; ?>">
-                  <?php else : ?>
-                    <input id="langue" name="langue" list="langues">
-                    <datalist id="langues" >
-                    <?php foreach ($langues as $code => $langue) : ?>
-                      <option value="<?php echo $code; ?>"><?php echo $langue['nom']; ?></option>
-                    <?php endforeach; ?>
-                    </datalist>
-                  <?php endif; ?>
-                </div><!-- end #basic-details-section -->
+            <form action="http://localhost/cel/widget/manager?mode=<?php echo $mode; ?>" id="basic-widget-form" class="standard-form component component-text" method="post" enctype="multipart/form-data">
-                <div class="register-section" id="profile-details-description-section">
-                  <h2>Description</h2>
-                  <label for="titre">Titre</label>
-                  <input type="text" name="titre" id="titre" value="<?php echo isset($widget['titre']) ? $widget['titre'] : ''; ?>">
-                  <label for="description">Description</label>
-                  <textarea name="description" id="description"><?php echo isset($widget['description']) ? $widget['description'] : ''; ?></textarea>
-                  <div class="input-file-container">
-                      <input type="file" class="input-file" name="logo" id="logo"  accept="image">
+              <div class="register-section" id="basic-details-section">
+                <h2>Meta-données</h2>
+                <?php //var_dump($widget); ?>
+                <label for="projet">Projet *</label>
+                <input type="text" name="projet" id="projet" pattern="[a-z]*" <?php echo ($mode === 'modification') ? 'value="'.$widget['projet'].'" readonly' : 'required'; ?> title="Champ obligatoire : pas d'espace" />
+                <label for="motscles">Autres mots-clés</label>
+                <input type="text" name="motscles" id="motscles" value="" />
-                      <label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>
+                <label for="type">Type de widget</label>
+                <div class="select-wrapper">
+                  <select  id="type" name="type" >
+                    <?php foreach ($type as $id => $projet) : ?>
+                      <option <?php echo (isset($widget['projet']) && $projet['projet']== $widget['projet']) ? 'selected="selected"' : ''; ?> value="<?php echo $projet['projet']; ?>"><?php echo $projet['projet']; ?></option>
-                  </div>
+                    <?php endforeach; ?>
-                  <div class="file-return logo"></div>
+                    <option value=""> ----</option>
-                  <?php echo isset($widget['logo']) ? '<img src="'.$widget['logo'].'"><br />Pour changer, télécharger un nouveau fichier.': ''; ?>
-                  <div class="input-file-container">
+                  </select>
+                </div>
-                      <input type="file" class="input-file" name="fond" id="fond" value="<?php echo $widget['titre']; ?>">
-                      <label for="fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>
+                <label for="est_type">Ce widget est un widget type</label>
-                  </div>
+                <input type="checkbox" name="est_type" id="est_type" <?php echo (isset($widget['est_type']) && $projet['est_type']=== '1') ? 'checked="checked"' : ''; ?>>
-                  <div class="file-return fond"></div>
-                </div><!-- end #profile-details-description-section -->
+                <label for="langue">Langue</label>
+                <?php if ($mode === 'modification') : ?>
-                <div class="register-section" id="profile-details-fields-section">
+                  <input id="langue" name="langue" readonly value="<?php echo $widget['langue']; ?>">
-                  <h2>Champs</h2>
+                <?php else : ?>
+                  <input id="langue" name="langue" list="langues">
+                  <datalist id="langues" >
+                  <?php foreach ($langues as $code => $langue) : ?>
+                    <option value="<?php echo $code; ?>"><?php echo $langue['nom']; ?></option>
+                  <?php endforeach; ?>
+                  </datalist>
+                <?php endif; ?>
+              </div><!-- end #basic-details-section -->
+              <div class="register-section" id="profile-details-description-section">
+                <h2>Description</h2>
+                <label for="titre">Titre</label>
+                <input type="text" name="titre" id="titre" value="<?php echo isset($widget['titre']) ? $widget['titre'] : ''; ?>">
-                  <label for="type_localisation">Type de localisation</label>
+                <label for="description">Description</label>
+                <textarea name="description" id="description"><?php echo isset($widget['description']) ? $widget['description'] : ''; ?></textarea>
-                  <div class="select-wrapper">
-                    <select  id="type_localisation" name="type_localisation" >
+                <div class="input-file-container">
+                    <input type="file" class="input-file" name="logo" id="logo"  accept="image">
+                    <label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>
+                </div>
+                <div class="remove-file button" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
+                <div class="file-return logo hidden"></div>
+                <?php echo isset($widget['logo']) ? '<img src="'.$widget['logo'].'"><br />Pour changer, télécharger un nouveau fichier.': ''; ?>
+                <div class="input-file-container">
+                    <input type="file" class="input-file" name="fond" id="fond" value="<?php echo $widget['titre']; ?>">
-                      <option value="<?php echo (isset($widget['type_localisation'])) ? $widget['type_localisation'] : 'point'; ?>"><?php echo (isset($widget['type_localisation'])) ? $widget['type_localisation'] : 'point'; ?></option>
+                    <label for="fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>
+                </div>
+                <div class="remove-file button" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
+                <div class="file-return fond hidden"></div>
-                      <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>
+              </div><!-- end #profile-details-description-section -->
+              <div class="register-section" id="profile-details-fields-section">
-                    </select>
+                <h2>Champs</h2>
-                  </div>
-                  <label for="localisation">Zoom</label>
-                  <input type="text" name="localisation" id="localisation" value="<?php echo isset($widget['localisation']) ? $widget['localisation'] : ''; ?>"  />
+                <label for="type_localisation">Type de localisation</label>
-                  <label for="milieux">Milieux</label>
-                  <input type="text" name="milieux" id="milieux" value="<?php echo isset($widget['milieux']) ? $widget['milieux'] : ''; ?>">
-                  <label for="type_especes">Type liste espèce *</label>
+                <div class="select-wrapper">
-                  <div class="select-wrapper">
+                  <select  id="type_localisation" name="type_localisation" >
-                    <select  id="type_especes" name="type_especes" required>
-                      <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>
+                    <option value="<?php echo (isset($widget['type_localisation'])) ? $widget['type_localisation'] : 'point'; ?>"><?php echo (isset($widget['type_localisation'])) ? $widget['type_localisation'] : 'point'; ?></option>
-                  </div>
+                    <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>
-                  <label for="referentiel">Référentiel *</label>
+                <label for="localisation">Zoom</label>
+                <input type="text" name="localisation" id="localisation" value="<?php echo isset($widget['localisation']) ? $widget['localisation'] : ''; ?>"  />
-                  <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'] : ''; ?>">
+                <label for="milieux">Milieux</label>
-                  <div class="input-file-container">
-                    <input type="file" class="input-file" name="especes" id="especes">
+                <input type="text" name="milieux" id="milieux" value="<?php echo isset($widget['milieux']) ? $widget['milieux'] : ''; ?>">
-                    <label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces</label> fichier type
-                  </div>
+                <label for="type_especes">Type liste espèce *</label>
-                  <div class="file-return especes"></div>
-                </div><!-- end #profile-details-fields-section -->
-                <!--Submit-->
-                <div class="submit complete-registration" id="submit-button">
+                <div class="select-wrapper">
-                  <button href="#" type="submit" name="signup_submit" id="signup_submit"  class="button" target="" title=""><span class="button-text">Terminer </span></button>
+                  <select  id="type_especes" name="type_especes" required>
-                </div>
-                <!--Submit-->
-              </form><!-- end #new-widget-form -->
+                    <option selected="selected" value="referentiel">Référentiel</option>
-              <form id="new-fields">
+                    <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>
+                <label for="referentiel">Référentiel *</label>
+                <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'] : ''; ?>">
-                  <h2>Ajouter des champs</h2>
+                <!-- Bouton fichier-type à compléter -->
+                <div class="input-file-container">
+                  <input type="file" class="input-file" name="especes" id="especes">
+                  <label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces</label>
+                </div>
+                <div class="remove-file button" name="remove-file" title="Supprimer le fichier"><i class="fas fa-times" aria-hidden="true"></i></div>
+                <a href="#" class="button fichier-type"><i class="fas fa-file-alt" aria-hidden="true"></i> Fichier type</a>
+                <div class="file-return especes hidden"></div>
+              </div><!-- end #profile-details-fields-section -->
+              <!--Submit-->
+              <div class="submit complete-registration" id="submit-button">
+                <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>
+              </div>
+              <!--Submit-->
-                  <p class="message"><i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i> Attention : Ces nouveaux champs (tout comme le widget) ne seront pris en compte qu'une fois le formulaire validé</p>
+            </form><!-- end #new-widget-form -->
+            <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 :
+                  <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>
+                  <i class="fas fa-trophy" aria-hidden="true"  style="color:#B3C954"></i>
+                  &nbsp;Le bouton "Terminer" sert à envoyer la totalité du nouveau widget
+                </p>
+            </form><!-- #new-fields = fomulaire oû viennent s'insérer les champs supplémentaires -->
               </form><!-- #new-fields = fomulaire oû viennent s'insérer les champs supplémentaires -->
+            <div class="row">
+              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
                 <label class="add-fields">Ajouter</label>
-              <div class="row">
+                <div class="button" id="add-fields" title="Ajouter un champ"><i class="fa fa-plus" aria-hidden="true"></i></div>
-                <div class="col-md-6">
-                  <label class="add-fields">Ajouter champs</label>
-                  <div class="button" id="add-fields" title="Ajouter un champ"><i class="fa fa-plus" aria-hidden="true"></i></div>
-                </div>
-                <div class="col-md-6">
-                  <label class="validate-new-fields">Valider champs</label>
-                  <div class="button disabled" id="validate-new-fields" title="Valider les champs supplémentaires"><i class="fa fa-check" aria-hidden="true"></i></div>
-                </div>
-              </div>
               </div>
-              <hr>
+              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
-            </div>
+                <label for="preview-field">Prévisualiser</label>
-          </div><!-- end .widget-blocks = tout le bloc de gauche-->
+                <div class="button" id="preview-field" name="preview-field" title="prévisualiser"><i class="fa fa-magic" aria-hidden="true"></i></div>
+              </div>
+              <div class="col-md-4 col-sm-4 col-xs-4 buttons">
-          <div class="widget-blocks col-md-8 project">
+                <label class="validate-new-fields">Valider</label>
-            <p class="message">
+                <div class="button" id="validate-new-fields" title="Valider les champs supplémentaires"><i class="fa fa-bolt" aria-hidden="true"></i></div>
-              <?php if ($mode === 'modification') : ?>
+              </div>
-                Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changer.
+            </div>
                 S'il s'agit d'un projet type, en modifiant ce widget vous modifiez tous les widgets de ce type.
-              <?php else : ?>
+            <hr>
                 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.
+          </div><!-- end .widget-blocks = tout le bloc de gauche-->
               <?php endif; ?>
-            </p>
+          <div class="widget-blocks col-md-8">
 <!-- <iframe src="http://localhost/widget:cel:saisie2?projet=<?php echo isset($widget['projet'])?$widget['projet']:'base'; ?>" class="widget-renderer" height="100%" width="100%" ></iframe> -->
-            <div class="widget-renderer">
+            <div class="widget-renderer" style="background:rgba(248, 245, 239, 0.6);">
-              <div class="row">
+              <div id="preview-header" class="row">
                   <div id="preview-logo" class="col-md-4">
-                <div class="col-md-4">
+                    <img src="" alt="" width="75%">
-                  <img id="preview-logo" src="" alt="">
+                  </div>
                   <div id="preview-title" class="col-md-8">
                     <h1></h1>
                   </div>
-                </div>
               </div>
-              <div class="row">
+              <div id="preview-messages" class="row">
+                <div id="preview-description" class="col-md-7">
+                  <div class="message">
+                    <h3>
+                      <span>Projet : </span>
+                      <span class="projet-description"></span>
+                    </h3>
-                <div id="preview-description" class="col-md-6">
+                    <p class="preview-description"></p>
-                  <div class="preview-description message"></div>
+                  </div>
+                </div><!-- end #preview-description -->
-                </div><!-- end #preview-description -->
+                <div id="preview-aide" class="col-md-5">
-                <div id="preview-aide" class="message col-md-6">
+                  <div class="message">
-                  <h3>Aide</h3>
+                    <h3>Aide</h3>
-                  <p>
+                    <p>
-                    Cet outil vous permet de partager simplement vos observations avec
+                      Cet outil vous permet de partager simplement vos observations avec
-                    le <a target="_blank" href="https://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>
+                      le <a target="_blank" href="https://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>
-                    (<a target="_blank" href="https://www.tela-botanica.org/page:licence">licence CC-BY-SA</a>).
+                      (<a target="_blank" href="https://www.tela-botanica.org/page:licence">licence CC-BY-SA</a>).
-                    Identifiez-vous bien pour ensuite retrouver et gérer vos données dans votre
+                      Identifiez-vous bien pour ensuite retrouver et gérer vos données dans votre
-                    <a target="_blank" href="https://www.tela-botanica.org/appli:cel"> Carnet en ligne</a>.
+                      <a target="_blank" href="https://www.tela-botanica.org/appli:cel"> Carnet en ligne</a>.
-                    Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
+                      Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
-                    Elles apparaissent immédiatement sur les
+                      Elles apparaissent immédiatement sur les
-                    <a target="_blank" href="https://www.tela-botanica.org/site:botanique">cartes et galeries photos </a> du site.
+                      <a target="_blank" href="https://www.tela-botanica.org/site:botanique">cartes et galeries photos </a> du site.
-                  </p>
+                    </p>
-                  <p class="discretion">
+                    <p class="discretion">
-                    Pour toute question ou remarque,
+                      Pour toute question ou remarque,
-                    <a href="https://www.tela-botanica.org/widget:reseau:remarques?service=cel&pageSource=http%3A%2F%2Flocalhost%2Fcel%2Fwidget%2Findex.php%2F%3Fprojet%3Dbase" target="_blank" onclick=
+                      <a href="https://www.tela-botanica.org/widget:reseau:remarques?service=cel&pageSource=http%3A%2F%2Flocalhost%2Fcel%2Fwidget%2Findex.php%2F%3Fprojet%3Dbase" target="_blank" onclick=
-                    "
+                      "
-                      javascript:window.open(
+                        javascript:window.open(
-                        this.getAttribute('href'),
+                          this.getAttribute('href'),
-                        'Tela Botanica - Remarques',
+                          'Tela Botanica - Remarques',
-                        config='height=700, width=640, scrollbars=yes, resizable=yes'
+                          config='height=700, width=640, scrollbars=yes, resizable=yes'
-                      );
+                        );
+                        return false;
-                      return false;
+                      ">contactez-nous</a>
-                    ">contactez-nous</a>
+                    </p>
-                  </p>
+                  </div>
                 </div>
               </div><!-- end #preview-aide -->
               <div id="preview-formulaire" class="row">
                 <form id="preview-form-observateur" role="form" autocomplete="on">
                   <h2>Observateur</h2>
                   <div id="zone-courriel" class="row align-items-center">
                     <div class="col-md-6">
                       <label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
                         <strong class="obligatoire">*</strong>Courriel
                       </label>
                       <div class="input-group">
                         <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
                         <input type="email" id="courriel" name="courriel" class="form-control" title="Veuillez saisir votre adresse courriel. ">
                         <input type="hidden" id="id_utilisateur" name="id_utilisateur">
                       </div>
                     </div>
                     <div id="zone-courriel-confirmation" class="col-md-6 ">
                       <label for="courriel_confirmation" class="" title="Veuillez confirmer le courriel.">
                         <strong class="obligatoire">*</strong> Courriel (confirmation)
                       </label>
                       <div class="input-group">
                         <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
                         <input type="email" id="courriel_confirmation" name="courriel_confirmation" class="form-control">
                       </div>
                     </div>
                   </div>
                   <div id="zone-prenom-nom" class="row align-items-center">
                     <div class="col-md-6 ">
                       <label for="prenom" class="">Prénom</label>
                       <div class="input-group">
                         <span class="input-group-addon"><i class="fa fa-user"></i></span>
                         <input type="text" id="prenom" name="prenom" class="form-control">
                       </div>
                     </div>
                     <div class="col-md-6 ">
                       <label for="nom" class="">Nom</label>
                       <div class="input-group">
                         <span class="input-group-addon"><i class="fa fa-user"></i></span>
                         <input type="text" id="nom" name="nom" class="form-control">
                       </div>
                     </div>
                   </div>
                 </form>
                 <form id="form-observation" role="form" autocomplete="on">
                   <h2>Observation</h2>
                   <div id="zone-observation" class="row align-items-center">
                     <div class="col-md-6 ">
                       <label for="courriel" class="" title="Veuillez saisir votre adresse courriel.">
                         <strong class="obligatoire">*</strong>Geolocalisation
                       </label>
                       <div class="input-group">
                         <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
                         <input type="email" id="courriel" name="courriel" class="form-control" title="Veuillez saisir votre adresse courriel. ">
                         <input type="hidden" id="id_utilisateur" name="id_utilisateur">
                       </div>
                       <label for="milieu" class="">Milieu</label>
                       <div class=" input-group">
                         <span class="input-group-addon"><i class="fa fa-street-view"></i></span>
                         <input type="text" id="milieu" name="milieu" class="form-control" placeholder="bois, champ, falaise, ...">
                       </div>
                     </div>
                     <div class="col-md-6">
                       <label for="date" class="" title="">
                         <strong class="obligatoire">*</strong>Date de relevé
                       </label>
                       <div class=" input-group date" id="datetimepicker">
                         <span id="date-icone" class="input-group-addon"><i class="fa fa-calendar"></i></span>
                         <input type="date" id="date" name="date" class="form-control hasDatepicker">
                       </div>
                       <label for="referentiel" class="" title="">
                         <strong class="obligatoire">*</strong>Référentiel
                       </label>
                       <div class=" input-group">
                         <span class="input-group-addon"><i class="fa fa-book"></i></span>
                         <select id="referentiel" name="referentiel" class="form-control">
                           <option value="" selected="" title="">-</option>
                         </select>
                       </div>
                       <label for="taxon" class="" title="">Espèce</label>
                       <div class=" input-group date">
                         <span class="input-group-addon"><i class="fa fa-leaf"></i></span>
                         <input type="text" name="taxon" class="form-control" id="taxon" >
                       </div>
                       <label for="certitude" class="" title="">
                         <strong class="obligatoire">*</strong>Certitude
                       </label>
                       <div class="input-group date" id="datetimepicker">
                         <span class="input-group-addon"><i class="fa fa-question"></i></span>
                         <select id="certitude" name="certitude" class="form-control">
                           <option value="">-</option>
                         </select>
                       </div>
                     </div>
                   </div>
                 </form>
                 <form id="form-supp" role="form" autocomplete="on">
                   <div id="zone-supp" class="row align-items-center">
-                    <div class="col-md-6"></div>
+                    <div class="col-md-6 preview-container"></div>
                   </div>
                 </form>
                 <div id="image" class="row align-items-center"></div>
               </div><!-- end #preview-formulaire -->
             </div><!-- end #widget-renderer-->
           </div><!-- #widget-blocks = tout le bloc de droite-->
         </div>
       </div>
     </div>
+    <div id="help-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="help-modal-label" style="display: none;" aria-hidden="true">
+      <div class="modal-dialog modal-dialog-centered" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title" id="help-modal-label"></h5>
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <span aria-hidden="true">×</span>
+            </button>
+          </div>
+          <div class="modal-body" id="print_content"></div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
+          </div>
+        </div>
+      </div>
+    </div>
     <script type="text/javascript" src="<?php echo $url_base; ?>modules/manager/squelettes/js/manager.js"></script>
+    </script>
   </body>
 </html>

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/manager/squelettes/creation.tpl.html @ 3172 – Rev 3172 → 3174