options.html

<html>
<head>
	<title>
		CoinURL Shortener Options
	</title>
	<style>
		body {
			color: #999;
		}
		#content {
			width: 300px;
			margin: 0 auto;
			padding: 30px;
		}
	</style>
	<script>
		function saveOptions(){
			var uuid = document.getElementById('uuid').value;
			var status = document.getElementById('status');
			
			if (uuid != ""){
				localStorage['uuid'] = uuid;
				
				// let them know it's ok
				status.innerHTML = "Options Saved";
				showuuid();
			}
			else {
				status.innerHTML = "Error - Incorrect Uuid";
			}
			
			// make the ok go away
			setTimeout(function() {
				status.innerHTML = "";
			  }, 2000);
		}
		
		function showuuid(){
			document.getElementById("old-uuid").innerHTML = localStorage['uuid'];
		}
	</script>
</head>
<body onload="showuuid()">
	<div id='content'>
		Uuid:<span id='old-uuid'></span>
		<br><br>
		New Uuid: <input type='text' size=30 id='uuid'/>
		<br><br>
		<button value='Save Options' onclick='saveOptions()'>Save Options</button>
		<br><br>
		<div id='status'>
		
		</div>
	</div>
</body>