thirdparty/google_appengine/google/appengine/ext/admin/templates/interactive.html
changeset 149 f2e327a7c5de
parent 109 620f9b141567
--- a/thirdparty/google_appengine/google/appengine/ext/admin/templates/interactive.html	Tue Sep 16 01:18:49 2008 +0000
+++ b/thirdparty/google_appengine/google/appengine/ext/admin/templates/interactive.html	Tue Sep 16 02:28:33 2008 +0000
@@ -10,6 +10,7 @@
   <style type="text/css">
 
   #console {
+    width: 100%;
     border-collapse: collapse;
   }
 
@@ -21,34 +22,43 @@
     padding-right: 25px;
   }
 
+  #code {
+    overflow: auto;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+  }
+
   #output {
-    height: 350px;
-    width: 100%;
-    border: 0px;
+    border: 1px solid silver;
+    background-color: #f5f5f5;
+    overflow: auto;
   }
 
   #code, #output {
-    font-family: "bogus font here", monospace;
+    font-family: monospace;
     font-size: 10pt;
+    height: 25em;
+    width: 100%;
+    padding: 0;
+    margin: 0;
   }
 
-  #code {
-    width: 100%;
-    border: 1px solid silver;
-    background-color: #f5f5f5;
-    padding: 0.5em;
+  #submitbutton {
+    text-align: center;
+    margin-top: 1em;
   }
-
   </style>
 {% endblock %}
 
 {% block body %}
 <h3>Interactive Console</h3>
-<table id="console">
-  <tr>
-    <td>
-      <form action="{{ interactive_execute_path }}" target="output" method="post">
-        <div><textarea id="code" name="code" rows="20" cols="80"># Say hello to the current user
+<form action="{{ interactive_execute_path }}" target="output" method="post">
+  <table id="console">
+    <tr>
+      <td>
+        <textarea id="code" name="code" wrap="off" rows="20" cols="80">from google.appengine.api import users
+
+# Say hello to the current user
 user = users.get_current_user()
 if user:
   nickname = user.nickname()
@@ -56,16 +66,39 @@
   nickname = "guest"
 print "Hello, " + nickname
 
-</textarea></div>
-        <div style="margin-top: 1em"><input type="submit" value="Run Program"/></div>
-      </form>
-    </td>
-    <td>
-      <iframe name="output" id="output"></iframe>
-    </td>
-  </tr>
-</table>
+</textarea>
+      </td>
+      <td>
+	<iframe name="output" id="output"></iframe>
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <div id="submitbutton"><input type="submit" value="Run Program"/></div>
+      </td>
+    </tr>
+  </table>
+</form>
+{% endblock %}
+
+{% block final %}
 <script type="text/javascript">
+//<![CDATA[
+var iframe = document.getElementById('output');
+var idoc = null;
+if (iframe.contentDocument) {
+  // DOM
+  idoc = iframe.contentDocument;
+} else if (iframe.contentWindow) {
+  // IE
+  idoc = iframe.contentWindow.document;
+}
+if (idoc) {
+  idoc.open();
+  idoc.write('<html><body style="background-color:#f5f5f5;margin:0;padding:0"><pre style="margin:0;padding:0;color:#888">Press "Run Program" to see the<br/>output of your code in this frame!</pre></body></html>');
+  idoc.close();
+}
 document.getElementById('code').focus();
+//]]>
 </script>
 {% endblock %}