Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 1221 Rev 1232
Line 26... Line 26...
26
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>	
26
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>	
Line 27... Line 27...
27
		
27
		
28
		<!-- Jquery -->
28
		<!-- Jquery -->
29
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.js"></script>
29
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.js"></script>
30
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
30
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
31
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script>
31
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/js/jquery-ui-1.8.18.custom.min.js"></script>
32
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>
32
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/js/jquery.ui.datepicker-fr.js"></script>
33
		<!-- Jquery Plugins -->
33
		<!-- Jquery Plugins -->
34
		<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
34
		<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
35
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.0.1/js/validate/1.9.0/jquery.validate.min.js"></script>
35
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.0.1/js/validate/1.9.0/jquery.validate.min.js"></script>
36
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
36
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
Line 61... Line 61...
61
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?=$url_ws_autocompletion_ns?>?"+
61
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?=$url_ws_autocompletion_ns?>?"+
62
					"masque={masque}&"+
62
					"masque={masque}&"+
63
					"recherche=etendue&"+
63
					"recherche=etendue&"+
64
					"retour.champs=famille,nom_retenu,num_taxonomique,nom_retenu.id&"+
64
					"retour.champs=famille,nom_retenu,num_taxonomique,nom_retenu.id&"+
65
					"version.projet="+NOM_SCI_VERSION+"&"+
65
					"version.projet="+NOM_SCI_VERSION+"&"+
-
 
66
					"ns.structure=au"+"&"+
66
					"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
67
					"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
67
			console.log(SERVICE_AUTOCOMPLETION_NOM_SCI_URL);
68
			console.log(SERVICE_AUTOCOMPLETION_NOM_SCI_URL);
68
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
69
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
69
			var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:osm/0.1/nom-commune?lon={lon}&lat={lat}";
70
			var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:osm/0.1/nom-commune?lon={lon}&lat={lat}";
70
			// URL du marqueur à utiliser dans la carte Google Map
71
			// URL du marqueur à utiliser dans la carte Google Map
Line 78... Line 79...
78
		//]]>
79
		//]]>
79
		</script>
80
		</script>
80
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/defaut.js"></script>
81
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/defaut.js"></script>
Line 81... Line 82...
81
			
82
			
82
		<!-- CSS -->
83
		<!-- CSS -->
83
		<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/css/ui-darkness/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" media="screen" />
84
		<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
84
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />
85
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />
85
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.1/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" />
86
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.1/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" />
86
		<link href="<?=$url_base?>modules/saisie/squelettes/defaut/css/<?=isset($_GET['style']) ? $_GET['style'] : 'defaut'?>.css" rel="stylesheet" type="text/css" media="screen" />
87
		<link href="<?=$url_base?>modules/saisie/squelettes/defaut/css/<?=isset($_GET['style']) ? $_GET['style'] : 'defaut'?>.css" rel="stylesheet" type="text/css" media="screen" />
Line 162... Line 163...
162
							La double saisie permet de vérifier l'absence d'erreurs.
163
							La double saisie permet de vérifier l'absence d'erreurs.
163
						</p>
164
						</p>
164
					</div>
165
					</div>
165
				</div>
166
				</div>
166
			</div>
167
			</div>
167
			<div class="row-fluid">
168
			<div class="row-fluid well">
168
				<div class="span6">
169
				<div class="span6">
169
					<div class="well">
170
					<div class="well">
170
						<div class="row-fluid">
171
						<div class="row-fluid">
171
							<div class="span12">
172
							<div class="span12">
172
								<h2>Lieu du relevé</h2>
173
								<h2>Lieu du relevé</h2>
Line 319... Line 320...
319
							<p id="miniature-info" class="discretion help-inline">La photo doit être au format JPEG et ne doit pas excéder 5Mo.</p>
320
							<p id="miniature-info" class="discretion help-inline">La photo doit être au format JPEG et ne doit pas excéder 5Mo.</p>
320
							<div id="miniature"></div>
321
							<div id="miniature"></div>
321
							<button id="effacer-miniature" type="button" style="display:none;">Effacer</button>
322
							<button id="effacer-miniature" type="button" style="display:none;">Effacer</button>
322
							<p id="miniature-msg" class="span12">&nbsp;</p>
323
							<p id="miniature-msg" class="span12">&nbsp;</p>
323
						</form>
324
						</form>
324
						<div class="row-fluid">
-
 
325
							<div class="span12 centre">
-
 
326
								<button id="ajouter-obs" class="btn btn-primary btn-large" type="button"
-
 
327
									title="Ajoute l'observation courante à la liste ci-dessous.">
-
 
328
									Créer
-
 
329
								</button>
-
 
330
							</div>
-
 
331
						</div>
-
 
332
					</div>
325
					</div>
333
				</div>		
326
				</div>
-
 
327
				<div class="row-fluid">
-
 
328
					<div class="span12 centre">
-
 
329
						<button id="ajouter-obs" class="btn btn-primary btn-large" type="button"
-
 
330
							title="Ajoute l'observation courante à la liste ci-dessous.">
-
 
331
							Créer
-
 
332
						</button>
-
 
333
					</div>
-
 
334
				</div>	
334
			</div>
335
			</div>
335
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
336
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
336
			<div id="zone-liste-obs" class="row-fluid">
337
			<div id="zone-liste-obs" class="row-fluid">
337
				<form action="#" class="well form-horizontal">
338
				<form action="#" class="well form-horizontal">
338
					<div class="row-fluid">
339
					<div class="row-fluid">
339
						<h2>Liste des <span class="obs-nbre"></span> observations à transmettre</h2>
340
						<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
340
						<table id="liste-obs" class="table table-bordered table-condensed">
341
						<table id="liste-obs" class="table table-bordered table-condensed">
341
							<thead>
342
							<thead>
342
								<tr>
343
								<tr>
343
									<th rowspan="3">Photo</th>
344
									<th rowspan="3">Photo</th>
344
									<th><i class="icon-leaf illustration">&nbsp;</i>Nom</th>
345
									<th><i class="icon-leaf illustration">&nbsp;</i>Nom</th>
Line 404... Line 405...
404
		</div>
405
		</div>
Line 405... Line 406...
405
		
406
		
406
		<!-- Fenêtres modales -->
407
		<!-- Fenêtres modales -->
407
		<div id="chargement" style="position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background:#777;background:rgba(90,86,93,0.7);text-align:center;display:none;">			
408
		<div id="chargement" style="position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background:#777;background:rgba(90,86,93,0.7);text-align:center;display:none;">			
408
			<div id="chargement-centrage" style="position:relative;width:30%;margin:0 auto;top:30%;">
409
			<div id="chargement-centrage" style="position:relative;width:30%;margin:0 auto;top:30%;">
409
				<img id="chargement-img" src="<?=$url_base?>modules/saisie/squelettes/sauvages/img/chargement_arbre.gif" alt="Transfert en cours..."/>
410
				<img id="chargement-img" src="<?=$url_base?>modules/saisie/squelettes/sauvages/images/chargement_arbre.gif" alt="Transfert en cours..."/>
410
				<p id="chargement-txt" style="color:white;font-size:1.5em;">
411
				<p id="chargement-txt" style="color:white;font-size:1.5em;">
411
					Transfert des observations en cours...<br />
412
					Transfert des observations en cours...<br />
412
					Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observation à transférer.
413
					Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observation à transférer.
413
				</p>
414
				</p>