Minor standardization

4 years ago · be025e263f
parent ae0e6d0385
commit be025e263f
1 changed files with 138 additions and 130 deletions
--- a/thrimbletrimmer/TestPage.html
+++ b/thrimbletrimmer/TestPage.html
@ -1,21 +1,11 @@
-
 <!DOCTYPE html>
-<html lang="en-US">
+<html>
 <head>
 	<meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<title>Thrimbletrimmer Goes Forth</title>
-    <meta name="description" content="">
-
 	<meta name="google-signin-client_id" content="345276493482-r84m2giavk10glnmqna0lbq8e1hdaus0.apps.googleusercontent.com">
 	<script src="https://apis.google.com/js/platform.js?onload=onGLoad" async defer></script>
-</head>
-<body>
-    <!-- https://developers.google.com/identity/sign-in/web/sign-in -->
-    <div class="g-signin2" data-onsuccess="onSignIn"></div>
-    <a href="#" onclick="signOut();">Sign out</a>
-
-    <script>
+	<script type="text/javascript">
 		var user;
 		function onSignIn(googleUser) {
 			user = googleUser;
@ -34,14 +24,32 @@
 			});
 		}
 	</script>
+	<style type="text/css">
+		#google-sign-in {
+			margin-bottom: 10px;
+		}
+		
+		#output-zone {
+			border-bottom: 1px solid #000;
+			padding-bottom: 2px;
+		}
+	</style>
+</head>
+<body>
+	<div id="google-sign-in">
+		<!-- https://developers.google.com/identity/sign-in/web/sign-in -->
+		<div class="g-signin2" data-onsuccess="onSignIn"></div>
+		<a href="#" onclick="signOut();">Sign out</a>
+	</div>
 	<div>
-        <br/>
-        <input id="server" value="" />
-        <input id="rowId" value="04860aa4-d6a5-11e9-9d36-2a2ae2dbcce4" />
+		<input id="server" value="" placeholder="Server name" />
+		<input id="rowId" value="04860aa4-d6a5-11e9-9d36-2a2ae2dbcce4" placeholder="Row ID" />
 		<input type="button" onclick="getRow()" value="Get Row"/>
 		<a href="/thrimshim">All Rows</a>
-        <br/>
-        <textarea id="rowdump"></textarea>
+		<div id="output-zone">
+			<h3>Row Output</h3>
+			<div id="rowdump"></div>
+		</div>
 	</div>
 	<div>
 		<br/>
@ -54,7 +62,7 @@
 		function getRow() {
 			fetch(document.getElementById("server").value+"/thrimshim/"+document.getElementById("rowId").value).then(function (response) {
 				response.text().then(function(data) {
-                    document.getElementById("rowdump").value=data;
+					document.getElementById("rowdump").innerText = data;
 				});
 			});
 		}