Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 3375 → Rev 3376

/trunk/widget/modules/manager/squelettes/manager.tpl.html
2,12 → 2,12
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Gestion des widgets 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" />
21,8 → 21,8
<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: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" />
 
38,11 → 38,8
<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): ?>
<?php if ($bar !== false) : ?>
<script src="<?php echo $url_script_navigation; ?>"></script>
<?php endif; ?>
 
70,7 → 67,7
<div id="zone-appli" class="container">
<h1 id="widget-titre" class="widget-titre"> Gestion des widgets de saisie du CEL</h1>
<ul>
<?php foreach ($donnees['widget'] as $donnee) { ?>
<?php foreach ($donnees['widget'] as $donnee) : ?>
<?php
$langue_projet_url = ( isset( $donnee['langue'] ) && $donnee['langue'] !== 'fr' ) ? '_' . $donnee['langue'] : '';
$img_height = ( isset( $donnee['logo'] ) ) ? 'height:auto;' : '';
79,14 → 76,14
<?php echo '<img class="component-tools-item-icon" src="'.htmlspecialchars($chemin_images.$donnee['projet'].$langue_projet_url.'/logo.'.preg_replace('/(?:imag)?e\/?/','',$donnee['logo'])).'" alt="'.$donnee['projet'].'" style="width:10rem;' . $img_height .'">';?>
<div style="">
<h4 class="component-tools-item-title">
<a href="https://www.tela-botanica.org/flore/" target=""><?= $donnee['projet']." : ".$donnee['titre']; ?></a>
<a href="https://www.tela-botanica.org/flore/" target=""><?php echo $donnee['projet']." : ".$donnee['titre']; ?></a>
</h4>
<div class="component component-buttons as-seamless" style="float:right;">
<a class="button orange" href="<?php echo $widgetUrlTpl; ?>?mode=modification&projet=<?php echo $donnee['projet']; ?>&langue=<?php echo $donnee['langue']; ?>" target="" title="Espace projets">
<span class="button-text">Modifier le widget</span>
<span class="button-text">Modifier le widget</span>
</a>
<a class="button standard" href="<?php echo $widgetUrlTpl; ?>?mode=creation&projet=<?php echo $donnee['projet']; ?>&langue=<?php echo $donnee['langue']; ?>" target="" title="Créer un projet">
<span class="button-text">Créer à partir</span>
<span class="button-text">Créer à partir</span>
</a>
</div>
</div>
115,7 → 112,7
</a>
</div>
</li>
<?php } ?>
<?php endforeach; ?>
</ul>
<div class="component component-buttons as-seamless">
<a class="button standard" href="<?php echo $widgetUrlTpl; ?>?mode=creation" target="_blank" title="">
/trunk/widget/modules/manager/squelettes/js/manager.js
52,14 → 52,15
var tmppath = URL.createObjectURL( file );
$theReturn.append( '<img src="' + tmppath + '" width="50%">' ).removeClass( 'invalid' );;
 
} else if ( !( 'especes' === fileInputId && file.type.match( 'text/csv' ) ) ) {
} else if ( !( 'especes' === fileInputId && file.type.match( 'text/(:?csv|tab-separated-values)' ) ) ) {
// on a pas un type image, ou on est sur une liste d'espèces mais on a pas un csv
console.log(file.type);
 
if( 'especes' === fileInputId ) {// cas où on demandait un csv
$theReturn.append(
'<p class="message">'+
'<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i> '+
'Le fichier doit être au format csv'+
'Le fichier doit être au format csv ou tsv'+
'</p>'
)
.addClass( 'invalid' );
/trunk/widget/modules/manager/squelettes/creation.tpl.html
2,7 → 2,7
<!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" />
24,17 → 24,17
<!-- 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 include "analytics.html"; ?>
<?php endif; ?>
<?php if ( $prod ) : ?>
<?php include "analytics.html";?>
<?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">
<div id="group-settings-form">
 
47,10 → 47,10
<?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>
58,13 → 58,13
<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>
<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;.">
<label for="projet">Projet&nbsp;*</label>
<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">
72,8 → 72,8
<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>
<?php endforeach; ?>
<option <?php echo ( isset( $widget['projet'] ) && $projet['projet'] === $widget['projet'] ) ? 'selected="selected"' : '';?> value="<?php echo $projet['projet'];?>"><?php echo $projet['projet'];?></option>
<?php endforeach;?>
</select>
</div>
 
80,7 → 80,7
 
<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>
88,14 → 88,14
<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>
<?php endforeach; ?>
<option value="<?php echo $code;?>" <?php echo ( $code === 'fr' ) ? 'selected' : '';?>><?php echo $langue['nom'];?></option>
<?php endforeach;?>
</select>
<?php endif; ?>
<?php endif;?>
</div>
</div><!-- end #basic-details-section -->
 
104,7 → 104,7
<h2>Description</h2>
<div class="col-sm-12 mb-3">
<label for="titre">Titre</label>
<input type="text" name="titre" id="titre" class="form-control" value="<?php echo isset( $widget['titre'] ) ? htmlspecialchars( $widget['titre']) : ''; ?>">
<input type="text" name="titre" id="titre" class="form-control" value="<?php echo isset( $widget['titre'] ) ? htmlspecialchars( $widget['titre']) : '';?>">
</div>
 
<div class="input-file-row row">
129,15 → 129,15
<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; ?>">
<?php echo $info_file_name; ?>
<?php echo $info_img; ?>
<div class="file-return info <?php echo $info_hidden;?>">
<?php echo $info_file_name;?>
<?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>
 
<div class="input-file-row row">
164,9 → 164,9
<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; ?>">
<?php echo $logo_file_name; ?>
<?php echo $logo_img; ?>
<div class="file-return logo<?php echo $logo_hidden;?>">
<?php echo $logo_file_name;?>
<?php echo $logo_img;?>
</div>
</div>
 
192,9 → 192,9
<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; ?>">
<?php echo $image_fond_file_name; ?>
<?php echo $image_fond_img; ?>
<div class="file-return image_fond <?php echo $image_fond_hidden;?>">
<?php echo $image_fond_file_name;?>
<?php echo $image_fond_img;?>
</div>
</div>
 
206,14 → 206,14
<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'] === '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'] : '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="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">
221,17 → 221,17
<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>
241,8 → 241,15
</div>
 
<div class="col-sm-12 mb-3">
<label for="referentiel">Référentiel *</label>
<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'] : ''; ?>">
<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;:
<br>
<code>référentiel:num_nom</code>
<br>
ex&nbsp;: <code>bdtfx:182</code>
</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'] : '';?>">
</div>
 
<!-- Bouton fichier-type à compléter -->
249,10 → 256,12
<div class="input-file-row row">
<div class="input-file-container col-sm-10">
<input type="file" class="input-file" name="especes" id="especes">
<label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces (<span>.csv</span>)</label>
<label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces</label>
<p class="message mt-2">
<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>
&nbsp;Format : CSV UTF-8.<br>Séparateur : Tabulation.
&nbsp;Format&nbsp;: CSV ou TSV UTF-8.
<br>
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>
259,7 → 268,7
<div class="file-return especes hidden"></div>
</div>
<div class="col-sm-12 mb-3">
<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>
<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>
</div>
</div><!-- end #profile-details-fields-section -->
 
275,7 → 284,7
<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
337,7 → 346,7
</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',
380,16 → 389,16
<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>
398,7 → 407,7
<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>
407,7 → 416,7
 
<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">
416,7 → 425,7
 
<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>
427,7 → 436,7
 
<div class="col-md-12">
<label for="notes" id="label-notes" title="">
<i class="fa fa-pen" aria-hidden="true"></i> Notes
<i class="fa fa-pen" aria-hidden="true"></i>&nbsp;Notes
</label>
<div class="notes">
<textarea id="notes" name="notes" class="form-control" placeholder="Vous pouvez éventuellement ajouter des informations complémentaires à votre observation."></textarea>
454,7 → 463,7
</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>
500,10 → 509,10
<!-- 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>
<?php endif; ?>
<script src="<?php echo $url_script_navigation;?>"></script>
<?php endif;?>
</body>
</html>