Subversion Repositories eFlore/Applications.cel

Rev

Rev 1344 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
1244 jpm 1 
<?php
2 
$annee = date('Y');
3 
$aujourdhui = date('d/m/Y');
4 
?>
5 
<!DOCTYPE html>
6 
<html lang="fr" manifest="<?=$url_base?>modules/saisie/squelettes/mobile/mobile.appcache">
7 
	<head>
8 
		<title>CEL Mobile</title>
9 
 
10 
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
11 
		<meta http-equiv="Content-style-type" content="text/css" />
12 
		<meta http-equiv="Content-script-type" content="text/javascript" />
13 
		<meta http-equiv="Content-language" content="fr" />
14 
 
15 
		<meta name="revisit-after" content="15 days" />
16 
        <meta name="robots" content="index,follow" />
17 
        <meta name="author" content="Jean-Pascal MILCENT, Mathilde SALTHUN-LASSALLE" />
18 
        <meta name="keywords" content="Tela Botanica, CEL, mobile" />
19 
        <meta name="description" content="Widget de saisie du CEL pour smartphone" />
20 
 
21 
		<!-- Favicones -->
22 
		<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/favicon.ico" />
23 
 
24 
		<!-- Viewport -->
25 
		<meta name="viewport" content="width=device-width, initial-scale=1">
26 
 
27 
		<!-- CSS -->
28 
		<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
29 
		<link href="<?=$url_base?>modules/saisie/squelettes/mobile/css/<?=isset($_GET['style']) ? $_GET['style'] : 'mobile'?>.css" rel="stylesheet" type="text/css" media="screen" />
30 
 
31 
		<!-- Javascript -->
32 
		<script src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
33 
 
34 
		<!-- Javascript : appli saisie -->
35 
		<script type="text/javascript">
36 
		//<![CDATA[
37 
			// La présence du parametre 'debug' dans l'URL enclenche le dégogage
38 
			var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
39 
		//]]>
40 
		</script>
41 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/mobile/js/mobile.js"></script>
42 
 
43 
		<!-- Javascript : Jquery Mobile -->
44 
		<script src="http://www.tela-botanica.org/commun/jquery/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>
45 
	</head>
46 
	<body data-theme="b">
47 
		<div id="menu" data-role="page" data-add-back-btn="true" data-back-btn-text="Retour">
48 
			<div data-role="header">
1516 aurelien 49 
				<?php if($titre == 'defaut' ) { ?>
50 
					<h1>Accueil</h1>
51 
				<?php } else { ?>
52 
					<h1><?= $titre ?></h1>
53 
				<?php } ?>
1244 jpm 54 
			</div>
55 
			<div data-role="content" data-theme="g">
56 
				<ul data-role="listview">
57 
					<li>
58 
						<img src="http://www.tela-botanica.org/commun/icones/glyphish/187-pencil.png" class="ui-li-icon"/>
59 
						<a href="#saisie" data-role="button">Saisir une observation</a>
60 
					</li>
61 
					<li>
62 
						<img src="http://www.tela-botanica.org/commun/icones/glyphish/179-notepad.png" class="ui-li-icon"/>
63 
						<a href="#liste" data-role="button">Voir mes observations</a>
64 
					</li>
65 
					<li>
66 
						<img src="http://www.tela-botanica.org/commun/icones/glyphish/56-cloud.png" class="ui-li-icon"/>
67 
						<a href="#transmission" data-role="button">Transmettre mes observations</a>
68 
					</li>
69 
				</ul>
70 
			</div>
71 
			<div data-role="footer" data-position="fixed">
72 
				<a href="#infos" data-role="button">Infos</a>
73 
			</div>
74 
		</div>
75 
 
76 
		<div id="saisie" data-role="page">
77 
			<div data-role="header" data-position="inline">
78 
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
79 
				<h1>Saisie</h1>
80 
				<a href="#liste" data-icon="notepad" data-iconpos="notext">Liste des obs</a>
81 
			</div>
82 
			<form id="form_saisie_observation" method="post" action="#">
83 
				<div data-role="content">
1248 jpm 84 
					<div id="obs-saisie-infos"></div>
1244 jpm 85 
					<div data-role="fieldcontain">
86 
						<!--
87 
						<label for="location">Commune :</label>
88 
						<input type="text" name="location" id="location"/>
89 
						 -->
90 
						<button id="geolocaliser" data-role="button" data-icon="search" data-iconpos="">Trouver ma position</button>
91 
						<label for="lat">Latitude :</label>
92 
						<input id="lat" type="text" name="lat"/>
93 
 
94 
						<label for="lng">Longitude :</label>
95 
						<input id="lng" type="text" name="lng"/>
96 
 
97 
						<label for="date">Date :</label>
98 
						<input id="date" type="text" name="date" value="<?=$aujourdhui?>"/>
99 
 
100 
						<label for="nom">Espece :</label>
101 
						<input id="nom" type="text" name="nom"/>
102 
 
103 
						<input id="num_nom" type="hidden" name="num_nom"/>
104 
					</div>
105 
				</div>
106 
				<div data-role="footer" data-position="fixed">
107 
					<button id="sauver-obs" data-role="button" data-icon="check">Sauver</button>
108 
				</div>
109 
			</form>
110 
		</div>
111 
 
112 
		<div id="liste" data-role="page">
113 
			<div data-role="header" data-position="inline">
114 
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
115 
				<h1>Observations</h1>
116 
			</div>
117 
			<div data-role="content">
1248 jpm 118 
				<ul id="liste-obs" data-role="listview" data-split-icon="delete" data-split-theme="g" data-theme="g" data-inset="true"></ul>
1244 jpm 119 
			</div>
120 
			<div data-role="footer" data-position="fixed">
121 
				<div data-role="navbar">
122 
					<ul>
123 
						<li><a href="#saisie" data-role="button" data-icon="pencil" data-iconpos="notext">Saisie</a></li>
124 
						<li><a href="#transmission" data-role="button" data-icon="cloud" data-iconpos="notext">Transmission</a></li>
125 
					</ul>
126 
				</div>
127 
			</div>
128 
		</div>
129 
 
130 
		<div id="transmission" data-role="page">
131 
			<div data-role="header">
132 
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
133 
				<h1>Transmission</h1>
134 
				<a href="#saisie" data-icon="notepad" data-iconpos="notext">Saisie</a>
135 
			</div>
136 
			<form id="form-transmission" method="post" action="#">
137 
				<div data-role="content">
138 
					<div data-role="fieldcontain">
139 
						<label for="courriel">Courriel :</label>
140 
						<input id="courriel" type="email" name="courriel"/>
141 
					</div>
142 
				</div>
143 
				<div data-role="footer" data-position="fixed">
144 
					<button data-role="button" data-icon="cloud">Transmettre</button>
145 
				</div>
146 
			</form>
147 
		</div>
148 
 
149 
		<div id="infos" data-role="page">
150 
			<div data-role="header">
151 
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
152 
				<h1>Infos</h1>
153 
			</div>
154 
			<div data-role="content">
155 
				<p>Icônes par <a href="http://glyphish.com">Joseph Wain - Glyphish</a>.</p>
156 
			</div>
157 
			<div data-role="footer" data-position="fixed">
158 
				<p>©Copyright <?=$annee?> - <a href="http://www.tela-botanica.org/site:accueil">Tela Botanica</a></p>
159 
			</div>
160 
		</div>
161 
	</body>
162 
</html>