Created new print view for notebook printing.

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

@@ -0,0 +1,12 b''
+body { overflow: auto; }
+div#notebook { overflow: visible; }
+.ui-widget-content { border: 0px; }
+#save_widget {margin: 0px !important;}
+#ipython_notebook {display: none;}
+span#notebook_name {
+    height: 1em;
+    line-height: 1em;
+    padding: 3px;
+    border: none;
+    font-size: 182%;
+}
  No newline at end of file

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

@@ -0,0 +1,94 b''
+//----------------------------------------------------------------------------
+//  Copyright (C) 2008-2011  The IPython Development Team
+//
+//  Distributed under the terms of the BSD License.  The full license is in
+//  the file COPYING, distributed as part of this software.
+//----------------------------------------------------------------------------
+
+//============================================================================
+// On document ready
+//============================================================================
+
+
+$(document).ready(function () {
+    if (window.MathJax){ 
+        // MathJax loaded
+        MathJax.Hub.Config({
+            tex2jax: {
+                inlineMath: [ ['$','$'], ["\\(","\\)"] ],
+                displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
+            },
+            displayAlign: 'left', // Change this to 'center' to center equations.
+            "HTML-CSS": {
+                styles: {'.MathJax_Display': {"margin": 0}}
+            }
+        });
+    }else if (window.mathjax_url != ""){
+        // Don't have MathJax, but should. Show dialog.
+        var dialog = $('<div></div>')
+            .append(
+                $("<p></p>").addClass('dialog').html(
+                    "Math/LaTeX rendering will be disabled."
+                )
+            ).append(
+                $("<p></p>").addClass('dialog').html(
+                    "If you have administrative access to the notebook server and" +
+                    " a working internet connection, you can install a local copy" +
+                    " of MathJax for offline use with the following command on the server" +
+                    " at a Python or IPython prompt:"
+                )
+            ).append(
+                $("<pre></pre>").addClass('dialog').html(
+                    ">>> from IPython.external import mathjax; mathjax.install_mathjax()"
+                )
+            ).append(
+                $("<p></p>").addClass('dialog').html(
+                    "This will try to install MathJax into the IPython source directory."
+                )
+            ).append(
+                $("<p></p>").addClass('dialog').html(
+                    "If IPython is installed to a location that requires" +
+                    " administrative privileges to write, you will need to make this call as" +
+                    " an administrator, via 'sudo'."
+                )
+            ).append(
+                $("<p></p>").addClass('dialog').html(
+                    "When you start the notebook server, you can instruct it to disable MathJax support altogether:"
+                )
+            ).append(
+                $("<pre></pre>").addClass('dialog').html(
+                    "$ ipython notebook --no-mathjax"
+                )
+            ).append(
+                $("<p></p>").addClass('dialog').html(
+                    "which will prevent this dialog from appearing."
+                )
+            ).dialog({
+                title: "Failed to retrieve MathJax from '" + window.mathjax_url + "'",
+                width: "70%",
+                modal: true,
+            })
+    }else{
+        // No MathJax, but none expected. No dialog.
+    }
+    
+    IPython.markdown_converter = new Markdown.Converter();
+    IPython.read_only = $('meta[name=read_only]').attr("content") == 'True';
+
+    $('div#header').addClass('border-box-sizing');
+    $('div#main_app').addClass('border-box-sizing ui-widget ui-widget-content');
+    $('div#notebook_panel').addClass('border-box-sizing ui-widget');
+
+    IPython.save_widget = new IPython.SaveWidget('span#save_widget');
+    IPython.login_widget = new IPython.LoginWidget('span#login_widget');
+    IPython.notebook = new IPython.Notebook('div#notebook');
+
+    // These have display: none in the css file and are made visible here to prevent FLOUC.
+    $('div#header').css('display','block');
+    $('div#main_app').css('display','block');
+
+    // Perform these actions after the notebook has been loaded.
+    IPython.notebook.load_notebook(function () {});
+
+});
+

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

