##// END OF EJS Templates
First draft of toolbar....
First draft of toolbar. We are adding a thin horizontal toolbar below the menubar. This commit adds the basic UI elements. Still need to hook up the actions and make this hidable.

File last commit:

r5993:af229653
r5993:af229653
Show More
notebook.html
221 lines | 9.8 KiB | text/html | HtmlLexer
Brian Granger
Initial draft of HTML5/JS/CSS3 notebook.
r4292 <!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>IPython Notebook</title>
Brian Granger
Fixing main toolbar area and cleaning up jquery themes.
r4305
MinRK
adjust missing mathjax handling per review...
r5557 {% if mathjax_url %}
<script type="text/javascript" src="{{mathjax_url}}?config=TeX-AMS_HTML" charset="utf-8"></script>
{% end %}
Brian Granger
Adding logic to look for CDN version of MathJax and fallback to local.
r4325 <script type="text/javascript">
MinRK
allow the notebook to run without MathJax...
r5547 // MathJax disabled, set as null to distingish from *missing* MathJax,
// where it will be undefined, and should prompt a dialog later.
MinRK
adjust missing mathjax handling per review...
r5557 window.mathjax_url = "{{mathjax_url}}";
Brian Granger
Adding logic to look for CDN version of MathJax and fallback to local.
r4325 </script>
Brian Granger
Server side of file based notebook store implemented.
r4301
Brian Granger
Solid first go at jquery-ui based menus.
r5869 <link rel="stylesheet" href="/static/jquery/css/themes/base/jquery-ui.min.css" type="text/css" />
MinRK
use absolute URLs for static files
r5825 <link rel="stylesheet" href="/static/codemirror/lib/codemirror.css">
<link rel="stylesheet" href="/static/codemirror/theme/ipython.css">
Brian Granger
CodeMirror code editing added....
r4332
MinRK
use absolute URLs for static files
r5825 <link rel="stylesheet" href="/static/prettify/prettify.css"/>
Stefan van der Walt
Add code highlighting to markdown cells.
r4655
MinRK
use absolute URLs for static files
r5825 <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/renderedhtml.css" type="text/css" />
Stefan van der Walt
Correctly set read_only meta name for use in javascript. Note that this has a different meaning than in the Python code: not whether the read-only flag was specified upon launch, but whether the notebook is in read-only mode and input should be disabled.
r5725
{% 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}}"/>
Brian Granger
CodeMirror code editing added....
r4332
Brian Granger
Initial draft of HTML5/JS/CSS3 notebook.
r4292 </head>
MinRK
allow the notebook to run without MathJax...
r5547 <body
Brian E. Granger
Adding data-project to the body data attribs.
r5105 data-project={{project}} data-notebook-id={{notebook_id}}
data-base-project-url={{base_project_url}} data-base-kernel-url={{base_kernel_url}}
>
Brian Granger
Initial draft of HTML5/JS/CSS3 notebook.
r4292
<div id="header">
MinRK
use absolute URLs for static files
r5825 <span id="ipython_notebook"><h1><a href='..' alt='dashboard'><img src='/static/ipynblogo.png' alt='IPython Notebook'/></a></h1></span>
Brian E. Granger
Work on save widget, kernel status widget and notebook section.
r4372 <span id="save_widget">
Brian Granger
Improved notebook renaming....
r5859 <span id="notebook_name"></span>
Brian Granger
Improving the save notification....
r5874 <span id="save_status"></span>
Brian E. Granger
Work on save widget, kernel status widget and notebook section.
r4372 </span>
Stefan van der Walt
Hide logout button on unauthenticated notebook.
r5345
Stefan van der Walt
Add logout button.
r5325 <span id="login_widget">
Stefan van der Walt
Hide logout button on unauthenticated notebook.
r5345 {% comment This is a temporary workaround to hide the logout button %}
{% comment when appropriate until notebook.html is templated %}
Stefan van der Walt
Split read-only logic into three functions: read_only, logged_in, and login_available. Move display logic from javascript into templates.
r5722 {% if logged_in %}
Stefan van der Walt
Hide logout button on unauthenticated notebook.
r5345 <button id="logout">Logout</button>
Stefan van der Walt
Split read-only logic into three functions: read_only, logged_in, and login_available. Move display logic from javascript into templates.
r5722 {% elif not logged_in and login_available %}
Stefan van der Walt
Display login button in read-only mode.
r5718 <button id="login">Login</button>
Stefan van der Walt
Hide logout button on unauthenticated notebook.
r5345 {% end %}
MinRK
add read-only view for notebooks...
r5200 </span>
Stefan van der Walt
Hide logout button on unauthenticated notebook.
r5345
MinRK
Restore kernel status to header
r5129 <span id="kernel_status">Idle</span>
Brian Granger
Initial draft of HTML5/JS/CSS3 notebook.
r4292 </div>
Brian Granger
Implemented menu based UI using Wijmo.
r5857 <div id="menubar">
Brian Granger
Initial work to add Wijmo based menu.
r5856 <ul id="menus">
<li><a href="#">File</a>
<ul>
Brian Granger
Solid first go at jquery-ui based menus.
r5869 <li id="new_notebook"><a href="#">New</a></li>
<li id="open_notebook"><a href="#">Open...</a></li>
<hr/>
<li id="copy_notebook"><a href="#">Make a Copy...</a></li>
<li id="rename_notebook"><a href="#">Rename...</a></li>
<li id="save_notebook"><a href="#">Save</a></li>
<hr/>
Brian Granger
Initial work to add Wijmo based menu.
r5856 <li><a href="#">Download as</a>
<ul>
Brian Granger
Implemented menu based UI using Wijmo.
r5857 <li id="download_ipynb"><a href="#">IPython (.ipynb)</a></li>
<li id="download_py"><a href="#">Python (.py)</a></li>
Brian Granger
Initial work to add Wijmo based menu.
r5856 </ul>
</li>
Brian Granger
Solid first go at jquery-ui based menus.
r5869 <hr/>
Brian Granger
Created new print view for notebook printing.
r5875 <li id="print_notebook"><a href="/{{notebook_id}}/print" target="_blank">Print View</a></li>
Brian Granger
Initial work to add Wijmo based menu.
r5856 </ul>
</li>
<li><a href="#">Edit</a>
<ul>
Brian Granger
Added cell level cut/copy/paste.
r5879 <li id="cut_cell"><a href="#">Cut</a></li>
<li id="copy_cell"><a href="#">Copy</a></li>
<li id="paste_cell" class="ui-state-disabled"><a href="#">Paste</a></li>
<li id="paste_cell_above" class="ui-state-disabled"><a href="#">Paste Above</a></li>
<li id="paste_cell_below" class="ui-state-disabled"><a href="#">Paste Below</a></li>
Brian Granger
Solid first go at jquery-ui based menus.
r5869 <li id="delete_cell"><a href="#">Delete</a></li>
<hr/>
Brian Granger
Basic code cell splitting implemented.
r5896 <li id="split_cell"><a href="#">Split</a></li>
<li id="merge_cell_above"><a href="#">Merge Above</a></li>
<li id="merge_cell_below"><a href="#">Merge Below</a></li>
<hr/>
Brian Granger
Adding keyboard sortcuts for cut/copy/paste.
r5880 <li id="move_cell_up"><a href="#">Move Up</a></li>
<li id="move_cell_down"><a href="#">Move Down</a></li>
Brian Granger
Solid first go at jquery-ui based menus.
r5869 <hr/>
<li id="select_previous"><a href="#">Select Previous</a></li>
<li id="select_next"><a href="#">Select Next</a></li>
Brian Granger
Initial work to add Wijmo based menu.
r5856 </ul>
</li>
<li><a href="#">Insert</a>
<ul>
Brian Granger
Solid first go at jquery-ui based menus.
r5869 <li id="insert_cell_above"><a href="#">Insert Cell Above</a></li>
<li id="insert_cell_below"><a href="#">Insert Cell Below</a></li>
Brian Granger
Initial work to add Wijmo based menu.
r5856 </ul>
</li>
<li><a href="#">Cell</a>
<ul>
Brian Granger
Solid first go at jquery-ui based menus.
r5869 <li id="run_cell"><a href="#">Run</a></li>
<li id="run_cell_in_place"><a href="#">Run in Place</a></li>
Brian Granger
Implemented menu based UI using Wijmo.
r5857 <li id="run_all_cells"><a href="#">Run All</a></li>
Brian Granger
Solid first go at jquery-ui based menus.
r5869 <hr/>
<li id="to_code"><a href="#">Code Cell</a></li>
<li id="to_markdown"><a href="#">Markdown Cell</a></li>
<hr/>
<li id="toggle_output"><a href="#">Toggle Output</a></li>
Brian Granger
Implemented menu based UI using Wijmo.
r5857 <li id="clear_all_output"><a href="#">Clear All Output</a></li>
Brian Granger
Initial work to add Wijmo based menu.
r5856 </ul>
</li>
<li><a href="#">Kernel</a>
<ul>
Brian Granger
Solid first go at jquery-ui based menus.
r5869 <li id="int_kernel"><a href="#">Interrupt</a></li>
<li id="restart_kernel"><a href="#">Restart</a></li>
Brian Granger
Initial work to add Wijmo based menu.
r5856 </ul>
</li>
<li><a href="#">Help</a>
<ul>
Brian Granger
Implemented menu based UI using Wijmo.
r5857 <li><a href="http://ipython.org/documentation.html" target="_blank">IPython Help</a></li>
<li><a href="http://ipython.org/ipython-doc/stable/interactive/htmlnotebook.html" target="_blank">Notebook Help</a></li>
Brian Granger
Solid first go at jquery-ui based menus.
r5869 <li id="keyboard_shortcuts"><a href="#">Keyboard Shortcuts</a></li>
<hr/>
Brian Granger
Implemented menu based UI using Wijmo.
r5857 <li><a href="http://docs.python.org" target="_blank">Python</a></li>
<li><a href="http://docs.scipy.org/doc/numpy/reference/" target="_blank">NumPy</a></li>
<li><a href="http://docs.scipy.org/doc/scipy/reference/" target="_blank">SciPy</a></li>
<li><a href="http://docs.sympy.org/dev/index.html" target="_blank">SymPy</a></li>
<li><a href="http://matplotlib.sourceforge.net/" target="_blank">Matplotlib</a></li>
Brian Granger
Initial work to add Wijmo based menu.
r5856 </ul>
</li>
</ul>
</div>
Brian Granger
First draft of toolbar....
r5993 <div id="toolbar">
<span>
<button id="save_b">Save</button>
</span>
<span id="cut_copy_paste">
<button id="cut_b" title="Cut">Cut</button>
<button id="copy_b" title="Copy">Copy</button>
<button id="paste_b" title="Paste">Paste</button>
</span>
<span id="move_up_down">
<button id="move_up_b" title="Move Up">Move Up</button>
<button id="move_down_b" title="Move Down">Move Down</button>
</span>
<span id="insert_above_below">
<button id="insert_above_b" title="Insert Above">Insert Above</button>
<button id="insert_below_b" title="Insert Below">Insert Below</button>
</span>
<span id="run_int">
<button id="run_b" title="Run">Run</button>
<button id="interrupt_b" title="Interrupt">Interrupt</button>
</span>
<span>
<select id="cell_type">
<option value="code">Code</option>
<option value="markdown">Markdown</option>
</select>
</span>
</div>
Brian E. Granger
Implemented basic notebook browser and fixed numerous bugs.
r4488 <div id="main_app">
Brian Granger
Fixing main toolbar area and cleaning up jquery themes.
r4305
Brian E. Granger
Starting to refactor the notebook layout
r4355 <div id="notebook_panel">
<div id="notebook"></div>
<div id="pager_splitter"></div>
Brian E. Granger
Initial payload handling....
r4356 <div id="pager"></div>
Brian Granger
Fixing main toolbar area and cleaning up jquery themes.
r4305 </div>
Brian Granger
Initial draft of HTML5/JS/CSS3 notebook.
r4292
</div>
Brian Granger
Solid first go at jquery-ui based menus.
r5869 <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>
Brian Granger
Refactoring of text/markdown/rst/html cells.
r4508
MinRK
use absolute URLs for static files
r5825 <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>
Brian Granger
Refactoring of text/markdown/rst/html cells.
r4508
MinRK
use absolute URLs for static files
r5825 <script src="/static/pagedown/Markdown.Converter.js" charset="utf-8"></script>
Brian Granger
Refactoring of text/markdown/rst/html cells.
r4508
MinRK
use absolute URLs for static files
r5825 <script src="/static/prettify/prettify.js" charset="utf-8"></script>
Brian Granger
Improving the save notification....
r5874 <script src="/static/dateformat/date.format.js" charset="utf-8"></script>
Stefan van der Walt
Add code highlighting to markdown cells.
r4655
MinRK
use absolute URLs for static files
r5825 <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/layout.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/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>
Brian Granger
Implemented menu based UI using Wijmo.
r5857 <script src="/static/js/menubar.js" type="text/javascript" charset="utf-8"></script>
Brian Granger
First draft of toolbar....
r5993 <script src="/static/js/toolbar.js" type="text/javascript" charset="utf-8"></script>
MinRK
use absolute URLs for static files
r5825 <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>
Brian Granger
Refactoring of text/markdown/rst/html cells.
r4508
Brian Granger
Initial draft of HTML5/JS/CSS3 notebook.
r4292 </body>
Brian E. Granger
Updating main notebook template to use split scripts.
r4350 </html>