Line 15... |
Line 15... |
15 |
<meta name="description" content="Gestion des widgets de saisie du carnet en ligne" />
|
15 |
<meta name="description" content="Gestion des widgets de saisie du carnet en ligne" />
|
16 |
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
|
16 |
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
|
Line 17... |
Line 17... |
17 |
|
17 |
|
18 |
<!-- OpenGraph pour Facebook, Pinterest, Google+ -->
|
18 |
<!-- OpenGraph pour Facebook, Pinterest, Google+ -->
|
19 |
<meta property="og:type" content="website" />
|
19 |
<meta property="og:type" content="website" />
|
20 |
<meta property="og:title" content="Gestion des widgets de saisie du CeL" />
|
20 |
<meta property="og:title" content="Widgets de saisie du CeL" />
|
21 |
<meta property="og:site_name" content="Tela Botanica" />
|
21 |
<meta property="og:site_name" content="Tela Botanica" />
|
22 |
<meta property="og:description" content="Gestion des widgets de saisie du Carnet en Ligne" />
|
22 |
<meta property="og:description" content="Widgets de saisie du Carnet en Ligne" />
|
23 |
<meta property="og:image" content="http://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
|
23 |
<meta property="og:image" content="http://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
|
24 |
<meta property="og:image:type" content="image/png" />
|
24 |
<meta property="og:image:type" content="image/png" />
|
25 |
<meta property="og:image:width" content="256" />
|
25 |
<meta property="og:image:width" content="256" />
|
26 |
<meta property="og:image:height" content="256" />
|
26 |
<meta property="og:image:height" content="256" />
|
Line 27... |
Line 27... |
27 |
<meta property="og:locale" content="fr_FR" />
|
27 |
<meta property="og:locale" content="fr_FR" />
|
28 |
|
28 |
|
Line 29... |
Line 29... |
29 |
<!-- Favicones -->
|
29 |
<!-- Favicones -->
|
30 |
<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
|
- |
|
31 |
|
- |
|
32 |
<!-- Jquery -->
|
- |
|
- |
|
30 |
<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
|
33 |
<!-- Google Map v3 -->
|
31 |
|
34 |
<script type="text/javascript" src="http://maps.google.com/maps/api/js?language=fr&region=FR"></script>
|
32 |
<!-- Jquery -->
|
35 |
<!-- Jquery -->
|
33 |
|
36 |
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.1.js"></script>
|
34 |
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.1.js"></script>
|
37 |
<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
|
35 |
<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
|
Line 46... |
Line 44... |
46 |
<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
|
44 |
<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/form/3.51/jquery.form.min.js"></script>
|
47 |
<!-- Bootstrap -->
|
45 |
<!-- Bootstrap -->
|
48 |
<script type="text/javascript" src="http://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
|
46 |
<script type="text/javascript" src="http://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
|
Line 49... |
Line 47... |
49 |
|
47 |
|
- |
|
48 |
<script type="text/javascript" src="<?=$url_base?>modules/saisie2/squelettes/js/WidgetSaisie.js"></script>
|
50 |
<script type="text/javascript" src="<?=$url_base?>modules/saisie2/squelettes/js/WidgetSaisie.js"></script>
|
49 |
<script type="text/javascript" src="<?=$url_base?>modules/saisie2/squelettes/js/auth.js"></script>
|
51 |
<script type="text/javascript">
|
50 |
<script type="text/javascript">
|
52 |
//<![CDATA[
|
51 |
//<![CDATA[
|
53 |
$(document).ready(function() {
|
52 |
$(document).ready(function() {
|
54 |
// OMG un modèle objet !!
|
53 |
// OMG un modèle objet !!
|
Line 114... |
Line 113... |
114 |
--><link href="<?= $url_base; ?>modules/saisie2/squelettes/css/saisie.css" rel="stylesheet" type="text/css" media="screen" />
|
113 |
--><link href="<?= $url_base; ?>modules/saisie2/squelettes/css/saisie.css" rel="stylesheet" type="text/css" media="screen" />
|
115 |
<!-- Google Analytics -->
|
114 |
<!-- Google Analytics -->
|
116 |
<?php if($prod): ?>
|
115 |
<?php if($prod): ?>
|
117 |
<?php include "analytics.html"; ?>
|
116 |
<?php include "analytics.html"; ?>
|
118 |
<?php endif; ?>
|
117 |
<?php endif; ?>
|
- |
|
118 |
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
- |
|
119 |
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
119 |
</head>
|
120 |
</head>
|
Line 120... |
Line 121... |
120 |
|
121 |
|
121 |
<body>
|
122 |
<body>
|
122 |
<div id="zone-appli" class="container">
|
123 |
<div id="zone-appli" class="container">
|
Line 141... |
Line 142... |
141 |
<div class="col-md-6">
|
142 |
<div class="col-md-6">
|
142 |
<div id="aide" class="well well-lg hidden-sm-down">
|
143 |
<div id="aide" class="well well-lg hidden-sm-down">
|
143 |
<h3><?= $aide['titre']; ?></h3>
|
144 |
<h3><?= $aide['titre']; ?></h3>
|
144 |
<div id="aide-txt" class="hiden-sm-down">
|
145 |
<div id="aide-txt" class="hiden-sm-down">
|
145 |
<p>
|
146 |
<p>
|
146 |
Cet outil vous permet de partager simplement vos observations avec
|
- |
|
147 |
le <a target="_blank" href="http://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>
|
- |
|
148 |
(<a target="_blank" href="http://www.tela-botanica.org/page:licence">licence CC-BY-SA</a>).
|
- |
|
149 |
Identifiez-vous bien pour ensuite retrouver et gérer vos données dans votre
|
- |
|
150 |
<a target="_blank" href="http://www.tela-botanica.org/appli:cel"> Carnet en ligne</a>.
|
- |
|
151 |
Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
|
- |
|
152 |
Elles apparaissent immédiatement sur les
|
147 |
<?= $aide['description']; ?>
|
153 |
<a target="_blank" href="http://www.tela-botanica.org/site:botanique">cartes et galeries photos </a> du site.
|
- |
|
154 |
</p>
|
148 |
</p>
|
155 |
<p class="discretion">
|
149 |
<p class="discretion">
|
156 |
Pour toute question ou remarque,
|
150 |
<?= $aide['contact']; ?>
|
157 |
<a href="<?= $url_remarques ?>?service=cel&pageSource=<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING']); ?>"
|
151 |
<a href="<?= $url_remarques ?>?service=cel&pageSource=<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING']); ?>"
|
158 |
target="_blank"
|
152 |
target="_blank"
|
159 |
onclick="javascript:window.open(this.getAttribute('href'), 'Tela Botanica - Remarques', config='height=700, width=640, scrollbars=yes, resizable=yes'); return false;">
|
153 |
onclick="javascript:window.open(this.getAttribute('href'), 'Tela Botanica - Remarques', config='height=700, width=640, scrollbars=yes, resizable=yes'); return false;">
|
160 |
contactez-nous</a>
|
154 |
<?= $aide['contact2']; ?></a>
|
161 |
</p>
|
155 |
</p>
|
162 |
</div>
|
156 |
</div>
|
163 |
</div>
|
157 |
</div>
|
164 |
</div>
|
158 |
</div>
|
165 |
</div>
|
159 |
</div>
|
166 |
<div id="formulaire">
|
160 |
<div id="formulaire">
|
167 |
<form id="form-observateur" role="form" autocomplete="on">
|
161 |
<form id="form-observateur" role="form" autocomplete="on">
|
168 |
<h2><?= $observateur['titre']; ?></h2>
|
162 |
<h2><?= $observateur['titre']; ?>
|
- |
|
163 |
<!--la partie tb-navigation vient du widget stats http://svn.tela-botanica.net/websvn/filedetails.php?repname=eFlore%2FApplications.cel&path=%2Ftrunk%2Fwidget%2Fmodules%2Fstats%2Fsquelettes%2Fstats_utilisateur.tpl.html
|
- |
|
164 |
la partie contenu-souce vient de http://svn.tela-botanica.net/websvn/filedetails.php?repname=Applications.reseau&path=%2Ftrunk%2Fwidget%2Fmodules%2Fnavigation%2Fsquelettes%2Fbootstrap3.tpl.php
|
- |
|
165 |
le javascript auth.js vient de http://svn.tela-botanica.net/websvn/filedetails.php?repname=Applications.reseau&path=%2Ftrunk%2Fresources%2Fjs%2Fnavigation.js
|
- |
|
166 |
de l'aide dans la partie Intégration dans l'interface (applications AJAX) de https://www.tela-botanica.org/wikini/DevInformatiques/wakka.php?wiki=MemoIntegrationSSO
|
- |
|
167 |
<div id="tb-navigation" data-courant="widget-cel-stats" data-squelette="bootstrap3" data-mode="prod">
|
- |
|
168 |
<form class="navbar-form navbar-left">
|
- |
|
169 |
<?php if ($utilisateur_authentifie): ?>
|
- |
|
170 |
<button class="btn btn-default" disabled><?=$utilisateur?></button>
|
- |
|
171 |
<a id="mode-stats" class="btn btn-success" href="?mode=defaut" data-mode-courant="utilisateur">Statistiques globales</a>
|
- |
|
172 |
<?php else: ?>
|
- |
|
173 |
<a id="mode-stats" class="btn btn-success" href="?mode=utilisateur" data-mode-courant="defaut">Statistiques personnelles</a>
|
- |
|
174 |
<?php endif; ?>
|
- |
|
175 |
</form>
|
- |
|
176 |
</div>
|
- |
|
177 |
<div id="contenu-source">
|
- |
|
178 |
<!-- ici le contenu du div #tb-navigation de la page appelante -->
|
- |
|
179 |
<!--</div>-->
|
- |
|
180 |
<ul class="nav navbar-nav navbar-right">
|
- |
|
181 |
<li id="bouton-connexion" class="dropdown">
|
- |
|
182 |
<a href="<?= $authTpl; ?>">Connexion</a>
|
- |
|
183 |
</li>
|
- |
|
184 |
<li class="dropdown" id="utilisateur-connecte" style="display: none;">
|
- |
|
185 |
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span id="nom-complet"></span> <b class="caret"></b></a>
|
- |
|
186 |
<ul class="dropdown-menu">
|
- |
|
187 |
<li id="profil-utilisateur"><a href="http://www.tela-botanica.org/inscription">Mon profil</a></li>
|
- |
|
188 |
<li id="deconnexion"><a href="http://www.tela-botanica.org/widget:reseau:auth?action=deconnexion&origine=">Déconnexion</a></li>
|
- |
|
189 |
</ul>
|
- |
|
190 |
</li>
|
- |
|
191 |
</ul>
|
- |
|
192 |
</h2>
|
169 |
<div id="zone-courriel" class="row align-items-center">
|
193 |
<div id="zone-courriel" class="row align-items-center">
|
170 |
<div class="col-md-6 form-inline">
|
194 |
<div class="col-md-6 form-inline">
|
171 |
<label for="courriel" class="col-sm-3" title="<?= $observateur['courriel-title']; ?>">
|
195 |
<label for="courriel" class="col-sm-3" title="<?= $observateur['courriel-title']; ?>">
|
172 |
<strong class="obligatoire">* </strong>
|
196 |
<strong class="obligatoire">* </strong>
|
173 |
<?= $observateur['courriel']; ?>
|
197 |
<?= $observateur['courriel']; ?>
|
Line 207... |
Line 231... |
207 |
</form>
|
231 |
</form>
|
208 |
<form id="form-observation" role="form" autocomplete="on">
|
232 |
<form id="form-observation" role="form" autocomplete="on">
|
209 |
<h2><?= $observation['titre']; ?></h2>
|
233 |
<h2><?= $observation['titre']; ?></h2>
|
210 |
<div id="zone-observation" class="row align-items-center">
|
234 |
<div id="zone-observation" class="row align-items-center">
|
211 |
<div class="col-md-6 form-inline">
|
235 |
<div class="col-md-6 form-inline">
|
212 |
<label for="courriel" class="col-sm-3" title="<?= $observateur['courriel-title']; ?>">
|
236 |
<label for="geolocalisation" class="col-sm-3" title="<?= $observateur['courriel-title']; ?>">
|
213 |
<strong class="obligatoire">* </strong>
|
237 |
<strong class="obligatoire">* </strong>
|
214 |
<?= $observation['geolocalisation']; ?>
|
238 |
<?= $observation['geolocalisation']; ?>
|
215 |
</label>
|
239 |
</label>
|
216 |
<div class="col-sm-8 mb-2 input-group">
|
240 |
<div class="col-sm-8 mb-2 input-group">
|
- |
|
241 |
<input id="geolocalisation" name="geolocalisation" type="hidden"/>
|
217 |
<span class="input-group-addon hidden-xs-down"><span class="fa fa-envelope"></span></span>
|
242 |
<!-- code à décommenter pour avoir un aperçu de la carte qui fonctionne sous chrome,
|
218 |
<input id="courriel" name="courriel" class="form-control" type="email" title="<?= $observateur['courriel-title']; ?> "/>
|
243 |
à remplacer quand Stéphane aura fait une release sur https://github.com/steph-del/tb-geoloc-lib/releases -->
|
- |
|
244 |
<!-- <app-root></app-root>
|
- |
|
245 |
<script type="text/javascript" src="modules/saisie2/squelettes/js/runtime.js"></script>
|
- |
|
246 |
<script type="text/javascript" src="modules/saisie2/squelettes/js/polyfills.js"></script>
|
- |
|
247 |
<script type="text/javascript" src="modules/saisie2/squelettes/js/styles.js"></script>
|
219 |
<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
|
248 |
<script type="text/javascript" src="modules/saisie2/squelettes/js/vendor.js"></script>
|
- |
|
249 |
<script type="text/javascript" src="modules/saisie2/squelettes/js/main.js"></script> -->
|
- |
|
250 |
|
220 |
</div>
|
251 |
</div>
|
221 |
<label for="milieu" class="col-sm-3">
|
252 |
<label for="milieu" class="col-sm-3">
|
222 |
<?= $observation['milieu']; ?>
|
253 |
<?= $observation['milieu']; ?>
|
223 |
</label>
|
254 |
</label>
|
224 |
<div class="col-sm-8 mb-2 input-group">
|
255 |
<div class="col-sm-8 mb-2 input-group">
|