@@ -0,0 +1,104 b''
+<!DOCTYPE HTML>
+<html>
+
+<head>
+    <meta charset="utf-8">
+
+    <title>IPython Notebook</title>
+
+    {% if mathjax_url %}
+    <script type="text/javascript" src="{{mathjax_url}}?config=TeX-AMS_HTML" charset="utf-8"></script>
+    {% end %}
+    <script type="text/javascript">
+    // MathJax disabled, set as null to distingish from *missing* MathJax,
+    // where it will be undefined, and should prompt a dialog later.
+    window.mathjax_url = "{{mathjax_url}}";
+    </script>
+
+    <link rel="stylesheet" href="/static/jquery/css/themes/base/jquery-ui.min.css" type="text/css" />
+    <link rel="stylesheet" href="/static/codemirror/lib/codemirror.css">
+    <link rel="stylesheet" href="/static/codemirror/mode/markdown/markdown.css">
+    <link rel="stylesheet" href="/static/codemirror/mode/rst/rst.css">
+    <link rel="stylesheet" href="/static/codemirror/theme/ipython.css">
+    <link rel="stylesheet" href="/static/codemirror/theme/default.css">
+
+    <link rel="stylesheet" href="/static/prettify/prettify.css"/>
+
+    <link rel="stylesheet" href="/static/css/boilerplate.css" type="text/css" />
+    <link rel="stylesheet" href="/static/css/layout.css" type="text/css" />
+    <link rel="stylesheet" href="/static/css/base.css" type="text/css" />
+    <link rel="stylesheet" href="/static/css/notebook.css" type="text/css" />
+    <link rel="stylesheet" href="/static/css/printnotebook.css" type="text/css" />
+    <link rel="stylesheet" href="/static/css/renderedhtml.css" type="text/css" />
+
+    {% comment  In the notebook, the read-only flag is used to determine %}
+    {% comment  whether to hide the side panels and switch off input %}
+    <meta name="read_only" content="{{read_only and not logged_in}}"/>
+
+</head>
+
+<body
+    data-project={{project}} data-notebook-id={{notebook_id}}
+    data-base-project-url={{base_project_url}} data-base-kernel-url={{base_kernel_url}}
+>
+
+<div id="header">
+    <span id="ipython_notebook"><h1><a href='..' alt='dashboard'><img src='/static/ipynblogo.png' alt='IPython Notebook'/></a></h1></span>
+    <span id="save_widget">
+        <span id="notebook_name"></span>
+        <span id="save_status"></span>
+    </span>
+
+    <span id="login_widget">
+      {% comment  This is a temporary workaround to hide the logout button %}
+      {% comment  when appropriate until notebook.html is templated %}
+      {% if logged_in %}
+        <button id="logout">Logout</button>
+      {% elif not logged_in and login_available %}
+        <button id="login">Login</button>
+      {% end %}
+    </span>
+
+</div>
+
+
+<div id="main_app">
+
+    <div id="notebook_panel">
+        <div id="notebook"></div>
+    </div>
+
+</div>
+
+<script src="/static/jquery/js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/jquery/js/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
+
+<script src="/static/codemirror/lib/codemirror.js" charset="utf-8"></script>
+<script src="/static/codemirror/mode/python/python.js" charset="utf-8"></script>
+<script src="/static/codemirror/mode/htmlmixed/htmlmixed.js" charset="utf-8"></script>
+<script src="/static/codemirror/mode/xml/xml.js" charset="utf-8"></script>
+<script src="/static/codemirror/mode/javascript/javascript.js" charset="utf-8"></script>
+<script src="/static/codemirror/mode/css/css.js" charset="utf-8"></script>
+<script src="/static/codemirror/mode/rst/rst.js" charset="utf-8"></script>
+<script src="/static/codemirror/mode/markdown/markdown.js" charset="utf-8"></script>
+
+<script src="/static/pagedown/Markdown.Converter.js" charset="utf-8"></script>
+
+<script src="/static/prettify/prettify.js" charset="utf-8"></script>
+<script src="/static/dateformat/date.format.js" charset="utf-8"></script>
+
+<script src="/static/js/namespace.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/js/utils.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/js/cell.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/js/codecell.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/js/textcell.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/js/kernel.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/js/kernelstatus.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/js/savewidget.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/js/loginwidget.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/printnotebookmain.js" type="text/javascript" charset="utf-8"></script>
+
+</body>
+
+</html>

IPython/frontend/html/notebook/handlers.py

@@ -285,6 +285,26 b' class NamedNotebookHandler(AuthenticatedHandler):'
         )
 
 
+class PrintNotebookHandler(AuthenticatedHandler):
+
+    @authenticate_unless_readonly
+    def get(self, notebook_id):
+        nbm = self.application.notebook_manager
+        project = nbm.notebook_dir
+        if not nbm.notebook_exists(notebook_id):
+            raise web.HTTPError(404, u'Notebook does not exist: %s' % notebook_id)
+        
+        self.render(
+            'printnotebook.html', project=project,
+            notebook_id=notebook_id,
+            base_project_url=u'/', base_kernel_url=u'/',
+            kill_kernel=False,
+            read_only=self.read_only,
+            logged_in=self.logged_in,
+            login_available=self.login_available,
+            mathjax_url=self.application.ipython_app.mathjax_url,
+        )
+
 #-----------------------------------------------------------------------------
 # Kernel handlers
 #-----------------------------------------------------------------------------

