add visual signal on test page to show error if there are any failures.

reednj · Aug 22, 2011 · 667996f · 667996f
1 parent 56ea759
commit 667996f
Showing 1 changed file with 47 additions and 20 deletions.
diff --git a/Test/test.html b/Test/test.html
@@ -18,6 +18,18 @@
 	width: 500px;
 }
 
+#t-status {
+	float: right;
+	padding: 14px;
+	font-size: 22pt;
+
+	background-color: red;
+}
+
+#t-status.status-ok {
+	background-color: #8EC63F !important;
+}
+
 </style>
 
 <script src='./js-lib/mootools-core-1.3.2.js' type='text/javascript'></script>
@@ -58,6 +70,10 @@
 		jst.setCell(2, 0, 'TEST2');
 
 		$('t2').innerHTML = jst.toJson();
+
+		// set the status indicator. if we got to this point then all must be good...
+		$('t-status').addClass('status-ok');
+		$('t-status').innerHTML = 'Complete';
 	},
 
 	delete_row: function() {
@@ -89,30 +105,41 @@
 <body>
 
 <div id='t-body'>
-	<div>
-		<input type='button' value='delete' onclick='Ui.delete_row.bind(Ui)()'>
-		<input type='button' value='delete last' onclick='Ui.delete_last.bind(Ui)()'>
-	</div>
+
+
+	<div id='t-status'>FAIL</div>
+	<div class='clear'></div>
 
-	<div>
-		<span>get cell by name:</span>
-		<span id='r1'> </span>
-	</div>
+	<div style='margin: 32px;'>
 
-	<div>
-		<span>deletes: </span> <span id='s1'> </span>
-		<span>update: </span> <span id='s2'> </span>
-		<span>adds: </span> <span id='s3'> </span>
-	</div>
-
-	<div>
-		<span>get cell by column_id:</span> 
-		<span id='r2'></span>
-	</div>
 
-	<div id='t1'></div>
+		<div>
+			<input type='button' value='delete' onclick='Ui.delete_row.bind(Ui)()'>
+			<input type='button' value='delete last' onclick='Ui.delete_last.bind(Ui)()'>
+		</div>
+
+		<div>
+			<span>get cell by name:</span>
+			<span id='r1'> </span>
+		</div>
+
+		<div>
+			<span>deletes: </span> <span id='s1'> </span>
+			<span>update: </span> <span id='s2'> </span>
+			<span>adds: </span> <span id='s3'> </span>
+		</div>
+
+		<div>
+			<span>get cell by column_id:</span> 
+			<span id='r2'></span>
+		</div>
 
-	<div id='t2'></div>
+		<div id='t1'></div>
+
+		<div id='t2'></div>
+
+
+	</div>
 
 </div>