Initial draft of panel section and the cell section working.

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

@@ -115,6 +115,25 @@ div#left_panel {
     position: absolute;
 }
 
+h3.section_header {
+    padding: 5px;
+}
+
+div.section_content {
+    padding: 5px;
+}
+
+
+span.button_label {
+    padding: 0.3em 1em;
+    font-size: 0.8em;
+}
+
+.ui-button .ui-button-text {
+    padding: 0.3em 0.9em;
+    font-size: 0.7em;
+}
+
 div#left_panel_splitter {
     width: 8px;
     top: 0px;

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

@@ -121,7 +121,6 @@ var IPython = (function (IPython) {
             var splitter_width = $('div#left_panel_splitter').outerWidth(true);
             var left_panel_width = IPython.left_panel.width;
             var new_margin = splitter_width + left_panel_width;
-            console.log('expand', splitter_width, left_panel_width, new_margin);
             $('div#notebook_panel').animate({marginLeft : new_margin + 'px'}, 'fast');
         });
     };
@@ -433,7 +432,7 @@ var IPython = (function (IPython) {
         var header = reply.header;
         var content = reply.content;
         var msg_type = header.msg_type;
-        console.log(reply);
+        // console.log(reply);
         var cell = this.cell_for_msg(reply.parent_header.msg_id);
         if (msg_type === "execute_reply") {
             cell.set_input_prompt(content.execution_count);

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

@@ -56,6 +56,7 @@
 <script src="static/js/kernel.js" type="text/javascript" charset="utf-8"></script>
 <script src="static/js/layout.js" type="text/javascript" charset="utf-8"></script>
 <script src="static/js/pager.js" type="text/javascript" charset="utf-8"></script>
+<script src="static/js/panelsection.js" type="text/javascript" charset="utf-8"></script>
 <script src="static/js/leftpanel.js" type="text/javascript" charset="utf-8"></script>
 <script src="static/js/notebook.js" type="text/javascript" charset="utf-8"></script>
 <script src="static/js/notebook_main.js" type="text/javascript" charset="utf-8"></script>