tizen
/
mapo


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302
							<!DOCTYPE html>
<html>
<!--

Copyright (c) 2013 Mapo developers and contributors <mapo.tizen@gmail.com>

This file is part of Mapo.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.

-->

<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content="A geolocation application" />

<title>Mapo</title>

<link rel="stylesheet" href="./css/jquery.mobile-1.3.2.css" />
<link rel="stylesheet" href="css/jqm-docs.css" />
<script type="text/javascript" src="./js/jquery-1.9.1.js"></script>
<script src="js/jqm-docs.js"></script>
<script type="text/javascript" src="./js/jquery.mobile-1.3.2.js"></script>
<script type="text/javascript">
<!--
var OpenLayers = null;
var google = null;
var gmaps = null;
//-->
</script>

<script type="text/javascript" src="lib.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<link rel="stylesheet" href="css/style.css" />
</head>

<body>

	<!-- Page 1 : My position -->
	<div data-role="page" id="position" class="ui-page">
		<div data-role="header" data-id="myHeader" data-position="fixed">
			<!-- <input type="button" onclick="getLocation()" value="Position"/> -->
			<a href="javascript:void(0);" data-role="button"
				onclick="getLocation()" id="home" class="ui-btn-left"
				data-mini="true" data-icon="home">Update</a>
			<h1 class="ui-title">MAPO</h1>
			<a data-role="button" id="exit" class="ui-btn-right-mini"
				data-icon="delete" onclick="quit()">Exit</a>
			<div data-role="navbar">
				<ul>
					<li><a href="#position" class="ui-btn-active ui-state-persist">Position</a></li>
					<li><a href="#map">Map</a></li>
					<li><a href="#settings">Settings</a></li>
					<li><a href="#about">About</a></li>
				</ul>
			</div>
			<!-- /navbar -->
		</div>
		<!-- /header -->

		<div data-role="content">
			<form>
				<table>
					<tr>
						<td><label for=lat>Latitude<br />N+/S-:
						</label></td>
						<td><input type="text" id="lat" value="26.357865"
							onChange="changeLat(lat.value);" /></td>
					</tr>
					<tr>
						<td><label for=lon>Longitude<br />W+/E-:
						</label></td>
						<td><input type="text" id="lon" value="127.783782"
							onChange="changeLon();" /></td>
					</tr>
				</table>
				<label for="dms">DMS (degree, minutes, seconds):</label> <input
					type="text" id="dms" value="N 26° 21' 28&quot;  E 127° 47' 1&quot;"
					onChange="changeDMS();" />

			</form>


			<div data-role="collapsible" data-collapsed="true">
				<h3>Share:</h3>
				<div data-role="controlgroup">
					<button onclick="sendEmail()">Email</button>
					<button onclick="sendMessage()">Message</button>
					<button onclick="createCalendarEvent()">Calendar</button>
					<button onclick="createContact()">Contact</button>
					<button onclick="call()">Call</button>
					<!-- <button onclick="sendBluetooth()">Bluetooth</button> -->
				</div>
			</div>

			<div data-role="collapsible" data-collapsed="true">
				<h3>Web:</h3>
				<div data-role="controlgroup">
					<button onclick="goToURL('OSM')">OpenStreetMap</button>
					<button onclick="goToURL('HERE')">Here (Nokia)</button>
					<button onclick="goToURL('GM')">Google Maps</button>
				</div>
			</div>
		</div>
		<!-- /content -->

		<div data-role="footer" data-id="myFooter" data-position="fixed">
			Copyleft: GPL-3.0+ : http://opensource.eurogiciel.fr</div>
		<!-- /footer -->
	</div>
	<!-- /page #position-->


	<!-- Page 2 : Search a place -->
	<div data-role="page" id="map" class="ui-page">
		<div data-role="header" data-id="myHeader" data-position="fixed">
			<a href="javascript:void(0);" data-role="button"
				onclick="getLocation()" id="home" class="ui-btn-left"
				data-icon="home">Update</a>
			<h1 class="ui-title">MAPO</h1>
			<a data-role="button" id="exit" class="ui-btn-right"
				data-icon="delete" onclick="quit()">Exit</a>
			<div data-role="navbar">
				<ul>
					<li><a href="#position">Position</a></li>
					<li><a href="#map" class="ui-btn-active ui-state-persist">Map</a></li>
					<li><a href="#settings">Settings</a></li>
					<li><a href="#about">About</a></li>
				</ul>
			</div>
			<!-- /navbar -->
		</div>
		<!-- /header -->

		<div data-role="content">
			<div id="myMap">
				<a data-icon="delete" onclick="quit()"> Wont work if not online,
					please connect to internet before restarting application Exit</a>
			</div>
		</div>
		<!-- /content -->

		<div data-role="footer" data-id="myFooter" data-position="fixed">
			Copyleft: GPL-3.0+ : http://opensource.eurogiciel.fr</div>
		<!-- /footer -->
	</div>
	<!-- /page #place-->


	<!-- Page 3 : Settings -->
	<div data-role="page" id="settings" class="ui-page">
		<div data-role="header" data-id="myHeader" data-position="fixed">
			<a href="javascript:void(0);" data-role="button"
				onclick="getLocation()" id="home" class="ui-btn-left"
				data-icon="home">Update</a>
			<h1 class="ui-title">MAPO</h1>
			<a data-role="button" id="exit" class="ui-btn-right"
				data-icon="delete" onclick="quit()">Exit</a>
			<div data-role="navbar">
				<ul>
					<li><a href="#position">Position</a></li>
					<li><a href="#map">Map</a></li>
					<li><a href="#settings" class="ui-btn-active ui-state-persist">Settings</a></li>
					<li><a href="#about">About</a></li>
				</ul>
			</div>
			<!-- /navbar -->
		</div>
		<!-- /header -->

		<div data-role="content">
			<table width="100%">
				<tr>

					<td><label for="switchOnline">Connection:</label></td>
					<td><select name="switchOnline" id="switchOnline"
						data-role="slider" onchange="switchOnline()">
							<option value="offline" selected>Offline</option>
							<option value="online">Online</option>
					</select></td>
				<tr>
				<tr>
					<td><label for="switchEnergy">Energy saving:</label></td>
					<td><select name="switchEnergy" id="switchEnergy"
						data-role="slider">
							<option value="off">Off</option>
							<option value="on" selected>On</option>
					</select></td>
				</tr>
				<tr>

					<td colspan="2"><label for="zoom">Zoom:</label> <input
						type="range" name="zoom" id="zoom" value="18" min="1" max="20"
						onchange="refresh()" /></td>
			</table>


			<div data-role="controlgroup">
				<button onclick="settings()">Settings</button>
			</div>

			<div data-role="collapsible" data-collapsed="true">
				<h3>Record:</h3>
				<div data-role="controlgroup">
					<table width="100%">
						<tr>
							<td><label for="switchRecord">Record:</label></td>
							<td><select name="switchRecord" id="switchRecord"
								data-role="slider" onchange="record()">
									<option value="stop">Stop</option>
									<option value="start">Start</option>
							</select></td>
						</tr>
					</table>
					<label for="selectorTimeout">Sampling rate (seconds):</label> <input
						type="range" name="selectorTimeout" id="selectorTimeout"
						value="10" min="1" max="100" />

					<p id="locationInfo"></p>
				</div>
			</div>

		</div>
		<!-- /content -->

		<div data-role="footer" data-id="myFooter" data-position="fixed">
			Copyleft: GPL-3.0+ : http://opensource.eurogiciel.fr</div>
		<!-- /footer -->
	</div>
	<!-- /page #options-->


	<!-- Page 3 : about -->
	<div data-role="page" id="about" class="ui-page">
		<div data-role="header" data-id="myHeader" data-position="fixed">
			<a href="javascript:void(0);" data-role="button"
				onclick="getLocation()" id="home" class="ui-btn-left"
				data-icon="home">Update</a>
			<h1 class="ui-title">MAPO</h1>
			<a data-role="button" id="exit" class="ui-btn-right"
				data-icon="delete" onclick="quit()">Exit</a>
			<div data-role="navbar">
				<ul>
					<li><a href="#position">Position</a></li>
					<li><a href="#map">Map</a></li>
					<li><a href="#settings">Settings</a></li>
					<li><a href="#about" class="ui-btn-active ui-state-persist">About</a></li>
				</ul>
			</div>
			<!-- /navbar -->
		</div>
		<!-- /header -->

		<div>
			Mapo is geolocation application, licenced under GPL-3.0+
			<h3>CREDITS / THANKS</h3>
			<ul>
				<li>Philippe Coval
				<li>Theo Gerin
				<li>Sebastien Bocahu
				<li>Eurogiciel Opensource Dept
				<li>OpenLayers.org
				<li>maps.google.com
			</ul>
		</div>

		<div data-role="collapsible" data-collapsed="true">
			<h3>Log:</h3>
			<div data-role="controlgroup">

				<div id="console"></div>
			</div>
			<!-- /content -->

			<div data-role="footer" data-id="myFooter" data-position="fixed">
				Copyleft: GPL-3.0+ : http://opensource.eurogiciel.fr</div>
			<!-- /footer -->
		</div>
	</div>
	<!-- /page #options-->

	<!-- cache version -->
	<script src="http://openlayers.org/api/OpenLayers.js"></script>
	<script src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>

</body>
</html>