IPython/frontend/html/notebook/notebookapp.py

@@ -49,7 +49,7 b' from .handlers import (LoginHandler, LogoutHandler,'
     ProjectDashboardHandler, NewHandler, NamedNotebookHandler,
     MainKernelHandler, KernelHandler, KernelActionHandler, IOPubHandler,
     ShellHandler, NotebookRootHandler, NotebookHandler, NotebookCopyHandler,
-    RSTHandler, AuthenticatedFileHandler
+    RSTHandler, AuthenticatedFileHandler, PrintNotebookHandler
 )
 from .notebookmanager import NotebookManager
 
@@ -98,6 +98,7 b' class NotebookWebApplication(web.Application):'
             (r"/new", NewHandler),
             (r"/%s" % _notebook_id_regex, NamedNotebookHandler),
             (r"/%s/copy" % _notebook_id_regex, NotebookCopyHandler),
+            (r"/%s/print" % _notebook_id_regex, PrintNotebookHandler),
             (r"/kernels", MainKernelHandler),
             (r"/kernels/%s" % _kernel_id_regex, KernelHandler),
             (r"/kernels/%s/%s" % (_kernel_id_regex, _kernel_action_regex), KernelActionHandler),

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

@@ -357,20 +357,6 b' p.dialog {'
     padding : 0.2em;
 }
 
-@media print {
-    body { overflow: visible !important; }
-    #menubar, #pager_splitter, #pager { display: none;}
-    #header {display: none !important; }
-    #main_app { overflow: visible !important; height: !important auto; }
-    #notebook_panel { overflow: visible !important; height: !important auto; }
-    #notebook {
-        height: !important auto;
-        overflow-y: !important visible;
-        overflow-x: !important hidden;
-    }
-    .ui-widget-content { border: 0px; }
-}
-
 .shortcut_key {
     display: inline-block;
     width: 15ex;

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

@@ -84,7 +84,6 b' $(document).ready(function () {'
     IPython.save_widget = new IPython.SaveWidget('span#save_widget');
     IPython.quick_help = new IPython.QuickHelp('span#quick_help_area');
     IPython.login_widget = new IPython.LoginWidget('span#login_widget');
-    IPython.print_widget = new IPython.PrintWidget();
     IPython.notebook = new IPython.Notebook('div#notebook');
     IPython.kernel_status_widget = new IPython.KernelStatusWidget('#kernel_status');
     IPython.menubar = new IPython.MenuBar('#menubar')
@@ -97,23 +96,12 b' $(document).ready(function () {'
 
     if(IPython.read_only){
         // hide various elements from read-only view
-        IPython.save_widget.element.find('button#save_notebook').addClass('hidden');
-        IPython.quick_help.element.addClass('hidden'); // shortcuts are disabled in read_only
         $('div#pager').remove();
         $('div#pager_splitter').remove();
-        $('button#new_notebook').addClass('hidden');
-        $('div#cell_section').addClass('hidden');
-        $('div#config_section').addClass('hidden');
-        $('div#kernel_section').addClass('hidden');
         $('span#login_widget').removeClass('hidden');
 
         // set the notebook name field as not modifiable
         $('#notebook_name').attr('disabled','disabled')
-
-        // left panel starts collapsed, but the collapse must happen after
-        // elements start drawing.  Don't draw contents of the panel until
-        // after they are collapsed
-        IPython.left_panel.left_panel_element.css('visibility', 'hidden');
     }
 
     $('div#main_app').css('display','block');
@@ -126,14 +114,6 b' $(document).ready(function () {'
             IPython.save_widget.update_url();
             IPython.layout_manager.do_resize();
             IPython.pager.collapse();
-            if(IPython.read_only){
-                // collapse the left panel on read-only
-                IPython.left_panel.collapse();
-                // and finally unhide the panel contents after collapse
-                setTimeout(function(){
-                    IPython.left_panel.left_panel_element.css('visibility', 'visible');
-                }, 200);
-            }
         },100);
     });
 

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

@@ -79,7 +79,7 b''
                     </ul>
                 </li>
                 <hr/>
-                <li id="print_notebook"><a href="#">Print</a></li>
+                <li id="print_notebook"><a href="/{{notebook_id}}/print" target="_blank">Print View</a></li>
             </ul>
         </li>
         <li><a href="#">Edit</a>
@@ -174,7 +174,6 b''
 <script src="/static/js/quickhelp.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/loginwidget.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/printwidget.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/menubar.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/notebookmain.js" type="text/javascript" charset="utf-8"></script>