WebSVN – eFlore/Applications.cel – Diff – /branches/v2.20-pistolet-arroseur/widget/modules/saisie/squelettes/mobile/mobile.tpl.html


<!DOCTYPE html>
<html lang="fr" manifest="mobile.appcache"> 
	<head>
		<base href="http://www.tela-botanica.org/eflore-test/cel/widget/modules/saisie/squelettes/mobile/"/>
		<title>CEL Mobile</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="Jean-Pascal MILCENT, Isabelle NEMBROT" />
		<meta name="keywords" content="Tela Botanica, CEL, mobile" />
		<meta name="description" content="Widget de saisie du CEL pour smartphone" />
		
		<!-- Favicones -->
		<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
		
		<!-- Viewport -->
		<meta name="viewport" content="width=device-width, initial-scale=1"> 
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		
		<!-- CSS -->
		<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
		<link href="http://www.tela-botanica.org/eflore/cel/widget/modules/saisie/squelettes/mobile/css/mobile.css" rel="stylesheet" type="text/css" media="screen" />
		
		<!-- Javascript -->
		<script src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
		
		<!-- Javascript : appli saisie -->
		<script type="text/javascript" src="config.js"></script>
		<script type="text/javascript" src="js/mobile.js"></script>
		<script type="text/javascript" src="js/bdtfx.js"></script>
		
		<!-- Javascript : Jquery Mobile -->
		<script src="http://www.tela-botanica.org/commun/jquery/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
		
		
		<script>
		  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
		
		  ga('create', 'UA-20092557-1', 'auto');
		  ga('require', 'displayfeatures');
		  ga('send', 'pageview');
		
		</script>
	</head>
	
	
	<body data-theme="b">
		<div id="menu" data-role="page"> <!--data-add-back-btn="true" data-back-btn-text="Retour"-->
			<div data-role="header">
				<h1>Accueil</h1>
				<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>
			</div>
			<div data-role="content" data-theme="g">
				<p class="center"> 
					Bienvenue sur le Carnet En Ligne mobile ! <br />
				</p>
				<ul data-role="listview">
					<li>
						<img src="http://www.tela-botanica.org/commun/icones/glyphish/187-pencil.png" class="ui-li-icon"/>
						<a href="#saisie" class="saisie" data-role="button">1 - Saisir une observation</a>
					</li>
					<li>
						<img src="http://www.tela-botanica.org/commun/icones/glyphish/179-notepad.png" class="ui-li-icon"/>
						<a href="#liste" data-role="button">2 - Voir mes observations</a>
					</li>
					<li>
						<img src="http://www.tela-botanica.org/commun/icones/glyphish/56-cloud.png" class="ui-li-icon"/>
						<a href="#transmission" data-role="button">3 - Transmettre mes observations</a>
					</li>
					<li></li>
				</ul>
			</div>
			<div data-role="footer" data-position="fixed"></div>
		</div>
 
		<div id="saisie" data-role="page">
			<div data-role="header" data-position="inline">
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
				<h1>Saisie</h1>
				<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>
			</div>
			<form id="form-saisie-observation" method="post" action="#">
				<div data-role="content">
					<div id="obs-saisie-infos"></div>
					<div data-role="fieldcontain">
						<label for="nom">Espèce : </label>
						<span id="nom"></span>
						
						<br />
						<a href="#saisie-popup" id="saisie-popup-btn"
								data-role="button" data-icon="search" data-iconpos="right" 
								data-rel="dialog" data-transition="pop" data-theme="b">
							Changer l'espèce
						</a>
						<hr />
 
						<label for="date">
							Date :
							<span id="date"></span>
						</label>
						<hr />
						
						<button id="geolocaliser" 
								data-role="button" data-icon="refresh" data-iconpos="" data-ajax="false">
							Recalculer ma position
						</button>
						
						<label for="lat">
							Latitude :
							<span id="lat"></span>
						</label>
						
						<br />
						<label for="lng">
							Longitude :
							<span id="lng"></span>
						</label>
						
						<br />
						<label for="location">
							Commune :
							<span id="location"></span>
							<input id="code-insee" type="hidden" name="code-insee" />
						</label>
						
						<br />
						<hr />
						<button id="sauver-obs" data-role="button" data-icon="check">Sauver</button>
						
						<input id="referentiel" type="hidden" name="referentiel" />
						<input id="nom-sci-select" type="hidden" name="nom-sci-select" />
						<input id="num-nom-select" type="hidden" name="num-nom-select" />
					</div>
				</div>
				<div data-role="footer" data-position="fixed">
					<div data-role="navbar">
						<ul>
							<li><a href="#liste" data-role="button" data-icon="notepad" data-iconpos="notext">Liste de mes obs.</a></li>
							<li><a href="#transmission" data-role="button" data-icon="cloud" data-iconpos="notext">Transmission</a></li>
						</ul>
					</div>
				</div>
			</form>
		</div>
		
		<div id="saisie-popup" data-role="page" data-history="false" data-close-btn="right">
			<div data-role="header">
				<h1></h1>
			</div>
			<div data-role="content">
				<ul id="liste-noms-latins" data-role="listview" 
					data-inset="true" data-filter="true" data-filter-reveal="true" 
					data-filter-placeholder="Trouver une espèce...">
				</ul>
				<div class="hidden">
					<button id="recherche-chargement" data-theme="a" data-textonly="true" data-textvisible="true" data-msgtext="Chargement des résultats..." ></button>
				</div>
			</div>
		</div>
		
		<div id="liste" data-role="page">
			<div data-role="header" data-position="inline">
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
				<h1>Observations</h1>
				<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>
			</div>
			<div data-role="content">
				<div id="obs-suppression-infos"></div>
				<ul id="liste-obs" data-role="listview" data-split-icon="delete" data-split-theme="g" data-theme="g" data-inset="true"></ul>
			</div>
			<div data-role="footer" data-position="fixed">
				<div data-role="navbar">
					<ul>
						<li><a href="#saisie" class="saisie" data-role="button" data-icon="pencil" data-iconpos="notext">Saisie</a></li>
						<li><a href="#transmission" data-role="button" data-icon="cloud" data-iconpos="notext">Transmission</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		<div id="observation" data-role="page">
			<div data-role="header" data-position="inline">
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
				<h1>Détails de l'observation</h1>
				<a href="#liste" data-icon="notepad" data-iconpos="notext" ></a>
			</div>
			<div data-role="content">
				<label for="id-obs">Identifiant :</label> <span id="id-obs"></span>
				<div id="details-obs"></div>
				
				<input type="file" id="pic" name="photos-obs[]" accept="image/*" multiple>
				<button id="valider-photos"
						data-role="button" data-icon="search" data-iconpos="" data-ajax="false">
					Ajouter les images sélectionnées
				</button>
 
				<div data-role="popup" id="cache-plein" class="ui-content" data-position-to="#valider-photos">
					<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
					<p>
						La mémoire de cette application est pleine. <br />
						Veuillez supprimer des images ou transmettre vos observations.
					</p>
				</div>
				
				<div data-role="popup" id="photo-zoom" class="ui-content">
					<span id="photo-zoom-infos"></span>
					<button data-role="button" data-theme="a" onclick="$('#photo-zoom').popup('close');">
						Fermer cet aperçu
					</button>
				</div>
				
				<div id="photo-suppression-infos"></div>
				<ul id="photos-obs" data-role="listview" data-inset="true"></ul>
				<canvas id="photo-canvas" class="hidden"></canvas>
			</div>
			<div data-role="footer" data-position="fixed">
				<div data-role="navbar">
					<ul>
						<li><a href="#saisie" class="saisie" data-role="button" data-icon="pencil" data-iconpos="notext">Saisie</a></li>
						<li><a href="#liste" data-role="button" data-icon="notepad" data-iconpos="notext">Liste de mes obs.</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		<div id="transmission" data-role="page">
			<div data-role="header">
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
				<h1>Transmission</h1>
				<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>
			</div>
			<div data-role="content" data-theme="d">	
				<p>
					<span id="identification-texte">
						Ajouter au compte
					</span>
					<strong><span id="utilisateur-compte"></span></strong>
				</p>
				<a href="#identification-popup" id="identification-btn"
					data-role="button" data-icon="grid" data-iconpos="right" 
					data-rel="dialog" data-transition="pop" data-theme="b">
						Modifier le compte
				</a>	
				<div id="identification-infos"></div>
				<hr />
				<button data-role="button" data-icon="cloud-black" id="transmettre-obs" >
					Transmettre
				</button>			
			</div>
			<div data-role="footer" data-position="fixed">
				<div data-role="navbar">
					<ul>
						<li><a href="#saisie" class="saisie" data-role="button" data-icon="pencil" data-iconpos="notext">Saisie</a></li>
						<li><a href="#liste" data-role="button" data-icon="notepad" data-iconpos="notext">Liste de mes obs.</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		<div id="identification-popup" data-role="page" data-history="false" data-close-btn="right">
			<div data-role="header">
				<h1>Compte Tela Botanica</h1>
			</div>
			<form id="form-transmission" method="post" action="#">
				<div data-role="content">
					<div data-role="fieldcontain"> 
						<label for="courriel">Courriel * :</label>
						<input id="courriel" type="email" name="courriel"/>
						<input id="id-utilisateur" name="id-utilisateur" type="hidden"/>
						
						<button id="valider-courriel" data-role="button" 
							data-icon="forward" data-iconpos="">
								Vérifier ce compte Tela
						</button>
					</div>
					<div id="zone-courriel-confirmation" data-role="fieldcontain" class="hidden">
						<label for="courriel-confirmation">
							<strong class="obligatoire">*</strong> Courriel (confirmation) : 
						</label>
						<input id="courriel-confirmation" name="courriel-confirmation" type="text"/>
					</div>
					<div id="zone-prenom-nom" data-role="fieldcontain" class="hidden">
						<div>
							<label for="nom">Nom :</label>
							<input id="nom-utilisateur" name="nom" type="text"/>
						</div>
						
						<div>
							<label for="prenom">Prénom :</label>
							<input id="prenom-utilisateur" name="prenom" type="text"/>
						</div>
					</div>
					<input type="checkbox" name="courriel-memoire" id="courriel-memoire" checked="checked">
					<label for="courriel-memoire">Se souvenir de moi</label>
						
					<button id="valider-identification" data-role="button" 
						data-icon="check" data-iconpos="right" data-theme="b">
							Valider le formulaire
					</button>
				</div>
			</form>
			<div data-role="footer"></div>
		</div><!-- /page popup -->		
		
		<div id="infos" data-role="page" data-add-back-btn="true" data-back-btn-text="Retour">
			<div data-role="header">
				<h1>Infos</h1>
			</div>
			<div data-role="content">
				<p>
					Développement : 
					<ul>
						<li>Jean-Pascal MILCENT</li>
						<li>Isabelle NEMBROT</li>
					</ul>
					sur une idée originale de Aurélien PERONNET.
				</p>
			</div>
			<div data-role="footer" data-position="fixed">
				<p class="center">
					Icônes par <a href="http://glyphish.com">Joseph Wain - Glyphish</a>. <br />
					© Copyright <span id="annee"></span> - <a href="http://www.tela-botanica.org/site:accueil">Tela Botanica</a>
				</p>
			</div>
		</div>
	</body>
