Subversion Repositories eFlore/Applications.cel

Rev

Rev 3163 | Rev 3208 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3163 Rev 3204
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&amp;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">