notebook.js
1079 lines
| 37.7 KiB
| application/javascript
|
JavascriptLexer
|
r4609 | //---------------------------------------------------------------------------- | ||
// 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. | ||||
//---------------------------------------------------------------------------- | ||||
|
r4315 | |||
|
r4299 | //============================================================================ | ||
|
r4292 | // Notebook | ||
//============================================================================ | ||||
|
r4352 | var IPython = (function (IPython) { | ||
|
r4356 | var utils = IPython.utils; | ||
|
r4352 | var Notebook = function (selector) { | ||
|
r5213 | this.read_only = IPython.read_only; | ||
|
r4352 | this.element = $(selector); | ||
this.element.scroll(); | ||||
this.element.data("notebook", this); | ||||
this.next_prompt_number = 1; | ||||
this.kernel = null; | ||||
|
r4550 | this.dirty = false; | ||
|
r4352 | this.msg_cell_map = {}; | ||
|
r4637 | this.metadata = {}; | ||
|
r4645 | this.control_key_active = false; | ||
|
r4357 | this.style(); | ||
|
r4364 | this.create_elements(); | ||
|
r4352 | this.bind_events(); | ||
|
r5399 | this.set_tooltipontab(true); | ||
|
r5401 | this.set_smartcompleter(true); | ||
|
r5400 | this.set_timebeforetooltip(1200); | ||
|
r4352 | }; | ||
|
r4292 | |||
|
r4352 | |||
|
r4357 | Notebook.prototype.style = function () { | ||
|
r4363 | $('div#notebook').addClass('border-box-sizing'); | ||
|
r4357 | }; | ||
|
r4364 | Notebook.prototype.create_elements = function () { | ||
// We add this end_space div to the end of the notebook div to: | ||||
// i) provide a margin between the last cell and the end of the notebook | ||||
// ii) to prevent the div from scrolling up when the last cell is being | ||||
// edited, but is too low on the page, which browsers will do automatically. | ||||
|
r4628 | var that = this; | ||
|
r5490 | var end_space = $('<div class="end_space"></div>').height("30%"); | ||
|
r4628 | end_space.dblclick(function (e) { | ||
|
r5200 | if (that.read_only) return; | ||
|
r4628 | var ncells = that.ncells(); | ||
|
r4659 | that.insert_code_cell_below(ncells-1); | ||
|
r4628 | }); | ||
|
r4604 | this.element.append(end_space); | ||
|
r4364 | $('div#notebook').addClass('border-box-sizing'); | ||
}; | ||||
|
r4352 | Notebook.prototype.bind_events = function () { | ||
var that = this; | ||||
$(document).keydown(function (event) { | ||||
|
r4647 | // console.log(event); | ||
|
r5479 | if (that.read_only) return false; | ||
|
r5389 | if (event.which === 27) { | ||
// Intercept escape at highest level to avoid closing | ||||
// websocket connection with firefox | ||||
event.preventDefault(); | ||||
} | ||||
|
r5418 | if (event.which === 38 && !event.shiftKey) { | ||
|
r4352 | var cell = that.selected_cell(); | ||
if (cell.at_top()) { | ||||
event.preventDefault(); | ||||
that.select_prev(); | ||||
}; | ||||
|
r5418 | } else if (event.which === 40 && !event.shiftKey) { | ||
|
r4352 | var cell = that.selected_cell(); | ||
if (cell.at_bottom()) { | ||||
event.preventDefault(); | ||||
that.select_next(); | ||||
}; | ||||
} else if (event.which === 13 && event.shiftKey) { | ||||
|
r4394 | that.execute_selected_cell(); | ||
|
r4380 | return false; | ||
|
r4390 | } else if (event.which === 13 && event.ctrlKey) { | ||
|
r4394 | that.execute_selected_cell({terminal:true}); | ||
|
r4390 | return false; | ||
|
r4645 | } else if (event.which === 77 && event.ctrlKey) { | ||
that.control_key_active = true; | ||||
return false; | ||||
} else if (event.which === 68 && that.control_key_active) { | ||||
// Delete selected cell = d | ||||
that.delete_cell(); | ||||
that.control_key_active = false; | ||||
return false; | ||||
} else if (event.which === 65 && that.control_key_active) { | ||||
|
r4659 | // Insert code cell above selected = a | ||
that.insert_code_cell_above(); | ||||
|
r4645 | that.control_key_active = false; | ||
return false; | ||||
} else if (event.which === 66 && that.control_key_active) { | ||||
|
r4659 | // Insert code cell below selected = b | ||
that.insert_code_cell_below(); | ||||
|
r4645 | that.control_key_active = false; | ||
return false; | ||||
} else if (event.which === 67 && that.control_key_active) { | ||||
// To code = c | ||||
that.to_code(); | ||||
that.control_key_active = false; | ||||
return false; | ||||
} else if (event.which === 77 && that.control_key_active) { | ||||
// To markdown = m | ||||
that.to_markdown(); | ||||
that.control_key_active = false; | ||||
return false; | ||||
} else if (event.which === 84 && that.control_key_active) { | ||||
// Toggle output = t | ||||
that.toggle_output(); | ||||
that.control_key_active = false; | ||||
return false; | ||||
} else if (event.which === 83 && that.control_key_active) { | ||||
// Save notebook = s | ||||
IPython.save_widget.save_notebook(); | ||||
that.control_key_active = false; | ||||
return false; | ||||
} else if (event.which === 74 && that.control_key_active) { | ||||
// Move cell down = j | ||||
that.move_cell_down(); | ||||
that.control_key_active = false; | ||||
return false; | ||||
} else if (event.which === 75 && that.control_key_active) { | ||||
// Move cell up = k | ||||
that.move_cell_up(); | ||||
that.control_key_active = false; | ||||
return false; | ||||
|
r4648 | } else if (event.which === 80 && that.control_key_active) { | ||
// Select previous = p | ||||
|
r4645 | that.select_prev(); | ||
that.control_key_active = false; | ||||
return false; | ||||
|
r4648 | } else if (event.which === 78 && that.control_key_active) { | ||
// Select next = n | ||||
|
r4645 | that.select_next(); | ||
that.control_key_active = false; | ||||
return false; | ||||
|
r5026 | } else if (event.which === 76 && that.control_key_active) { | ||
// Toggle line numbers = l | ||||
that.cell_toggle_line_numbers(); | ||||
|
r4646 | that.control_key_active = false; | ||
return false; | ||||
|
r5018 | } else if (event.which === 73 && that.control_key_active) { | ||
// Interrupt kernel = i | ||||
IPython.notebook.kernel.interrupt(); | ||||
that.control_key_active = false; | ||||
return false; | ||||
} else if (event.which === 190 && that.control_key_active) { | ||||
// Restart kernel = . # matches qt console | ||||
|
r5025 | IPython.notebook.restart_kernel(); | ||
|
r5018 | that.control_key_active = false; | ||
return false; | ||||
|
r4646 | } else if (event.which === 72 && that.control_key_active) { | ||
// Show keyboard shortcuts = h | ||||
|
r5067 | that.toggle_keyboard_shortcuts(); | ||
|
r4646 | that.control_key_active = false; | ||
return false; | ||||
|
r4645 | } else if (that.control_key_active) { | ||
that.control_key_active = false; | ||||
return true; | ||||
|
r4334 | }; | ||
|
r5479 | return true; | ||
|
r4352 | }); | ||
|
r4361 | |||
this.element.bind('collapse_pager', function () { | ||||
|
r4488 | var app_height = $('div#main_app').height(); // content height | ||
|
r4362 | var splitter_height = $('div#pager_splitter').outerHeight(true); | ||
var new_height = app_height - splitter_height; | ||||
|
r4361 | that.element.animate({height : new_height + 'px'}, 'fast'); | ||
}); | ||||
this.element.bind('expand_pager', function () { | ||||
|
r4488 | var app_height = $('div#main_app').height(); // content height | ||
|
r4362 | var splitter_height = $('div#pager_splitter').outerHeight(true); | ||
|
r4361 | var pager_height = $('div#pager').outerHeight(true); | ||
|
r4362 | var new_height = app_height - pager_height - splitter_height; | ||
|
r4361 | that.element.animate({height : new_height + 'px'}, 'fast'); | ||
}); | ||||
|
r4363 | |||
this.element.bind('collapse_left_panel', function () { | ||||
var splitter_width = $('div#left_panel_splitter').outerWidth(true); | ||||
var new_margin = splitter_width; | ||||
$('div#notebook_panel').animate({marginLeft : new_margin + 'px'}, 'fast'); | ||||
}); | ||||
this.element.bind('expand_left_panel', function () { | ||||
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; | ||||
$('div#notebook_panel').animate({marginLeft : new_margin + 'px'}, 'fast'); | ||||
}); | ||||
|
r4542 | |||
$(window).bind('beforeunload', function () { | ||||
|
r5200 | var kill_kernel = $('#kill_kernel').prop('checked'); | ||
|
r4542 | if (kill_kernel) { | ||
that.kernel.kill(); | ||||
|
r4550 | } | ||
|
r5200 | if (that.dirty && ! that.read_only) { | ||
|
r4550 | return "You have unsaved changes that will be lost if you leave this page."; | ||
|
r4542 | }; | ||
|
r5502 | // Null is the *only* return value that will make the browser not | ||
// pop up the "don't leave" dialog. | ||||
return null; | ||||
|
r4542 | }); | ||
|
r4352 | }; | ||
|
r4292 | |||
|
r5067 | Notebook.prototype.toggle_keyboard_shortcuts = function () { | ||
// toggles display of keyboard shortcut dialog | ||||
var that = this; | ||||
if ( this.shortcut_dialog ){ | ||||
// if dialog is already shown, close it | ||||
this.shortcut_dialog.dialog("close"); | ||||
this.shortcut_dialog = null; | ||||
return; | ||||
} | ||||
|
r4646 | var dialog = $('<div/>'); | ||
|
r5067 | this.shortcut_dialog = dialog; | ||
|
r4646 | var shortcuts = [ | ||
{key: 'Shift-Enter', help: 'run cell'}, | ||||
|
r5020 | {key: 'Ctrl-Enter', help: 'run cell in-place'}, | ||
|
r4646 | {key: 'Ctrl-m d', help: 'delete cell'}, | ||
{key: 'Ctrl-m a', help: 'insert cell above'}, | ||||
{key: 'Ctrl-m b', help: 'insert cell below'}, | ||||
{key: 'Ctrl-m t', help: 'toggle output'}, | ||||
|
r5020 | {key: 'Ctrl-m l', help: 'toggle line numbers'}, | ||
|
r4646 | {key: 'Ctrl-m s', help: 'save notebook'}, | ||
{key: 'Ctrl-m j', help: 'move cell down'}, | ||||
{key: 'Ctrl-m k', help: 'move cell up'}, | ||||
{key: 'Ctrl-m c', help: 'code cell'}, | ||||
{key: 'Ctrl-m m', help: 'markdown cell'}, | ||||
|
r4648 | {key: 'Ctrl-m p', help: 'select previous'}, | ||
{key: 'Ctrl-m n', help: 'select next'}, | ||||
|
r5025 | {key: 'Ctrl-m i', help: 'interrupt kernel'}, | ||
{key: 'Ctrl-m .', help: 'restart kernel'}, | ||||
|
r5020 | {key: 'Ctrl-m h', help: 'show keyboard shortcuts'} | ||
|
r4646 | ]; | ||
for (var i=0; i<shortcuts.length; i++) { | ||||
dialog.append($('<div>'). | ||||
|
r4650 | append($('<span/>').addClass('shortcut_key').html(shortcuts[i].key)). | ||
append($('<span/>').addClass('shortcut_descr').html(' : ' + shortcuts[i].help)) | ||||
|
r4646 | ); | ||
}; | ||||
|
r5067 | dialog.bind('dialogclose', function(event) { | ||
// dialog has been closed, allow it to be drawn again. | ||||
that.shortcut_dialog = null; | ||||
}); | ||||
|
r4646 | dialog.dialog({title: 'Keyboard shortcuts'}); | ||
}; | ||||
|
r4364 | Notebook.prototype.scroll_to_bottom = function () { | ||
|
r4366 | this.element.animate({scrollTop:this.element.get(0).scrollHeight}, 0); | ||
|
r4364 | }; | ||
|
r4488 | |||
Notebook.prototype.scroll_to_top = function () { | ||||
this.element.animate({scrollTop:0}, 0); | ||||
}; | ||||
|
r4352 | // Cell indexing, retrieval, etc. | ||
|
r4292 | |||
|
r4352 | Notebook.prototype.cell_elements = function () { | ||
return this.element.children("div.cell"); | ||||
|
r5479 | }; | ||
|
r4292 | |||
|
r4352 | Notebook.prototype.ncells = function (cell) { | ||
return this.cell_elements().length; | ||||
|
r5479 | }; | ||
|
r4292 | |||
|
r4352 | // TODO: we are often calling cells as cells()[i], which we should optimize | ||
// to cells(i) or a new method. | ||||
Notebook.prototype.cells = function () { | ||||
return this.cell_elements().toArray().map(function (e) { | ||||
return $(e).data("cell"); | ||||
}); | ||||
|
r5479 | }; | ||
|
r4292 | |||
|
r4352 | Notebook.prototype.find_cell_index = function (cell) { | ||
var result = null; | ||||
this.cell_elements().filter(function (index) { | ||||
if ($(this).data("cell") === cell) { | ||||
result = index; | ||||
}; | ||||
}); | ||||
return result; | ||||
}; | ||||
|
r4292 | |||
|
r4352 | Notebook.prototype.index_or_selected = function (index) { | ||
return index || this.selected_index() || 0; | ||||
|
r5479 | }; | ||
|
r4292 | |||
|
r4352 | Notebook.prototype.select = function (index) { | ||
if (index !== undefined && index >= 0 && index < this.ncells()) { | ||||
if (this.selected_index() !== null) { | ||||
this.selected_cell().unselect(); | ||||
}; | ||||
this.cells()[index].select(); | ||||
|
r4292 | }; | ||
|
r4352 | return this; | ||
|
r4292 | }; | ||
|
r4352 | Notebook.prototype.select_next = function () { | ||
var index = this.selected_index(); | ||||
if (index !== null && index >= 0 && (index+1) < this.ncells()) { | ||||
this.select(index+1); | ||||
}; | ||||
return this; | ||||
|
r4292 | }; | ||
|
r4352 | Notebook.prototype.select_prev = function () { | ||
var index = this.selected_index(); | ||||
if (index !== null && index >= 0 && (index-1) < this.ncells()) { | ||||
this.select(index-1); | ||||
|
r4299 | }; | ||
|
r4352 | return this; | ||
}; | ||||
|
r4299 | |||
|
r4352 | Notebook.prototype.selected_index = function () { | ||
var result = null; | ||||
this.cell_elements().filter(function (index) { | ||||
if ($(this).data("cell").selected === true) { | ||||
result = index; | ||||
}; | ||||
}); | ||||
return result; | ||||
}; | ||||
|
r4292 | |||
|
r4352 | Notebook.prototype.cell_for_msg = function (msg_id) { | ||
var cell_id = this.msg_cell_map[msg_id]; | ||||
var result = null; | ||||
this.cell_elements().filter(function (index) { | ||||
cell = $(this).data("cell"); | ||||
if (cell.cell_id === cell_id) { | ||||
result = cell; | ||||
}; | ||||
}); | ||||
return result; | ||||
}; | ||||
|
r4292 | |||
|
r4352 | Notebook.prototype.selected_cell = function () { | ||
return this.cell_elements().eq(this.selected_index()).data("cell"); | ||||
|
r5479 | }; | ||
|
r4292 | |||
|
r4352 | // Cell insertion, deletion and moving. | ||
|
r4292 | |||
|
r4352 | Notebook.prototype.delete_cell = function (index) { | ||
var i = index || this.selected_index(); | ||||
if (i !== null && i >= 0 && i < this.ncells()) { | ||||
this.cell_elements().eq(i).remove(); | ||||
if (i === (this.ncells())) { | ||||
this.select(i-1); | ||||
} else { | ||||
this.select(i); | ||||
}; | ||||
}; | ||||
|
r4550 | this.dirty = true; | ||
|
r4292 | return this; | ||
}; | ||||
|
r4352 | Notebook.prototype.append_cell = function (cell) { | ||
|
r4364 | this.element.find('div.end_space').before(cell.element); | ||
|
r4550 | this.dirty = true; | ||
|
r4292 | return this; | ||
}; | ||||
|
r4352 | |||
|
r4659 | Notebook.prototype.insert_cell_below = function (cell, index) { | ||
|
r4352 | var ncells = this.ncells(); | ||
if (ncells === 0) { | ||||
this.append_cell(cell); | ||||
return this; | ||||
|
r4292 | }; | ||
|
r4352 | if (index >= 0 && index < ncells) { | ||
this.cell_elements().eq(index).after(cell.element); | ||||
}; | ||||
|
r4550 | this.dirty = true; | ||
|
r5479 | return this; | ||
|
r4292 | }; | ||
|
r4352 | |||
|
r4659 | Notebook.prototype.insert_cell_above = function (cell, index) { | ||
|
r4352 | var ncells = this.ncells(); | ||
if (ncells === 0) { | ||||
this.append_cell(cell); | ||||
return this; | ||||
}; | ||||
if (index >= 0 && index < ncells) { | ||||
this.cell_elements().eq(index).before(cell.element); | ||||
|
r4292 | }; | ||
|
r4550 | this.dirty = true; | ||
|
r4352 | return this; | ||
|
r4292 | }; | ||
|
r4352 | |||
Notebook.prototype.move_cell_up = function (index) { | ||||
var i = index || this.selected_index(); | ||||
if (i !== null && i < this.ncells() && i > 0) { | ||||
var pivot = this.cell_elements().eq(i-1); | ||||
var tomove = this.cell_elements().eq(i); | ||||
if (pivot !== null && tomove !== null) { | ||||
tomove.detach(); | ||||
pivot.before(tomove); | ||||
this.select(i-1); | ||||
|
r4292 | }; | ||
}; | ||||
|
r4550 | this.dirty = true; | ||
|
r4352 | return this; | ||
|
r5479 | }; | ||
|
r4352 | |||
Notebook.prototype.move_cell_down = function (index) { | ||||
var i = index || this.selected_index(); | ||||
if (i !== null && i < (this.ncells()-1) && i >= 0) { | ||||
|
r5479 | var pivot = this.cell_elements().eq(i+1); | ||
var tomove = this.cell_elements().eq(i); | ||||
|
r4352 | if (pivot !== null && tomove !== null) { | ||
tomove.detach(); | ||||
pivot.after(tomove); | ||||
this.select(i+1); | ||||
}; | ||||
}; | ||||
|
r4550 | this.dirty = true; | ||
|
r4352 | return this; | ||
|
r5479 | }; | ||
|
r4352 | |||
Notebook.prototype.sort_cells = function () { | ||||
var ncells = this.ncells(); | ||||
var sindex = this.selected_index(); | ||||
var swapped; | ||||
do { | ||||
|
r5479 | swapped = false; | ||
|
r4352 | for (var i=1; i<ncells; i++) { | ||
current = this.cell_elements().eq(i).data("cell"); | ||||
previous = this.cell_elements().eq(i-1).data("cell"); | ||||
if (previous.input_prompt_number > current.input_prompt_number) { | ||||
this.move_cell_up(i); | ||||
swapped = true; | ||||
}; | ||||
}; | ||||
} while (swapped); | ||||
this.select(sindex); | ||||
return this; | ||||
|
r4292 | }; | ||
|
r4659 | Notebook.prototype.insert_code_cell_above = function (index) { | ||
|
r4352 | // TODO: Bounds check for i | ||
var i = this.index_or_selected(index); | ||||
var cell = new IPython.CodeCell(this); | ||||
|
r4391 | cell.set_input_prompt(); | ||
|
r4659 | this.insert_cell_above(cell, i); | ||
|
r4352 | this.select(this.find_cell_index(cell)); | ||
|
r4488 | return cell; | ||
|
r5479 | }; | ||
|
r4292 | |||
|
r4659 | Notebook.prototype.insert_code_cell_below = function (index) { | ||
|
r4352 | // TODO: Bounds check for i | ||
var i = this.index_or_selected(index); | ||||
var cell = new IPython.CodeCell(this); | ||||
|
r4391 | cell.set_input_prompt(); | ||
|
r4659 | this.insert_cell_below(cell, i); | ||
|
r4352 | this.select(this.find_cell_index(cell)); | ||
|
r4488 | return cell; | ||
|
r5479 | }; | ||
|
r4292 | |||
|
r4299 | |||
|
r4659 | Notebook.prototype.insert_html_cell_above = function (index) { | ||
|
r4352 | // TODO: Bounds check for i | ||
var i = this.index_or_selected(index); | ||||
|
r4499 | var cell = new IPython.HTMLCell(this); | ||
|
r4352 | cell.config_mathjax(); | ||
|
r4659 | this.insert_cell_above(cell, i); | ||
|
r4352 | this.select(this.find_cell_index(cell)); | ||
|
r4488 | return cell; | ||
|
r5479 | }; | ||
|
r4299 | |||
|
r4659 | Notebook.prototype.insert_html_cell_below = function (index) { | ||
|
r4352 | // TODO: Bounds check for i | ||
var i = this.index_or_selected(index); | ||||
|
r4499 | var cell = new IPython.HTMLCell(this); | ||
|
r4352 | cell.config_mathjax(); | ||
|
r4659 | this.insert_cell_below(cell, i); | ||
|
r4352 | this.select(this.find_cell_index(cell)); | ||
|
r4488 | return cell; | ||
|
r5479 | }; | ||
|
r4299 | |||
|
r4659 | Notebook.prototype.insert_markdown_cell_above = function (index) { | ||
|
r4507 | // TODO: Bounds check for i | ||
var i = this.index_or_selected(index); | ||||
|
r4508 | var cell = new IPython.MarkdownCell(this); | ||
|
r4507 | cell.config_mathjax(); | ||
|
r4659 | this.insert_cell_above(cell, i); | ||
|
r4507 | this.select(this.find_cell_index(cell)); | ||
return cell; | ||||
|
r5479 | }; | ||
|
r4507 | |||
|
r4659 | Notebook.prototype.insert_markdown_cell_below = function (index) { | ||
|
r4507 | // TODO: Bounds check for i | ||
var i = this.index_or_selected(index); | ||||
|
r4508 | var cell = new IPython.MarkdownCell(this); | ||
|
r4507 | cell.config_mathjax(); | ||
|
r4659 | this.insert_cell_below(cell, i); | ||
|
r4507 | this.select(this.find_cell_index(cell)); | ||
return cell; | ||||
|
r5479 | }; | ||
|
r4507 | |||
Notebook.prototype.to_code = function (index) { | ||||
|
r4352 | // TODO: Bounds check for i | ||
var i = this.index_or_selected(index); | ||||
var source_element = this.cell_elements().eq(i); | ||||
var source_cell = source_element.data("cell"); | ||||
|
r4508 | if (source_cell instanceof IPython.HTMLCell || | ||
source_cell instanceof IPython.MarkdownCell) { | ||||
|
r4659 | this.insert_code_cell_below(i); | ||
|
r4352 | var target_cell = this.cells()[i+1]; | ||
|
r4499 | target_cell.set_code(source_cell.get_source()); | ||
|
r4352 | source_element.remove(); | ||
|
r4557 | target_cell.select(); | ||
|
r4352 | }; | ||
|
r4550 | this.dirty = true; | ||
|
r4352 | }; | ||
|
r4299 | |||
|
r4352 | |||
|
r4508 | Notebook.prototype.to_markdown = function (index) { | ||
|
r4352 | // TODO: Bounds check for i | ||
var i = this.index_or_selected(index); | ||||
var source_element = this.cell_elements().eq(i); | ||||
var source_cell = source_element.data("cell"); | ||||
|
r4507 | var target_cell = null; | ||
if (source_cell instanceof IPython.CodeCell) { | ||||
|
r4659 | this.insert_markdown_cell_below(i); | ||
|
r5479 | target_cell = this.cells()[i+1]; | ||
|
r4507 | var text = source_cell.get_code(); | ||
} else if (source_cell instanceof IPython.HTMLCell) { | ||||
|
r4659 | this.insert_markdown_cell_below(i); | ||
|
r5479 | target_cell = this.cells()[i+1]; | ||
|
r4507 | var text = source_cell.get_source(); | ||
|
r4508 | if (text === source_cell.placeholder) { | ||
text = target_cell.placeholder; | ||||
} | ||||
|
r4507 | } | ||
if (target_cell !== null) { | ||||
if (text === "") {text = target_cell.placeholder;}; | ||||
target_cell.set_source(text); | ||||
source_element.remove(); | ||||
target_cell.edit(); | ||||
} | ||||
|
r4550 | this.dirty = true; | ||
|
r4507 | }; | ||
Notebook.prototype.to_html = function (index) { | ||||
// TODO: Bounds check for i | ||||
var i = this.index_or_selected(index); | ||||
var source_element = this.cell_elements().eq(i); | ||||
var source_cell = source_element.data("cell"); | ||||
var target_cell = null; | ||||
|
r4352 | if (source_cell instanceof IPython.CodeCell) { | ||
|
r4659 | this.insert_html_cell_below(i); | ||
|
r5479 | target_cell = this.cells()[i+1]; | ||
|
r4352 | var text = source_cell.get_code(); | ||
|
r4508 | } else if (source_cell instanceof IPython.MarkdownCell) { | ||
|
r4659 | this.insert_html_cell_below(i); | ||
|
r5479 | target_cell = this.cells()[i+1]; | ||
|
r4507 | var text = source_cell.get_source(); | ||
|
r4508 | if (text === source_cell.placeholder) { | ||
text = target_cell.placeholder; | ||||
} | ||||
|
r4507 | } | ||
if (target_cell !== null) { | ||||
|
r4352 | if (text === "") {text = target_cell.placeholder;}; | ||
|
r4499 | target_cell.set_source(text); | ||
|
r4352 | source_element.remove(); | ||
target_cell.edit(); | ||||
|
r4507 | } | ||
|
r4550 | this.dirty = true; | ||
|
r4299 | }; | ||
|
r4352 | |||
|
r4543 | // Cell collapsing and output clearing | ||
|
r4352 | |||
Notebook.prototype.collapse = function (index) { | ||||
var i = this.index_or_selected(index); | ||||
this.cells()[i].collapse(); | ||||
|
r4550 | this.dirty = true; | ||
|
r4299 | }; | ||
|
r4352 | Notebook.prototype.expand = function (index) { | ||
var i = this.index_or_selected(index); | ||||
this.cells()[i].expand(); | ||||
|
r4550 | this.dirty = true; | ||
|
r4352 | }; | ||
|
r4315 | |||
|
r4639 | Notebook.prototype.toggle_output = function (index) { | ||
var i = this.index_or_selected(index); | ||||
this.cells()[i].toggle_output(); | ||||
this.dirty = true; | ||||
}; | ||||
|
r5400 | Notebook.prototype.set_timebeforetooltip = function (time) { | ||
console.log("change time before tooltip to : "+time); | ||||
this.time_before_tooltip = time; | ||||
}; | ||||
|
r5399 | Notebook.prototype.set_tooltipontab = function (state) { | ||
console.log("change tooltip on tab to : "+state); | ||||
this.tooltip_on_tab = state; | ||||
}; | ||||
|
r5401 | Notebook.prototype.set_smartcompleter = function (state) { | ||
console.log("Smart completion (kwargs first) changed to to : "+state); | ||||
this.smart_completer = state; | ||||
}; | ||||
|
r4512 | Notebook.prototype.set_autoindent = function (state) { | ||
var cells = this.cells(); | ||||
len = cells.length; | ||||
for (var i=0; i<len; i++) { | ||||
|
r5479 | cells[i].set_autoindent(state); | ||
|
r4512 | }; | ||
}; | ||||
|
r4543 | |||
Notebook.prototype.clear_all_output = function () { | ||||
var ncells = this.ncells(); | ||||
var cells = this.cells(); | ||||
for (var i=0; i<ncells; i++) { | ||||
if (cells[i] instanceof IPython.CodeCell) { | ||||
|
r5085 | cells[i].clear_output(true,true,true); | ||
|
r4543 | } | ||
}; | ||||
|
r4550 | this.dirty = true; | ||
|
r4543 | }; | ||
|
r5020 | // Other cell functions: line numbers, ... | ||
Notebook.prototype.cell_toggle_line_numbers = function() { | ||||
|
r5479 | this.selected_cell().toggle_line_numbers(); | ||
|
r5020 | }; | ||
|
r4543 | |||
|
r4352 | // Kernel related things | ||
|
r4315 | |||
|
r4352 | Notebook.prototype.start_kernel = function () { | ||
this.kernel = new IPython.Kernel(); | ||||
|
r4494 | var notebook_id = IPython.save_widget.get_notebook_id(); | ||
|
r4545 | this.kernel.start(notebook_id, $.proxy(this.kernel_started, this)); | ||
}; | ||||
Notebook.prototype.restart_kernel = function () { | ||||
|
r5025 | var that = this; | ||
|
r4545 | var notebook_id = IPython.save_widget.get_notebook_id(); | ||
|
r5021 | |||
var dialog = $('<div/>'); | ||||
dialog.html('Do you want to restart the current kernel? You will lose all variables defined in it.'); | ||||
$(document).append(dialog); | ||||
dialog.dialog({ | ||||
resizable: false, | ||||
modal: true, | ||||
title: "Restart kernel or continue running?", | ||||
buttons : { | ||||
"Restart": function () { | ||||
|
r5025 | that.kernel.restart($.proxy(that.kernel_started, that)); | ||
|
r5021 | $(this).dialog('close'); | ||
}, | ||||
"Continue running": function () { | ||||
$(this).dialog('close'); | ||||
} | ||||
} | ||||
}); | ||||
|
r4545 | }; | ||
Notebook.prototype.kernel_started = function () { | ||||
console.log("Kernel started: ", this.kernel.kernel_id); | ||||
this.kernel.shell_channel.onmessage = $.proxy(this.handle_shell_reply,this); | ||||
this.kernel.iopub_channel.onmessage = $.proxy(this.handle_iopub_reply,this); | ||||
|
r4315 | }; | ||
|
r4352 | |||
|
r4353 | Notebook.prototype.handle_shell_reply = function (e) { | ||
reply = $.parseJSON(e.data); | ||||
|
r4356 | var header = reply.header; | ||
var content = reply.content; | ||||
var msg_type = header.msg_type; | ||||
|
r4365 | // console.log(reply); | ||
|
r4353 | var cell = this.cell_for_msg(reply.parent_header.msg_id); | ||
if (msg_type === "execute_reply") { | ||||
|
r4356 | cell.set_input_prompt(content.execution_count); | ||
|
r5221 | cell.element.removeClass("running"); | ||
|
r4550 | this.dirty = true; | ||
|
r4388 | } else if (msg_type === "complete_reply") { | ||
|
r4389 | cell.finish_completing(content.matched_text, content.matches); | ||
|
r5397 | } else if (msg_type === "object_info_reply"){ | ||
//console.log('back from object_info_request : ') | ||||
rep = reply.content; | ||||
if(rep.found) | ||||
{ | ||||
|
r5404 | cell.finish_tooltip(rep); | ||
|
r5397 | } | ||
} else { | ||||
//console.log("unknown reply:"+msg_type); | ||||
} | ||||
// when having a rely from object_info_reply, | ||||
// no payload so no nned to handle it | ||||
if(typeof(content.payload)!='undefined') { | ||||
var payload = content.payload || []; | ||||
this.handle_payload(cell, payload); | ||||
} | ||||
|
r4353 | }; | ||
|
r4352 | |||
|
r4530 | Notebook.prototype.handle_payload = function (cell, payload) { | ||
|
r4356 | var l = payload.length; | ||
for (var i=0; i<l; i++) { | ||||
|
r4530 | if (payload[i].source === 'IPython.zmq.page.page') { | ||
|
r4560 | if (payload[i].text.trim() !== '') { | ||
IPython.pager.clear(); | ||||
IPython.pager.expand(); | ||||
IPython.pager.append_text(payload[i].text); | ||||
} | ||||
|
r4530 | } else if (payload[i].source === 'IPython.zmq.zmqshell.ZMQInteractiveShell.set_next_input') { | ||
var index = this.find_cell_index(cell); | ||||
|
r4659 | var new_cell = this.insert_code_cell_below(index); | ||
|
r4530 | new_cell.set_code(payload[i].text); | ||
|
r4550 | this.dirty = true; | ||
|
r4530 | } | ||
|
r4356 | }; | ||
}; | ||||
|
r4357 | |||
|
r4353 | Notebook.prototype.handle_iopub_reply = function (e) { | ||
reply = $.parseJSON(e.data); | ||||
var content = reply.content; | ||||
// console.log(reply); | ||||
var msg_type = reply.header.msg_type; | ||||
var cell = this.cell_for_msg(reply.parent_header.msg_id); | ||||
|
r5363 | if (!cell){ | ||
// message not from this notebook | ||||
console.log("Received IOPub message not caused by one of my cells"); | ||||
return; | ||||
} | ||||
|
r4497 | var output_types = ['stream','display_data','pyout','pyerr']; | ||
if (output_types.indexOf(msg_type) >= 0) { | ||||
this.handle_output(cell, msg_type, content); | ||||
|
r4545 | } else if (msg_type === 'status') { | ||
if (content.execution_state === 'busy') { | ||||
|
r4372 | IPython.kernel_status_widget.status_busy(); | ||
|
r4545 | } else if (content.execution_state === 'idle') { | ||
|
r4372 | IPython.kernel_status_widget.status_idle(); | ||
|
r4545 | } else if (content.execution_state === 'dead') { | ||
this.handle_status_dead(); | ||||
|
r4352 | }; | ||
|
r5080 | } else if (msg_type === 'clear_output') { | ||
|
r5085 | cell.clear_output(content.stdout, content.stderr, content.other); | ||
|
r5080 | }; | ||
|
r4353 | }; | ||
|
r4352 | |||
|
r4353 | |||
|
r4545 | Notebook.prototype.handle_status_dead = function () { | ||
var that = this; | ||||
this.kernel.stop_channels(); | ||||
var dialog = $('<div/>'); | ||||
dialog.html('The kernel has died, would you like to restart it? If you do not restart the kernel, you will be able to save the notebook, but running code will not work until the notebook is reopened.'); | ||||
$(document).append(dialog); | ||||
dialog.dialog({ | ||||
resizable: false, | ||||
modal: true, | ||||
title: "Dead kernel", | ||||
buttons : { | ||||
|
r5022 | "Restart": function () { | ||
|
r4545 | that.start_kernel(); | ||
$(this).dialog('close'); | ||||
}, | ||||
|
r5022 | "Continue running": function () { | ||
|
r4545 | $(this).dialog('close'); | ||
} | ||||
} | ||||
}); | ||||
}; | ||||
|
r4497 | Notebook.prototype.handle_output = function (cell, msg_type, content) { | ||
var json = {}; | ||||
json.output_type = msg_type; | ||||
if (msg_type === "stream") { | ||||
|
r4864 | json.text = utils.fixConsole(content.data); | ||
json.stream = content.name; | ||||
|
r4497 | } else if (msg_type === "display_data") { | ||
json = this.convert_mime_types(json, content.data); | ||||
} else if (msg_type === "pyout") { | ||||
json.prompt_number = content.execution_count; | ||||
json = this.convert_mime_types(json, content.data); | ||||
} else if (msg_type === "pyerr") { | ||||
json.ename = content.ename; | ||||
json.evalue = content.evalue; | ||||
|
r4540 | var traceback = []; | ||
for (var i=0; i<content.traceback.length; i++) { | ||||
traceback.push(utils.fixConsole(content.traceback[i])); | ||||
} | ||||
json.traceback = traceback; | ||||
|
r4497 | }; | ||
cell.append_output(json); | ||||
|
r4550 | this.dirty = true; | ||
|
r4497 | }; | ||
Notebook.prototype.convert_mime_types = function (json, data) { | ||||
if (data['text/plain'] !== undefined) { | ||||
|
r4540 | json.text = utils.fixConsole(data['text/plain']); | ||
|
r4497 | }; | ||
if (data['text/html'] !== undefined) { | ||||
json.html = data['text/html']; | ||||
}; | ||||
if (data['image/svg+xml'] !== undefined) { | ||||
json.svg = data['image/svg+xml']; | ||||
}; | ||||
if (data['image/png'] !== undefined) { | ||||
json.png = data['image/png']; | ||||
}; | ||||
|
r4528 | if (data['image/jpeg'] !== undefined) { | ||
json.jpeg = data['image/jpeg']; | ||||
}; | ||||
|
r4497 | if (data['text/latex'] !== undefined) { | ||
json.latex = data['text/latex']; | ||||
}; | ||||
if (data['application/json'] !== undefined) { | ||||
json.json = data['application/json']; | ||||
}; | ||||
if (data['application/javascript'] !== undefined) { | ||||
json.javascript = data['application/javascript']; | ||||
} | ||||
return json; | ||||
}; | ||||
|
r4315 | |||
|
r4394 | Notebook.prototype.execute_selected_cell = function (options) { | ||
// add_new: should a new cell be added if we are at the end of the nb | ||||
// terminal: execute in terminal mode, which stays in the current cell | ||||
|
r5479 | default_options = {terminal: false, add_new: true}; | ||
$.extend(default_options, options); | ||||
|
r4378 | var that = this; | ||
var cell = that.selected_cell(); | ||||
var cell_index = that.find_cell_index(cell); | ||||
if (cell instanceof IPython.CodeCell) { | ||||
|
r5085 | cell.clear_output(true, true, true); | ||
|
r5220 | cell.set_input_prompt('*'); | ||
|
r5221 | cell.element.addClass("running"); | ||
|
r4378 | var code = cell.get_code(); | ||
|
r4484 | var msg_id = that.kernel.execute(cell.get_code()); | ||
that.msg_cell_map[msg_id] = cell.cell_id; | ||||
|
r4499 | } else if (cell instanceof IPython.HTMLCell) { | ||
|
r4378 | cell.render(); | ||
} | ||||
|
r4394 | if (default_options.terminal) { | ||
|
r4675 | cell.select_all(); | ||
|
r4378 | } else { | ||
|
r4394 | if ((cell_index === (that.ncells()-1)) && default_options.add_new) { | ||
|
r4659 | that.insert_code_cell_below(); | ||
|
r4394 | // If we are adding a new cell at the end, scroll down to show it. | ||
that.scroll_to_bottom(); | ||||
} else { | ||||
that.select(cell_index+1); | ||||
}; | ||||
|
r4378 | }; | ||
|
r4550 | this.dirty = true; | ||
|
r4378 | }; | ||
Notebook.prototype.execute_all_cells = function () { | ||||
var ncells = this.ncells(); | ||||
for (var i=0; i<ncells; i++) { | ||||
this.select(i); | ||||
|
r4394 | this.execute_selected_cell({add_new:false}); | ||
|
r4378 | }; | ||
this.scroll_to_bottom(); | ||||
}; | ||||
|
r4389 | |||
|
r5397 | Notebook.prototype.request_tool_tip = function (cell,func) { | ||
|
r5399 | // Feel free to shorten this logic if you are better | ||
// than me in regEx | ||||
// basicaly you shoul be able to get xxx.xxx.xxx from | ||||
// something(range(10), kwarg=smth) ; xxx.xxx.xxx( firstarg, rand(234,23), kwarg1=2, | ||||
// remove everything between matchin bracket (need to iterate) | ||||
matchBracket = /\([^\(\)]+\)/g; | ||||
oldfunc = func; | ||||
func = func.replace(matchBracket,""); | ||||
while( oldfunc != func ) | ||||
{ | ||||
oldfunc = func; | ||||
func = func.replace(matchBracket,""); | ||||
} | ||||
// remove everythin after last open bracket | ||||
endBracket = /\([^\(]*$/g; | ||||
func = func.replace(endBracket,""); | ||||
|
r5397 | var re = /[a-zA-Z._]+$/g; | ||
|
r5398 | var msg_id = this.kernel.object_info_request(re.exec(func)); | ||
|
r5409 | if(typeof(msg_id)!='undefined'){ | ||
this.msg_cell_map[msg_id] = cell.cell_id; | ||||
} | ||||
|
r5397 | }; | ||
|
r4389 | Notebook.prototype.complete_cell = function (cell, line, cursor_pos) { | ||
var msg_id = this.kernel.complete(line, cursor_pos); | ||||
this.msg_cell_map[msg_id] = cell.cell_id; | ||||
}; | ||||
|
r4352 | // Persistance and loading | ||
Notebook.prototype.fromJSON = function (data) { | ||||
var ncells = this.ncells(); | ||||
|
r5479 | var i; | ||
for (i=0; i<ncells; i++) { | ||||
|
r4352 | // Always delete cell 0 as they get renumbered as they are deleted. | ||
this.delete_cell(0); | ||||
}; | ||||
|
r4637 | // Save the metadata | ||
this.metadata = data.metadata; | ||||
|
r4484 | // Only handle 1 worksheet for now. | ||
var worksheet = data.worksheets[0]; | ||||
if (worksheet !== undefined) { | ||||
var new_cells = worksheet.cells; | ||||
ncells = new_cells.length; | ||||
var cell_data = null; | ||||
|
r4488 | var new_cell = null; | ||
|
r5479 | for (i=0; i<ncells; i++) { | ||
|
r4484 | cell_data = new_cells[i]; | ||
if (cell_data.cell_type == 'code') { | ||||
|
r4659 | new_cell = this.insert_code_cell_below(); | ||
|
r4488 | new_cell.fromJSON(cell_data); | ||
|
r4499 | } else if (cell_data.cell_type === 'html') { | ||
|
r4659 | new_cell = this.insert_html_cell_below(); | ||
|
r4488 | new_cell.fromJSON(cell_data); | ||
|
r4511 | } else if (cell_data.cell_type === 'markdown') { | ||
|
r4659 | new_cell = this.insert_markdown_cell_below(); | ||
|
r4511 | new_cell.fromJSON(cell_data); | ||
|
r4484 | }; | ||
}; | ||||
|
r4352 | }; | ||
|
r4315 | }; | ||
|
r4352 | |||
Notebook.prototype.toJSON = function () { | ||||
var cells = this.cells(); | ||||
var ncells = cells.length; | ||||
cell_array = new Array(ncells); | ||||
for (var i=0; i<ncells; i++) { | ||||
cell_array[i] = cells[i].toJSON(); | ||||
}; | ||||
|
r4484 | data = { | ||
// Only handle 1 worksheet for now. | ||||
|
r4637 | worksheets : [{cells:cell_array}], | ||
metadata : this.metadata | ||||
|
r5479 | }; | ||
return data; | ||||
|
r4484 | }; | ||
Notebook.prototype.save_notebook = function () { | ||||
if (IPython.save_widget.test_notebook_name()) { | ||||
var notebook_id = IPython.save_widget.get_notebook_id(); | ||||
var nbname = IPython.save_widget.get_notebook_name(); | ||||
// We may want to move the name/id/nbformat logic inside toJSON? | ||||
var data = this.toJSON(); | ||||
|
r4637 | data.metadata.name = nbname; | ||
|
r4484 | data.nbformat = 2; | ||
// We do the call with settings so we can set cache to false. | ||||
var settings = { | ||||
|
r4493 | processData : false, | ||
cache : false, | ||||
type : "PUT", | ||||
data : JSON.stringify(data), | ||||
headers : {'Content-Type': 'application/json'}, | ||||
|
r5007 | success : $.proxy(this.notebook_saved,this), | ||
error : $.proxy(this.notebook_save_failed,this) | ||||
|
r4484 | }; | ||
IPython.save_widget.status_saving(); | ||||
|
r5479 | var url = $('body').data('baseProjectUrl') + 'notebooks/' + notebook_id; | ||
|
r5106 | $.ajax(url, settings); | ||
|
r4352 | }; | ||
|
r4315 | }; | ||
|
r4352 | |||
|
r4484 | Notebook.prototype.notebook_saved = function (data, status, xhr) { | ||
|
r4550 | this.dirty = false; | ||
|
r5006 | IPython.save_widget.notebook_saved(); | ||
|
r5113 | IPython.save_widget.status_save(); | ||
|
r5479 | }; | ||
|
r4352 | |||
|
r5007 | Notebook.prototype.notebook_save_failed = function (xhr, status, error_msg) { | ||
// Notify the user and reset the save button | ||||
// TODO: Handle different types of errors (timeout etc.) | ||||
alert('An unexpected error occured while saving the notebook.'); | ||||
|
r5113 | IPython.save_widget.reset_status(); | ||
|
r5479 | }; | ||
|
r5007 | |||
|
r4488 | Notebook.prototype.load_notebook = function (callback) { | ||
var that = this; | ||||
|
r4484 | var notebook_id = IPython.save_widget.get_notebook_id(); | ||
|
r4352 | // We do the call with settings so we can set cache to false. | ||
var settings = { | ||||
|
r4488 | processData : false, | ||
cache : false, | ||||
type : "GET", | ||||
dataType : "json", | ||||
success : function (data, status, xhr) { | ||||
that.notebook_loaded(data, status, xhr); | ||||
if (callback !== undefined) { | ||||
callback(); | ||||
}; | ||||
} | ||||
|
r4352 | }; | ||
|
r4484 | IPython.save_widget.status_loading(); | ||
|
r5479 | var url = $('body').data('baseProjectUrl') + 'notebooks/' + notebook_id; | ||
|
r5106 | $.ajax(url, settings); | ||
|
r5479 | }; | ||
|
r4352 | |||
|
r4484 | |||
Notebook.prototype.notebook_loaded = function (data, status, xhr) { | ||||
|
r5200 | var allowed = xhr.getResponseHeader('Allow'); | ||
|
r4484 | this.fromJSON(data); | ||
if (this.ncells() === 0) { | ||||
|
r4659 | this.insert_code_cell_below(); | ||
|
r4484 | }; | ||
IPython.save_widget.status_save(); | ||||
|
r4637 | IPython.save_widget.set_notebook_name(data.metadata.name); | ||
|
r4550 | this.dirty = false; | ||
|
r5213 | if (! this.read_only) { | ||
|
r5200 | this.start_kernel(); | ||
} | ||||
|
r4488 | // fromJSON always selects the last cell inserted. We need to wait | ||
// until that is done before scrolling to the top. | ||||
setTimeout(function () { | ||||
IPython.notebook.select(0); | ||||
IPython.notebook.scroll_to_top(); | ||||
}, 50); | ||||
|
r4484 | }; | ||
|
r4352 | IPython.Notebook = Notebook; | ||
|
r5108 | |||
|
r4352 | return IPython; | ||
}(IPython)); | ||||
|
r4315 | |||