</html>

Rev 2670	Rev 2683
1	`<!DOCTYPE html>`	1	`<!DOCTYPE html>`
2	`<html lang="fr" manifest="mobile.appcache">`	2	`<html lang="fr" manifest="mobile.appcache">`
3	`<head>`	3	`<head>`
4	`<base href="http://www.tela-botanica.org/eflore-test/cel/widget/modules/saisie/squelettes/mobile/"/>`	4	`<base href="http://www.tela-botanica.org/eflore-test/cel/widget/modules/saisie/squelettes/mobile/"/>`
5	`<title>CEL Mobile</title>`	5	`<title>CEL Mobile</title>`
6		6
7	`<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>`	7	`<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>`
8	`<meta http-equiv="Content-style-type" content="text/css" />`	8	`<meta http-equiv="Content-style-type" content="text/css" />`
9	`<meta http-equiv="Content-script-type" content="text/javascript" />`	9	`<meta http-equiv="Content-script-type" content="text/javascript" />`
10	`<meta http-equiv="Content-language" content="fr" />`	10	`<meta http-equiv="Content-language" content="fr" />`
11		11
12	`<meta name="revisit-after" content="15 days" />`	12	`<meta name="revisit-after" content="15 days" />`
13	`<meta name="robots" content="index,follow" />`	13	`<meta name="robots" content="index,follow" />`
14	`<meta name="author" content="Jean-Pascal MILCENT, Isabelle NEMBROT" />`	14	`<meta name="author" content="Jean-Pascal MILCENT, Isabelle NEMBROT" />`
15	`<meta name="keywords" content="Tela Botanica, CEL, mobile" />`	15	`<meta name="keywords" content="Tela Botanica, CEL, mobile" />`
16	`<meta name="description" content="Widget de saisie du CEL pour smartphone" />`	16	`<meta name="description" content="Widget de saisie du CEL pour smartphone" />`
17		17
18	`<!-- Favicones -->`	18	`<!-- Favicones -->`
19	`<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />`	19	`<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />`
20		20
21	`<!-- Viewport -->`	21	`<!-- Viewport -->`
22	`<meta name="viewport" content="width=device-width, initial-scale=1">`	22	`<meta name="viewport" content="width=device-width, initial-scale=1">`
23	`<meta name="apple-mobile-web-app-capable" content="yes" />`	23	`<meta name="apple-mobile-web-app-capable" content="yes" />`
24	`<meta name="apple-mobile-web-app-status-bar-style" content="black">`	24	`<meta name="apple-mobile-web-app-status-bar-style" content="black">`
25		25
26	`<!-- CSS -->`	26	`<!-- CSS -->`
27	`<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />`	27	`<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />`
28	`<link href="http://www.tela-botanica.org/eflore/cel/widget/modules/saisie/squelettes/mobile/css/mobile.css" rel="stylesheet" type="text/css" media="screen" />`	28	`<link href="http://www.tela-botanica.org/eflore/cel/widget/modules/saisie/squelettes/mobile/css/mobile.css" rel="stylesheet" type="text/css" media="screen" />`
29		29
30	`<!-- Javascript -->`	30	`<!-- Javascript -->`
31	`<script src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>`	31	`<script src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>`
32		32
33	`<!-- Javascript : appli saisie -->`	33	`<!-- Javascript : appli saisie -->`
34	`<script type="text/javascript" src="config.js"></script>`	34	`<script type="text/javascript" src="config.js"></script>`
35	`<script type="text/javascript" src="js/mobile.js"></script>`	35	`<script type="text/javascript" src="js/mobile.js"></script>`
36	`<script type="text/javascript" src="js/bdtfx.js"></script>`	36	`<script type="text/javascript" src="js/bdtfx.js"></script>`
37		37
38	`<!-- Javascript : Jquery Mobile -->`	38	`<!-- Javascript : Jquery Mobile -->`
39	`<script src="http://www.tela-botanica.org/commun/jquery/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>`	39	`<script src="http://www.tela-botanica.org/commun/jquery/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>`
-		40
-		41
-		42	`<script>`
-		43	`(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]\|\|function(){`
-		44	`(i[r].q=i[r].q\|\|[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),`
-		45	`m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)`
-		46	`})(window,document,'script','//www.google-analytics.com/analytics.js','ga');`
-		47
-		48	`ga('create', 'UA-20092557-1', 'auto');`
-		49	`ga('require', 'displayfeatures');`
-		50	`ga('send', 'pageview');`
-		51
-		52	`</script>`
40	`</head>`	53	`</head>`
41		54
42		55
43	`<body data-theme="b">`	56	`<body data-theme="b">`
44	`<div id="menu" data-role="page"> <!--data-add-back-btn="true" data-back-btn-text="Retour"-->`	57	`<div id="menu" data-role="page"> <!--data-add-back-btn="true" data-back-btn-text="Retour"-->`
45	`<div data-role="header">`	58	`<div data-role="header">`
46	`<h1>Accueil</h1>`	59	`<h1>Accueil</h1>`
47	`<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>`	60	`<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>`
48	`</div>`	61	`</div>`
49	`<div data-role="content" data-theme="g">`	62	`<div data-role="content" data-theme="g">`
50	`<p class="center">`	63	`<p class="center">`
51	`Bienvenue sur le Carnet En Ligne mobile ! <br />`	64	`Bienvenue sur le Carnet En Ligne mobile ! <br />`
52	`</p>`	65	`</p>`
53	`<ul data-role="listview">`	66	`<ul data-role="listview">`
54	`<li>`	67	`<li>`
55	`<img src="http://www.tela-botanica.org/commun/icones/glyphish/187-pencil.png" class="ui-li-icon"/>`	68	`<img src="http://www.tela-botanica.org/commun/icones/glyphish/187-pencil.png" class="ui-li-icon"/>`
56	`<a href="#saisie" class="saisie" data-role="button">1 - Saisir une observation</a>`	69	`<a href="#saisie" class="saisie" data-role="button">1 - Saisir une observation</a>`
57	`</li>`	70	`</li>`
58	`<li>`	71	`<li>`
59	`<img src="http://www.tela-botanica.org/commun/icones/glyphish/179-notepad.png" class="ui-li-icon"/>`	72	`<img src="http://www.tela-botanica.org/commun/icones/glyphish/179-notepad.png" class="ui-li-icon"/>`
60	`<a href="#liste" data-role="button">2 - Voir mes observations</a>`	73	`<a href="#liste" data-role="button">2 - Voir mes observations</a>`
61	`</li>`	74	`</li>`
62	`<li>`	75	`<li>`
63	`<img src="http://www.tela-botanica.org/commun/icones/glyphish/56-cloud.png" class="ui-li-icon"/>`	76	`<img src="http://www.tela-botanica.org/commun/icones/glyphish/56-cloud.png" class="ui-li-icon"/>`
64	`<a href="#transmission" data-role="button">3 - Transmettre mes observations</a>`	77	`<a href="#transmission" data-role="button">3 - Transmettre mes observations</a>`
65	`</li>`	78	`</li>`
66	`<li></li>`	79	`<li></li>`
67	`</ul>`	80	`</ul>`
68	`</div>`	81	`</div>`
69	`<div data-role="footer" data-position="fixed"></div>`	82	`<div data-role="footer" data-position="fixed"></div>`
70	`</div>`	83	`</div>`
71		84
72	`<div id="saisie" data-role="page">`	85	`<div id="saisie" data-role="page">`
73	`<div data-role="header" data-position="inline">`	86	`<div data-role="header" data-position="inline">`
74	`<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>`	87	`<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>`
75	`<h1>Saisie</h1>`	88	`<h1>Saisie</h1>`
76	`<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>`	89	`<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>`
77	`</div>`	90	`</div>`
78	`<form id="form-saisie-observation" method="post" action="#">`	91	`<form id="form-saisie-observation" method="post" action="#">`
79	`<div data-role="content">`	92	`<div data-role="content">`
80	`<div id="obs-saisie-infos"></div>`	93	`<div id="obs-saisie-infos"></div>`
81	`<div data-role="fieldcontain">`	94	`<div data-role="fieldcontain">`
82	`<label for="nom">Espèce : </label>`	95	`<label for="nom">Espèce : </label>`
83	`<span id="nom"></span>`	96	`<span id="nom"></span>`
84		97
85	`<br />`	98	`<br />`
86	`<a href="#saisie-popup" id="saisie-popup-btn"`	99	`<a href="#saisie-popup" id="saisie-popup-btn"`
87	`data-role="button" data-icon="search" data-iconpos="right"`	100	`data-role="button" data-icon="search" data-iconpos="right"`
88	`data-rel="dialog" data-transition="pop" data-theme="b">`	101	`data-rel="dialog" data-transition="pop" data-theme="b">`
89	`Changer l'espèce`	102	`Changer l'espèce`
90	`</a>`	103	`</a>`
91	`<hr />`	104	`<hr />`
92		105
93	`<label for="date">`	106	`<label for="date">`
94	`Date :`	107	`Date :`
95	`<span id="date"></span>`	108	`<span id="date"></span>`
96	`</label>`	109	`</label>`
97	`<hr />`	110	`<hr />`
98		111
99	`<button id="geolocaliser"`	112	`<button id="geolocaliser"`
100	`data-role="button" data-icon="refresh" data-iconpos="" data-ajax="false">`	113	`data-role="button" data-icon="refresh" data-iconpos="" data-ajax="false">`
101	`Recalculer ma position`	114	`Recalculer ma position`
102	`</button>`	115	`</button>`
103		116
104	`<label for="lat">`	117	`<label for="lat">`
105	`Latitude :`	118	`Latitude :`
106	`<span id="lat"></span>`	119	`<span id="lat"></span>`
107	`</label>`	120	`</label>`
108		121
109	`<br />`	122	`<br />`
110	`<label for="lng">`	123	`<label for="lng">`
111	`Longitude :`	124	`Longitude :`
112	`<span id="lng"></span>`	125	`<span id="lng"></span>`
113	`</label>`	126	`</label>`
114		127
115	`<br />`	128	`<br />`
116	`<label for="location">`	129	`<label for="location">`
117	`Commune :`	130	`Commune :`
118	`<span id="location"></span>`	131	`<span id="location"></span>`
119	`<input id="code-insee" type="hidden" name="code-insee" />`	132	`<input id="code-insee" type="hidden" name="code-insee" />`
120	`</label>`	133	`</label>`
121		134
122	`<br />`	135	`<br />`
123	`<hr />`	136	`<hr />`
124	`<button id="sauver-obs" data-role="button" data-icon="check">Sauver</button>`	137	`<button id="sauver-obs" data-role="button" data-icon="check">Sauver</button>`
125		138
126	`<input id="referentiel" type="hidden" name="referentiel" />`	139	`<input id="referentiel" type="hidden" name="referentiel" />`
127	`<input id="nom-sci-select" type="hidden" name="nom-sci-select" />`	140	`<input id="nom-sci-select" type="hidden" name="nom-sci-select" />`
128	`<input id="num-nom-select" type="hidden" name="num-nom-select" />`	141	`<input id="num-nom-select" type="hidden" name="num-nom-select" />`
129	`</div>`	142	`</div>`
130	`</div>`	143	`</div>`
131	`<div data-role="footer" data-position="fixed">`	144	`<div data-role="footer" data-position="fixed">`
132	`<div data-role="navbar">`	145	`<div data-role="navbar">`
133	`<ul>`	146	`<ul>`
134	`<li><a href="#liste" data-role="button" data-icon="notepad" data-iconpos="notext">Liste de mes obs.</a></li>`	147	`<li><a href="#liste" data-role="button" data-icon="notepad" data-iconpos="notext">Liste de mes obs.</a></li>`
135	`<li><a href="#transmission" data-role="button" data-icon="cloud" data-iconpos="notext">Transmission</a></li>`	148	`<li><a href="#transmission" data-role="button" data-icon="cloud" data-iconpos="notext">Transmission</a></li>`
136	`</ul>`	149	`</ul>`
137	`</div>`	150	`</div>`
138	`</div>`	151	`</div>`
139	`</form>`	152	`</form>`
140	`</div>`	153	`</div>`
141		154
142	`<div id="saisie-popup" data-role="page" data-history="false" data-close-btn="right">`	155	`<div id="saisie-popup" data-role="page" data-history="false" data-close-btn="right">`
143	`<div data-role="header">`	156	`<div data-role="header">`
144	`<h1></h1>`	157	`<h1></h1>`
145	`</div>`	158	`</div>`
146	`<div data-role="content">`	159	`<div data-role="content">`
147	`<ul id="liste-noms-latins" data-role="listview"`	160	`<ul id="liste-noms-latins" data-role="listview"`
148	`data-inset="true" data-filter="true" data-filter-reveal="true"`	161	`data-inset="true" data-filter="true" data-filter-reveal="true"`
149	`data-filter-placeholder="Trouver une espèce...">`	162	`data-filter-placeholder="Trouver une espèce...">`
150	`</ul>`	163	`</ul>`
151	`<div class="hidden">`	164	`<div class="hidden">`
152	`<button id="recherche-chargement" data-theme="a" data-textonly="true" data-textvisible="true" data-msgtext="Chargement des résultats..." ></button>`	165	`<button id="recherche-chargement" data-theme="a" data-textonly="true" data-textvisible="true" data-msgtext="Chargement des résultats..." ></button>`
153	`</div>`	166	`</div>`
154	`</div>`	167	`</div>`
155	`</div>`	168	`</div>`
156		169
157	`<div id="liste" data-role="page">`	170	`<div id="liste" data-role="page">`
158	`<div data-role="header" data-position="inline">`	171	`<div data-role="header" data-position="inline">`
159	`<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>`	172	`<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>`
160	`<h1>Observations</h1>`	173	`<h1>Observations</h1>`
161	`<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>`	174	`<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>`
162	`</div>`	175	`</div>`
163	`<div data-role="content">`	176	`<div data-role="content">`
164	`<div id="obs-suppression-infos"></div>`	177	`<div id="obs-suppression-infos"></div>`
165	`<ul id="liste-obs" data-role="listview" data-split-icon="delete" data-split-theme="g" data-theme="g" data-inset="true"></ul>`	178	`<ul id="liste-obs" data-role="listview" data-split-icon="delete" data-split-theme="g" data-theme="g" data-inset="true"></ul>`
166	`</div>`	179	`</div>`
167	`<div data-role="footer" data-position="fixed">`	180	`<div data-role="footer" data-position="fixed">`
168	`<div data-role="navbar">`	181	`<div data-role="navbar">`
169	`<ul>`	182	`<ul>`
170	`<li><a href="#saisie" class="saisie" data-role="button" data-icon="pencil" data-iconpos="notext">Saisie</a></li>`	183	`<li><a href="#saisie" class="saisie" data-role="button" data-icon="pencil" data-iconpos="notext">Saisie</a></li>`
171	`<li><a href="#transmission" data-role="button" data-icon="cloud" data-iconpos="notext">Transmission</a></li>`	184	`<li><a href="#transmission" data-role="button" data-icon="cloud" data-iconpos="notext">Transmission</a></li>`
172	`</ul>`	185	`</ul>`
173	`</div>`	186	`</div>`
174	`</div>`	187	`</div>`
175	`</div>`	188	`</div>`
176		189
177	`<div id="observation" data-role="page">`	190	`<div id="observation" data-role="page">`
178	`<div data-role="header" data-position="inline">`	191	`<div data-role="header" data-position="inline">`
179	`<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>`	192	`<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>`
180	`<h1>Détails de l'observation</h1>`	193	`<h1>Détails de l'observation</h1>`
181	`<a href="#liste" data-icon="notepad" data-iconpos="notext" ></a>`	194	`<a href="#liste" data-icon="notepad" data-iconpos="notext" ></a>`
182	`</div>`	195	`</div>`
183	`<div data-role="content">`	196	`<div data-role="content">`
184	`<label for="id-obs">Identifiant :</label> <span id="id-obs"></span>`	197	`<label for="id-obs">Identifiant :</label> <span id="id-obs"></span>`
185	`<div id="details-obs"></div>`	198	`<div id="details-obs"></div>`
186		199
187	`<input type="file" id="pic" name="photos-obs[]" accept="image/*" multiple>`	200	`<input type="file" id="pic" name="photos-obs[]" accept="image/*" multiple>`
188	`<button id="valider-photos"`	201	`<button id="valider-photos"`
189	`data-role="button" data-icon="search" data-iconpos="" data-ajax="false">`	202	`data-role="button" data-icon="search" data-iconpos="" data-ajax="false">`
190	`Ajouter les images sélectionnées`	203	`Ajouter les images sélectionnées`
191	`</button>`	204	`</button>`
192		205
193	`<div data-role="popup" id="cache-plein" class="ui-content" data-position-to="#valider-photos">`	206	`<div data-role="popup" id="cache-plein" class="ui-content" data-position-to="#valider-photos">`
194	`<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>`	207	`<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>`
195	`<p>`	208	`<p>`
196	`La mémoire de cette application est pleine. <br />`	209	`La mémoire de cette application est pleine. <br />`
197	`Veuillez supprimer des images ou transmettre vos observations.`	210	`Veuillez supprimer des images ou transmettre vos observations.`
198	`</p>`	211	`</p>`
199	`</div>`	212	`</div>`
200		213
201	`<div data-role="popup" id="photo-zoom" class="ui-content">`	214	`<div data-role="popup" id="photo-zoom" class="ui-content">`
202	`<span id="photo-zoom-infos"></span>`	215	`<span id="photo-zoom-infos"></span>`
203	`<button data-role="button" data-theme="a" onclick="$('#photo-zoom').popup('close');">`	216	`<button data-role="button" data-theme="a" onclick="$('#photo-zoom').popup('close');">`
204	`Fermer cet aperçu`	217	`Fermer cet aperçu`
205	`</button>`	218	`</button>`
206	`</div>`	219	`</div>`
207		220
208	`<div id="photo-suppression-infos"></div>`	221	`<div id="photo-suppression-infos"></div>`
209	`<ul id="photos-obs" data-role="listview" data-inset="true"></ul>`	222	`<ul id="photos-obs" data-role="listview" data-inset="true"></ul>`
210	`<canvas id="photo-canvas" class="hidden"></canvas>`	223	`<canvas id="photo-canvas" class="hidden"></canvas>`
211	`</div>`	224	`</div>`
212	`<div data-role="footer" data-position="fixed">`	225	`<div data-role="footer" data-position="fixed">`
213	`<div data-role="navbar">`	226	`<div data-role="navbar">`
214	`<ul>`	227	`<ul>`
215	`<li><a href="#saisie" class="saisie" data-role="button" data-icon="pencil" data-iconpos="notext">Saisie</a></li>`	228	`<li><a href="#saisie" class="saisie" data-role="button" data-icon="pencil" data-iconpos="notext">Saisie</a></li>`
216	`<li><a href="#liste" data-role="button" data-icon="notepad" data-iconpos="notext">Liste de mes obs.</a></li>`	229	`<li><a href="#liste" data-role="button" data-icon="notepad" data-iconpos="notext">Liste de mes obs.</a></li>`
217	`</ul>`	230	`</ul>`
218	`</div>`	231	`</div>`
219	`</div>`	232	`</div>`
220	`</div>`	233	`</div>`
221		234
222	`<div id="transmission" data-role="page">`	235	`<div id="transmission" data-role="page">`
223	`<div data-role="header">`	236	`<div data-role="header">`
224	`<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>`	237	`<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>`
225	`<h1>Transmission</h1>`	238	`<h1>Transmission</h1>`
226	`<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>`	239	`<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>`
227	`</div>`	240	`</div>`
228	`<div data-role="content" data-theme="d">`	241	`<div data-role="content" data-theme="d">`
229	`<p>`	242	`<p>`
230	`<span id="identification-texte">`	243	`<span id="identification-texte">`
231	`Ajouter au compte`	244	`Ajouter au compte`
232	`</span>`	245	`</span>`
233	`<strong><span id="utilisateur-compte"></span></strong>`	246	`<strong><span id="utilisateur-compte"></span></strong>`
234	`</p>`	247	`</p>`
235	`<a href="#identification-popup" id="identification-btn"`	248	`<a href="#identification-popup" id="identification-btn"`
236	`data-role="button" data-icon="grid" data-iconpos="right"`	249	`data-role="button" data-icon="grid" data-iconpos="right"`
237	`data-rel="dialog" data-transition="pop" data-theme="b">`	250	`data-rel="dialog" data-transition="pop" data-theme="b">`
238	`Modifier le compte`	251	`Modifier le compte`
239	`</a>`	252	`</a>`
240	`<div id="identification-infos"></div>`	253	`<div id="identification-infos"></div>`
241	`<hr />`	254	`<hr />`
242	`<button data-role="button" data-icon="cloud-black" id="transmettre-obs" >`	255	`<button data-role="button" data-icon="cloud-black" id="transmettre-obs" >`
243	`Transmettre`	256	`Transmettre`
244	`</button>`	257	`</button>`
245	`</div>`	258	`</div>`
246	`<div data-role="footer" data-position="fixed">`	259	`<div data-role="footer" data-position="fixed">`
247	`<div data-role="navbar">`	260	`<div data-role="navbar">`
248	`<ul>`	261	`<ul>`
249	`<li><a href="#saisie" class="saisie" data-role="button" data-icon="pencil" data-iconpos="notext">Saisie</a></li>`	262	`<li><a href="#saisie" class="saisie" data-role="button" data-icon="pencil" data-iconpos="notext">Saisie</a></li>`
250	`<li><a href="#liste" data-role="button" data-icon="notepad" data-iconpos="notext">Liste de mes obs.</a></li>`	263	`<li><a href="#liste" data-role="button" data-icon="notepad" data-iconpos="notext">Liste de mes obs.</a></li>`
251	`</ul>`	264	`</ul>`
252	`</div>`	265	`</div>`
253	`</div>`	266	`</div>`
254	`</div>`	267	`</div>`
255		268
256	`<div id="identification-popup" data-role="page" data-history="false" data-close-btn="right">`	269	`<div id="identification-popup" data-role="page" data-history="false" data-close-btn="right">`
257	`<div data-role="header">`	270	`<div data-role="header">`
258	`<h1>Compte Tela Botanica</h1>`	271	`<h1>Compte Tela Botanica</h1>`
259	`</div>`	272	`</div>`
260	`<form id="form-transmission" method="post" action="#">`	273	`<form id="form-transmission" method="post" action="#">`
261	`<div data-role="content">`	274	`<div data-role="content">`
262	`<div data-role="fieldcontain">`	275	`<div data-role="fieldcontain">`
263	`<label for="courriel">Courriel * :</label>`	276	`<label for="courriel">Courriel * :</label>`
264	`<input id="courriel" type="email" name="courriel"/>`	277	`<input id="courriel" type="email" name="courriel"/>`
265	`<input id="id-utilisateur" name="id-utilisateur" type="hidden"/>`	278	`<input id="id-utilisateur" name="id-utilisateur" type="hidden"/>`
266		279
267	`<button id="valider-courriel" data-role="button"`	280	`<button id="valider-courriel" data-role="button"`
268	`data-icon="forward" data-iconpos="">`	281	`data-icon="forward" data-iconpos="">`
269	`Vérifier ce compte Tela`	282	`Vérifier ce compte Tela`
270	`</button>`	283	`</button>`
271	`</div>`	284	`</div>`
272	`<div id="zone-courriel-confirmation" data-role="fieldcontain" class="hidden">`	285	`<div id="zone-courriel-confirmation" data-role="fieldcontain" class="hidden">`
273	`<label for="courriel-confirmation">`	286	`<label for="courriel-confirmation">`
274	`<strong class="obligatoire">*</strong> Courriel (confirmation) :`	287	`<strong class="obligatoire">*</strong> Courriel (confirmation) :`
275	`</label>`	288	`</label>`
276	`<input id="courriel-confirmation" name="courriel-confirmation" type="text"/>`	289	`<input id="courriel-confirmation" name="courriel-confirmation" type="text"/>`
277	`</div>`	290	`</div>`
278	`<div id="zone-prenom-nom" data-role="fieldcontain" class="hidden">`	291	`<div id="zone-prenom-nom" data-role="fieldcontain" class="hidden">`
279	`<div>`	292	`<div>`
280	`<label for="nom">Nom :</label>`	293	`<label for="nom">Nom :</label>`
281	`<input id="nom-utilisateur" name="nom" type="text"/>`	294	`<input id="nom-utilisateur" name="nom" type="text"/>`
282	`</div>`	295	`</div>`
283		296
284	`<div>`	297	`<div>`
285	`<label for="prenom">Prénom :</label>`	298	`<label for="prenom">Prénom :</label>`
286	`<input id="prenom-utilisateur" name="prenom" type="text"/>`	299	`<input id="prenom-utilisateur" name="prenom" type="text"/>`
287	`</div>`	300	`</div>`
288	`</div>`	301	`</div>`
289	`<input type="checkbox" name="courriel-memoire" id="courriel-memoire" checked="checked">`	302	`<input type="checkbox" name="courriel-memoire" id="courriel-memoire" checked="checked">`
290	`<label for="courriel-memoire">Se souvenir de moi</label>`	303	`<label for="courriel-memoire">Se souvenir de moi</label>`
291		304
292	`<button id="valider-identification" data-role="button"`	305	`<button id="valider-identification" data-role="button"`
293	`data-icon="check" data-iconpos="right" data-theme="b">`	306	`data-icon="check" data-iconpos="right" data-theme="b">`
294	`Valider le formulaire`	307	`Valider le formulaire`
295	`</button>`	308	`</button>`
296	`</div>`	309	`</div>`
297	`</form>`	310	`</form>`
298	`<div data-role="footer"></div>`	311	`<div data-role="footer"></div>`
299	`</div><!-- /page popup -->`	312	`</div><!-- /page popup -->`
300		313
301	`<div id="infos" data-role="page" data-add-back-btn="true" data-back-btn-text="Retour">`	314	`<div id="infos" data-role="page" data-add-back-btn="true" data-back-btn-text="Retour">`
302	`<div data-role="header">`	315	`<div data-role="header">`
303	`<h1>Infos</h1>`	316	`<h1>Infos</h1>`
304	`</div>`	317	`</div>`
305	`<div data-role="content">`	318	`<div data-role="content">`
306	`<p>`	319	`<p>`
307	`Développement :`	320	`Développement :`
308	`<ul>`	321	`<ul>`
309	`<li>Jean-Pascal MILCENT</li>`	322	`<li>Jean-Pascal MILCENT</li>`
310	`<li>Isabelle NEMBROT</li>`	323	`<li>Isabelle NEMBROT</li>`
311	`</ul>`	324	`</ul>`
312	`sur une idée originale de Aurélien PERONNET.`	325	`sur une idée originale de Aurélien PERONNET.`
313	`</p>`	326	`</p>`
314	`</div>`	327	`</div>`
315	`<div data-role="footer" data-position="fixed">`	328	`<div data-role="footer" data-position="fixed">`
316	`<p class="center">`	329	`<p class="center">`
317	`Icônes par <a href="http://glyphish.com">Joseph Wain - Glyphish</a>. <br />`	330	`Icônes par <a href="http://glyphish.com">Joseph Wain - Glyphish</a>. <br />`
318	`© Copyright <span id="annee"></span> - <a href="http://www.tela-botanica.org/site:accueil">Tela Botanica</a>`	331	`© Copyright <span id="annee"></span> - <a href="http://www.tela-botanica.org/site:accueil">Tela Botanica</a>`
319	`</p>`	332	`</p>`
320	`</div>`	333	`</div>`
321	`</div>`	334	`</div>`
322	`</body>`	335	`</body>`
323	`</html>`	336	`</html>`

Subversion Repositories eFlore/Applications.cel

(root)/branches/v2.20-pistolet-arroseur/widget/modules/saisie/squelettes/mobile/mobile.tpl.html – Rev 2670 → 2683