WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/saisie/squelettes/mobile/mobile.tpl.html


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

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/mobile/mobile.tpl.html – Rev 2993 → 2999