Initial payload handling.

* Syntax highlighting fixed for things like "math?".
* Basic pager is working.

IPython/frontend/html/notebook/routers.py

@@ -86,6 +86,7 class ZMQStreamRouter(Configurable):
         idents, msg_list = self.session.feed_identities(msg_list)
         msg = self.session.unserialize(msg_list)
         msg['header'].pop('date')
+        msg.pop('buffers')
         return json.dumps(msg)
 
 

IPython/frontend/html/notebook/static/codemirror2/mode/python/python.js

@@ -5,7 +5,7 CodeMirror.defineMode("python", function(conf) {
         return new RegExp("^((" + words.join(")|(") + "))\\b");
     }
     
-    var singleOperators = new RegExp("^[\\+\\-\\*/%&|\\^~<>!]");
+    var singleOperators = new RegExp("^[\\+\\-\\*/%&|\\^~<>!\\?]");
     var singleDelimiters = new RegExp('^[\\(\\)\\[\\]\\{\\}@,:`=;\\.]');
     var doubleOperators = new RegExp("^((==)|(!=)|(<=)|(>=)|(<>)|(<<)|(>>)|(//)|(\\*\\*))");
     var doubleDelimiters = new RegExp("^((\\+=)|(\\-=)|(\\*=)|(%=)|(/=)|(&=)|(\\|=)|(\\^=))");

IPython/frontend/html/notebook/static/css/notebook.css

@@ -127,13 +127,13 div#left_panel_splitter {
 div#pager {
     height: 200px;
     overflow: auto;
-
+    padding: 15px;
 }
 
 div#notebook {
     overflow-y: scroll;
     overflow-x: auto;
-    padding: 0px 40px;
+    padding: 0px 15px;
     background-color: white;
     font-size: 12pt;
 }

IPython/frontend/html/notebook/static/js/notebook.js

@@ -5,6 +5,8
 
 var IPython = (function (IPython) {
 
+    var utils = IPython.utils;
+
     var Notebook = function (selector) {
         this.element = $(selector);
         this.element.scroll();
@@ -373,15 +375,33 var IPython = (function (IPython) {
 
     Notebook.prototype.handle_shell_reply = function (e) {
         reply = $.parseJSON(e.data);
-        // console.log(reply);
-        var msg_type = reply.header.msg_type;
+        var header = reply.header;
+        var content = reply.content;
+        var msg_type = header.msg_type;
+        console.log(reply);
         var cell = this.cell_for_msg(reply.parent_header.msg_id);
         if (msg_type === "execute_reply") {
-            cell.set_input_prompt(reply.content.execution_count);
+            cell.set_input_prompt(content.execution_count);
         };
+        var payload = content.payload || [];
+        this.handle_payload(content.payload);
     };
 
 
+    Notebook.prototype.handle_payload = function (payload) {
+        var l = payload.length;
+        var element = $('div#pager');
+        if (l > 0) {
+            element.show();
+        };
+        for (var i=0; i<l; i++) {
+            var toinsert = $("<div/>").addClass("output_area output_stream monospace-font");
+            toinsert.append($("<pre/>").addClass("monospace-font").
+                html(utils.fixConsole(payload[i].text)));
+            element.append(toinsert);
+        };
+    };
+
     Notebook.prototype.handle_iopub_reply = function (e) {
         reply = $.parseJSON(e.data);
         var content = reply.content;

IPython/frontend/html/notebook/templates/notebook.html

@@ -42,7 +42,7
     <div id="notebook_panel">
         <div id="notebook"></div>
         <div id="pager_splitter"></div>
-        <div id="pager">This is a test</div>
+        <div id="pager"></div>
     </div>
 
 </div>