Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3037 Rev 3045
Line 33... Line 33...
33 
		<script type="text/javascript" src="http://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
 33 
		<script type="text/javascript" src="http://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
Line 34... Line 34...
34 
 
 34 
 
35 
		<!-- Javascript : appli saisie -->
 35 
		<!-- Javascript : appli saisie -->
36 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/WidgetSaisie.js"></script>
 36 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/WidgetSaisie.js"></script>
37 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/bellesdemarue/js/WidgetSaisieBellesdemarue.js"></script>
 37 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/bellesdemarue/js/WidgetSaisieBellesdemarue.js"></script>
38 
		<script src="<?=$url_base?>saisie?projet=bellesdemarue&amp;service=taxons" type="text/javascript"></script>
 38 
		<script src="<?=$url_base?>saisie?projet=bellesdemarue&service=taxons" type="text/javascript"></script>
39 
		<script type="text/javascript">
 39 
		<script type="text/javascript">
40 
		//<![CDATA[
 40 
		//<![CDATA[
41 
        	$(document).ready(function() {
 41 
        	$(document).ready(function() {
42 
				// Héritage !!
 42 
				// Héritage !!
Line 146... Line 146...
146 
		<?php endif; ?>
146 
		<?php endif; ?>
147 
	</head>
 147 
	</head>
Line 148... Line 148...
148 
 
 148 
 
149 
	<body data-spy="scroll">
 149 
	<body data-spy="scroll">
- 
 
 150 
		<div id="zone-appli" class="container">
- 
 
 151 
			<div class="row-fluid entete">
- 
 
 152 
				<div class="span12">
- 
 
 153 
					<div class="row-fluid">
- 
 
 154 
						<div class="span12">
- 
 
 155 
							<?php if($logo != 'defaut' && $logo != '0') { ?>
- 
 
 156 
								<img id="logo-titre" class="span1" src="<?= $logo ?>" alt="Logo" />
- 
 
 157 
							<?php } else if($logo == 'defaut') { ?>
- 
 
 158 
								<h1 id="widget-titre"><img src="<?=$url_base?>/modules/saisie/squelettes/bellesdemarue/img/logos/bdmr.jpg" alt="Sauvages de ma rue : Saisie des observations"/></h1>
- 
 
 159 
							<?php } ?>
- 
 
 160 
						</div>
- 
 
 161 
					</div>
- 
 
 162 
					<!--<div class="row-fluid">
- 
 
 163 
						<div class="span12">
- 
 
 164 
							<p class="discretion">
- 
 
 165 
								Un aide interactive est à votre disposition sur l'interface.
- 
 
 166 
								Une fois familiarisé, vous pouvez cliquer sur le bouton suivant pour la désactiver :
- 
 
 167 
								<button id="btn-aide" class="btn btn-mini btn-success">
- 
 
 168 
									<span class="icon-question-sign icon-white"></span>
- 
 
 169 
									<span id="btn-aide-txt" >Désactiver l'aide</span>
- 
 
 170 
								</button>
- 
 
 171 
							</p>
- 
 
 172 
						</div>
- 
 
 173 
					</div>-->
- 
 
 174 
				</div>
150 
		<div id="zone-appli" class="container">
 175 
			</div>
151 
			<div class="row-fluid">
 176 
			<div class="row-fluid">
152 
				<div class="span12">
 177 
				<div class="span12">
153 
					<form id="form-observateur" action="#" autocomplete="on">
 178 
					<form id="form-observateur" action="#" autocomplete="on">
154 
						<h2 id="titre-form-observateur">Observateur</h2>
 179 
						<h2 id="titre-form-observateur">Observateur</h2>
Line 189... Line 214...
189 
										</div>
 214 
										</div>
190 
									</div>
 215 
									</div>
191 
								</div>
 216 
								</div>
192 
								<div id="zone-prenom-nom" class="row-fluid" style="display:none;">
 217 
								<div id="zone-prenom-nom" class="row-fluid" style="display:none;">
193 
									<div class="span6 control-group">
 218 
									<div class="span6 control-group">
194 
										<label for="prenom" class="control-label">
 - 
 
195 
											<strong class="obligatoire">*</strong>
 - 
 
196 
											Prénom
 - 
 
197 
										</label>
 - 
 
198 
										<input id="prenom" name="prenom" class="span12" type="text"/>
 - 
 
199 
									</div>
 - 
 
200 
									<div class="span6 control-group">
 - 
 
201 
										<label for="nom" class="control-label">
 219 
										<label for="nom" class="control-label">
202 
											<strong class="obligatoire">*</strong>
 220 
											<strong class="obligatoire">*</strong>
203 
											Nom
 221 
											Nom
204 
										</label>
 222 
										</label>
205 
										<div class="controls">
 223 
										<div class="controls">
206 
											<input id="nom" name="nom"  class="span12" type="text"/>
 224 
											<input id="nom" name="nom"  class="span12" type="text"/>
207 
										</div>
 225 
										</div>
208 
									</div>
 226 
									</div>
- 
 
 227 
									<div class="span6 control-group">
- 
 
 228 
										<label for="prenom" class="control-label">
- 
 
 229 
											<strong class="obligatoire">*</strong>
- 
 
 230 
											Prénom
- 
 
 231 
										</label>
- 
 
 232 
										<input id="prenom" name="prenom" class="span12" type="text"/>
- 
 
 233 
									</div>
209 
								</div>
 234 
								</div>
210 
							</fieldset>
 235 
							</fieldset>
211 
						</div>
 236 
						</div>
212 
					</form>
 237 
					</form>
213 
				</div>
 238 
				</div>
214 
			</div>
 239 
			</div>
Line 215... Line 240...
215
240
216 
 
 241 
 
- 
 
 242 
			<!-- Fiche terrain -->
217 
			<!-- Fiche terrain -->
 243 
			<form id="form-obs" class="form-inline" action="#" autocomplete="on">
Line 218... Line 244...
218 
			<form id="form-obs" class="form-inline" action="#" autocomplete="on">
 244 
				<h2 id="titre-form-obs">Fiche de terrain</h2>
- 
 
 245 
				<div id="zone-fiche-terrain">
219 
				<div id="zone-fiche-terrain">
 246
220
247 
					<fieldset id="partie-station">
- 
 
 248 
						<legend>
221 
					<fieldset id="partie-station">
 249 
							<strong class="obligatoire">*</strong>
222 
						<legend><strong class="obligatoire">*</strong>
 250 
							Géolocalisation de la plante
223 
									Géolocalisation de la plante</legend>
 251 
						</legend>
224 
						<div class="row-fluid">
 252 
						<div class="row-fluid">
225 
							<div class="span12">
 253 
							<div class="span12">
Line 244... Line 272...
244 
									représentant votre station ou bien le glisser-déposer sur
 272 
									représentant votre station ou bien le glisser-déposer sur
245 
									le lieu souhaité."></div>
 273 
									le lieu souhaité."></div>
246 
								</div>
 274 
								</div>
247 
							</div>
 275 
							</div>
248 
							<div class="row-fluid">
 276 
							<div class="row-fluid">
249 
								<label for="coordonnees-geo" class="span7">
 - 
 
250 
									<a href="#" class="afficher-coord">Afficher</a>
 - 
 
251 
									<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
 - 
 
252 
											les coordonnées géographiques
 - 
 
253 
									<span id="lat-lon-info" class="info has-tooltip"
 - 
 
254 
										title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
 - 
 
255 
										(WGS84)
 - 
 
256 
									</span>
 - 
 
257 
								</label>
 - 
 
258 
								<div id="info-commune" class="span5">
 277 
								<div id="info-commune" class="span12">
259 
									<span for="marqueur-commune">Commune : </span>
 278 
									<span for="marqueur-commune">Commune : </span>
260 
										<span id="marqueur-commune">
 279 
										<span id="marqueur-commune">
261 
											<span id="commune-nom" class="commune-info"></span>
 280 
											<span id="commune-nom" class="commune-info"></span>
262 
											(<span id="commune-code-insee" class="commune-info has-tooltip"
 - 
 
263 
												title="Code INSEE de la commune"></span>)
 - 
 
264 
									</span>
 281 
									</span>
265 
								</div>
 282 
								</div>
266 
							</div>
 283 
							</div>
267 
					</fieldset>
 284 
					</fieldset>
Line 462... Line 479...
462 
							<fieldset id="partie-photo">
 479 
							<fieldset id="partie-photo">
463 
								<legend>Image(s) de cette plante</legend>
 480 
								<legend>Image(s) de cette plante</legend>
464 
								<p class="miniature-info" class="discretion help-inline">
 481 
								<p class="miniature-info" class="discretion help-inline">
465 
									Vous pouvez ajouter des photos. Celles-ci doivent être au format <strong>JPEG</strong>
482 
									Vous pouvez ajouter des photos. Celles-ci doivent être au format <strong>JPEG</strong>
466 
									et ne doivent pas excéder <strong>5Mo</strong> chacunes.
 483 
									et ne doivent pas excéder <strong>5Mo</strong> chacunes.
467 
									<a target="_blank" id="lien-tuto-photo" href="http://www.tela-botanica.org/sites/botanique/fr/documents/bellesdemarue/Tutoriel_Photo.pdf">
 484 
									<a target="_blank" id="lien-tuto-photo" href="<?=$url_base?>/modules/saisie/squelettes/bellesdemarue/img/table_commentprendreenphoto.png">
468 
										Exemples de bonnes et mauvaises photos
 485 
										Exemples de bonnes et mauvaises photos
469 
									</a>
 486 
									</a>
470 
									<i class="icon-question-sign"></i>
 487 
									<i class="icon-question-sign"></i>
471 
								</p>
 488 
								</p>
472 
								<div id ="photos-conteneur">
 489 
								<div id ="photos-conteneur">