1,196 → 1,377 |
<!DOCTYPE html> |
<html xmlns="http://www.w3.org/1999/xhtml"> |
<head> |
<title><?php echo $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" /> |
<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" /> |
<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" /> |
<!-- 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" /> |
<!-- 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="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> |
|
<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="<?php echo $url_script_navigation; ?>"></script> |
<?php endif; ?> |
<!-- Barre de navigation --> |
<?php if ($bar !== false): ?> |
<script src="<?php echo $url_script_navigation; ?>"></script> |
<?php endif; ?> |
|
<!-- CSS --> |
<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" /> |
<!-- CSS --> |
<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="<?php echo $url_base; ?>modules/manager/squelettes/css/manager.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"> |
<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/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; ?> |
<!-- 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 class="widget-blocks col-md-4"> |
<form action="http://localhost/cel/widget/manager?mode=<?php echo $mode; ?>" name="" id="group-settings-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> |
<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"> |
|
<?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" /> |
<div class="widget-blocks col-md-4"> |
|
<label for="motscles">Autres mots-clés</label> |
<input type="text" name="motscles" id="motscles" value="" /> |
<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"> |
|
<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> |
<?php endforeach; ?> |
<option value=""> ----</option> |
</select> |
</div> |
<h2>Meta-données</h2> |
|
<label for="est_type">Ce widget est un widget type</label> |
<input type="radio" name="est_type" id="est_type" <?php echo (isset($widget['est_type']) && $projet['est_type']=== '1') ? 'checked="checked"' : ''; ?>/> |
<?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="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><!-- #basic-details-section --> |
<label for="motscles">Autres mots-clés</label> |
<input type="text" name="motscles" id="motscles" value="" /> |
|
<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> |
<?php endforeach; ?> |
<option value=""> ----</option> |
</select> |
</div> |
|
<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="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="description">Description</label> |
<textarea name="description" id="description"><?php echo isset($widget['description']) ? $widget['description'] : ''; ?></textarea> |
<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 --> |
|
<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="file-return logo"></div> |
|
<?php echo isset($widget['logo']) ? '<img src="'.$widget['logo'].'" /><br />Pour changer, télécharger un nouveau fichier.': ''; ?> |
<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'] : ''; ?>"> |
|
<div class="input-file-container"> |
<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> |
</div> |
<div class="file-return fond"></div> |
</div><!-- #profile-details-description-section --> |
<label for="description">Description</label> |
<textarea name="description" id="description"><?php echo isset($widget['description']) ? $widget['description'] : ''; ?></textarea> |
|
<div class="register-section" id="profile-details-fields-section"> |
<h2>Champs</h2> |
<label for="type_localisation">Type de localisation</label> |
<div class="select-wrapper"> |
<select id="type_localisation" name="type_localisation" > |
<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> |
</select> |
</div> |
<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="file-return logo"></div> |
|
<label for="localisation">Zoom</label> |
<input type="text" name="localisation" id="localisation" value="<?php echo isset($widget['localisation']) ? $widget['localisation'] : ''; ?>" /> |
<?php echo isset($widget['logo']) ? '<img src="'.$widget['logo'].'"><br />Pour changer, télécharger un nouveau fichier.': ''; ?> |
|
<label for="milieux">Milieux</label> |
<input type="text" name="milieux" id="milieux" value="<?php echo isset($widget['milieux']) ? $widget['milieux'] : ''; ?>" /> |
<div class="input-file-container"> |
<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> |
</div> |
<div class="file-return fond"></div> |
</div><!-- end #profile-details-description-section --> |
|
<label for="type_especes">Type liste espèce *</label> |
<div class="select-wrapper"> |
<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> |
</div> |
<div class="register-section" id="profile-details-fields-section"> |
<h2>Champs</h2> |
<label for="type_localisation">Type de localisation</label> |
<div class="select-wrapper"> |
<select id="type_localisation" name="type_localisation" > |
<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> |
</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'] : ''; ?>"/> |
<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> |
fichier type |
</div> |
<p class="file-return especes"></p> |
<label for="localisation">Zoom</label> |
<input type="text" name="localisation" id="localisation" value="<?php echo isset($widget['localisation']) ? $widget['localisation'] : ''; ?>" /> |
|
<label for="milieux">Milieux</label> |
<input type="text" name="milieux" id="milieux" value="<?php echo isset($widget['milieux']) ? $widget['milieux'] : ''; ?>"> |
|
<label for="add_fields">Ajouter un champ</label> |
<input type="button" class="button" name="add_fields" id="add_fields" title="Ajouter un champ" value="+"/> |
</div><!-- #profile-details-fields-section --> |
<label for="type_especes">Type liste espèce *</label> |
<div class="select-wrapper"> |
<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> |
</div> |
|
<div class="submit complete-registration"> |
<button href="#" type="submit" name="signup_submit" id="signup_submit" class="button" target="" title=""><span class="button-text">Terminer </span></button> |
</div> |
</form> |
<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'] : ''; ?>"> |
<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> fichier type |
</div> |
<div class="file-return especes"></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=""><span class="button-text">Terminer </span></button> |
</div> |
<div class="widget-blocks col-md-8 project"> |
<p class="message"> |
<?php if ($mode === 'modification') : ?> |
Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changer. |
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; ?> |
</p> |
<iframe src="http://localhost/widget:cel:saisie2?projet=<?php echo isset($widget['projet'])?$widget['projet']:'base'; ?>" class="widget-renderer" height="100%" width="100%" > |
</iframe> |
<!--Submit--> |
|
</form><!-- end #new-widget-form --> |
|
<form id="new-fields"> |
<h2>Ajouter des champs</h2> |
<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><!-- #new-fields = fomulaire oû viennent s'insérer les champs supplémentaires --> |
<label class="add-fields">Ajouter Champ</label> |
<div class="button" id="add-fields" title="Ajouter un champ"><i class="fa fa-plus" aria-hidden="true"></i></div> |
</div> |
|
</div><!-- end .widget-blocks = tout le bloc de gauche--> |
|
<div class="widget-blocks col-md-8 project"> |
<p class="message"> |
<?php if ($mode === 'modification') : ?> |
Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changer. |
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; ?> |
</p> |
<!-- <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="row"> |
|
<div class="col-md-4"> |
<img id="preview-logo" src="" alt=""> |
<div id="preview-title" class="col-md-8"> |
<h1></h1> |
</div> |
</div> |
</div> |
|
</div> |
|
<div class="row"> |
|
<div id="preview-description" class="col-md-6"> |
<div class="preview-description message"></div> |
</div><!-- end #preview-description --> |
|
<div id="preview-aide" class="message col-md-6"> |
<h3>Aide</h3> |
<p> |
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> |
(<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 |
<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'. |
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=http%3A%2F%2Flocalhost%2Fcel%2Fwidget%2Findex.php%2F%3Fprojet%3Dbase" target="_blank" onclick= |
" |
javascript:window.open( |
this.getAttribute('href'), |
'Tela Botanica - Remarques', |
config='height=700, width=640, scrollbars=yes, resizable=yes' |
); |
return false; |
">contactez-nous</a> |
</p> |
</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> |
</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> |
</body> |
</div> |
</div> |
<script type="text/javascript" src="<?php echo $url_base; ?>modules/manager/squelettes/js/manager.js"></script> |
<script type="text/javascript" src="<?php echo $url_base; ?>modules/manager/squelettes/js/manger-submit-values.js"></script> |
</body> |
</html> |