1 {% extends "base.html" %}

     2 

     3 {% block title %}{{ application_name }} Development Console - Interactive Console{% endblock %}

     4 

     5 {% block breadcrumbs %}

     6   <span class="item"><a href="">Interactive Console</a></span>

     7 {% endblock %}

     8 

     9 {% block head %}

    10   <style type="text/css">

    11 

    12   #console {

    13     border-collapse: collapse;

    14   }

    15 

    16   #console td {

    17     width: 50%;

    18     padding: 0;

    19     border: 0;

    20     vertical-align: top;

    21     padding-right: 25px;

    22   }

    23 

    24   #output {

    25     height: 350px;

    26     width: 100%;

    27     border: 0px;

    28   }

    29 

    30   #code, #output {

    31     font-family: "bogus font here", monospace;

    32     font-size: 10pt;

    33   }

    34 

    35   #code {

    36     width: 100%;

    37     border: 1px solid silver;

    38     background-color: #f5f5f5;

    39     padding: 0.5em;

    40   }

    41 

    42   </style>

    43 {% endblock %}

    44 

    45 {% block body %}

    46 <h3>Interactive Console</h3>

    47 <table id="console">

    48   <tr>

    49     <td>

    50       <form action="{{ interactive_execute_path }}" target="output" method="post">

    51         <div><textarea id="code" name="code" rows="20" cols="80"># Say hello to the current user

    52 user = users.get_current_user()

    53 if user:

    54   nickname = user.nickname()

    55 else:

    56   nickname = "guest"

    57 print "Hello, " + nickname

    58 

    59 </textarea></div>

    60         <div style="margin-top: 1em"><input type="submit" value="Run Program"/></div>

    61       </form>

    62     </td>

    63     <td>

    64       <iframe name="output" id="output"></iframe>

    65     </td>

    66   </tr>

    67 </table>

    68 <script type="text/javascript">

    69 document.getElementById('code').focus();

    70 </script>

    71 {% endblock %}