Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
147 lines (144 sloc) 6.51 KB
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Proximity Reminder</title>
<script type="text/javascript" src="./js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="./js/jquery-ui-1.9.2.custom.min.js"></script>
<script type="text/javascript" src="./js/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="./js/jquery-ui-sliderAccess.js"></script>
<script type="text/javascript" src="./js/webinos.js"></script>
<script type="text/javascript" src="./js/globals.js"></script>
<script type="text/javascript" src="./js/storereminders.js"></script>
<script type="text/javascript" src="./js/geoTools.js"></script>
<script type="text/javascript" src="./js/viewreminders.js"></script>
<script type="text/javascript" src="./js/editreminder.js"></script>
<script type="text/javascript" src="./js/findreminders.js"></script>
<script type="text/javascript" src="./js/alertreminder.js"></script>
<script type="text/javascript" src="./js/main.js"></script>
<link rel="stylesheet" type="text/css" href="./css/proximityreminder.css" />
<link rel="stylesheet" type="text/css" href="./css/custom-theme/jquery-ui-1.9.2.custom.css" />
<link rel="stylesheet" type="text/css" href="./css/jquery-ui-timepicker-addon.css" />
<link rel="icon" type="image/png" href="./remind_me.png" />
</head>
<body>
<div id="content">
<div id="westside">
<p id="frontStatus" class='status'>Not connected to webinos</p>
<h1>Proximity Reminder</h1>
<!-- Display initial buttons -->
<div id="frontpage">
<button id="createReminder" class="frontbutton" type="button" disabled="true">
Create a reminder
</button>
<button id="viewReminders" class="frontbutton" type="button" disabled="true">
View reminders
</button>
<input id="checkReminders" type="checkbox" value="true" defaultChecked="true">
Check reminders
</input>
</div>
<!-- Display notification alert -->
<div id="reminderNotification" class="notificationDiv"></div>
</div>
<div id="eastside">
<div id="morecontent">
<!-- Show the "edit reminders" page -->
<div id="editDiv">
<hr class="mobvis">
<h2 id="editHeading">Add Reminder</h2>
<div id="editContent" class="editContent">
<div id="reminderid-table">
<span>Reminder Id: </span>
<span id="reminderIdCell"></span>
</div>
<div>
<label for="editEnabled">Enabled?</label>
<input id="editEnabled" type="checkbox" value="true" defaultChecked="true">
</div>
<div>
<label for="editDescription">Description</label>
<input id="editDescription" type="text"></input>
</div>
<div>
<label for="devicesSelect">Devices to remind</label>
<select multiple="true" id="devicesSelect"></select>
</div>
<div>
<label for="dateSelect">When?</label>
<select id="dateSelect">
<option class="persistentOption" value="anytime">Any time</option>
<option class="persistentOption" value="selecttime">Select a time</option>
</select>
</div>
<div id="dateWrapper">
<div>
<label for="datepicker">Start:</label>
<input type="text" id="datepicker">
</div>
<div>
<label for="datepicker2">End:</label>
<input type="text" id="datepicker2">
</div>
<div id="recurringWrapper">
<!-- Not fully implemented yet -->
<label for="recurringSelect">Reccurring:</label>
<select id="recurringSelect">
<option id="recurringOption-never" value="never" selected="true">Never</option>
<option id="recurringOption-daily" value="daily">Daily</option>
<option id="recurringOption-weekly" value="weekly">Weekly</option>
<option id="recurringOption-monthly" value="monthly">Monthly</option>
<option id="recurringOption-yearly" value="yearly">Yearly</option>
</select>
</div>
</div>
<div>
<label for="placeSelect">Where?</label>
<select id="placeSelect">
<option value="_ANYWHERE" class="persistentOption" id="place-option-_ANYWHERE">Anywhere</option>
</select>
</div>
<div id="proximityDiv">
<label for="proximityAmount">Within</label>
<input id="proximityAmount" type="text" value="10" width="50px">
<select id="proximityUnits">
<option selected="true" value="metres">metres</option>
<!--
<option>feet</option>
<option>yards</option>
<option>kilometers</option>
<option>miles</option>
-->
</select>
</div>
<div id="placeAddRow1">
<label for="editPlaceDescription">Place description</label>
<input id="editPlaceDescription" type="text">
</div>
<div id="placeAddRow2">
<label for="editPlaceLocationSelect">Select location</label>
<div id="editPlaceLocationSelect"></div>
</div>
</div>
<button id="saveReminderButton" class="frontbutton" type="button">Save reminder</button>
</div>
<!-- Show the list of reminders and places -->
<div id="viewDiv">
<hr class="mobvis">
<h2>Reminders</h2>
<ul id="viewList" data-role="listview" class="reminderList"></ul>
<h2>Places</h1>
<ul class="placeList" id="placeUL"></ul>
<div id="mapImgWrapper">
<h2 id="mapImgHeading"></h2>
<div id="mapImgDeleteButton"></div>
<div id="map"></div>
</div>
</div>
</div>
<div id="mobileBackFooter">&lt;&lt; Back</div>
</div>
<div id="alertPopupDiv" title="Information"></div>
</div>
</body>
</html>