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

Subversion Repositories eFlore/Applications.cel

(root)/branches/v2.9-motobineuse/widget/modules/saisie/squelettes/mobile/mobile.tpl.html @ 2854 – Rev 1826 → 1827