notebook.js
832 lines
| 23.1 KiB
| application/javascript
|
JavascriptLexer
|
r4292 | var IPYTHON = {}; | |
|
r4301 | ||
// $.get("/notebooks/number2.nb",function (data, status, xhr) {console.log(data);}); | |||
// | |||
// settings = { | |||
// processData : false, | |||
// cache : false, | |||
// type : "DELETE", | |||
// success : function (data, status, xhr) {console.log(data);} | |||
// } | |||
// $.ajax("/notebooks/number2.nb",settings) | |||
// | |||
// settings = { | |||
// processData : false, | |||
// cache : false, | |||
// type : "PUT", | |||
// success : function (data, status, xhr) {console.log(data);} | |||
// } | |||
// $.ajax("/notebooks/number2.nb",settings) | |||
|
r4292 | //============================================================================ | |
|
r4299 | // Utilities | |
//============================================================================ | |||
var uuid = function () { | |||
// http://www.ietf.org/rfc/rfc4122.txt | |||
var s = []; | |||
var hexDigits = "0123456789ABCDEF"; | |||
for (var i = 0; i < 32; i++) { | |||
s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | |||
} | |||
s[12] = "4"; // bits 12-15 of the time_hi_and_version field to 0010 | |||
s[16] = hexDigits.substr((s[16] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01 | |||
var uuid = s.join(""); | |||
return uuid; | |||
}; | |||
//Fix raw text to parse correctly in crazy XML | |||
function xmlencode(string) { | |||
return string.replace(/\&/g,'&'+'amp;') | |||
.replace(/</g,'&'+'lt;') | |||
.replace(/>/g,'&'+'gt;') | |||
.replace(/\'/g,'&'+'apos;') | |||
.replace(/\"/g,'&'+'quot;') | |||
.replace(/`/g,'&'+'#96;') | |||
} | |||
//Map from terminal commands to CSS classes | |||
attrib = { | |||
"30":"cblack", "31":"cred", | |||
"32":"cgreen", "33":"cyellow", | |||
"34":"cblue", "36":"ccyan", | |||
"37":"cwhite", "01":"cbold"} | |||
//Fixes escaped console commands, IE colors. Turns them into HTML | |||
function fixConsole(txt) { | |||
txt = xmlencode(txt) | |||
var re = /\033\[([\d;]*?)m/ | |||
var opened = false | |||
var cmds = [] | |||
var opener = "" | |||
var closer = "" | |||
while (re.test(txt)) { | |||
var cmds = txt.match(re)[1].split(";") | |||
closer = opened?"</span>":"" | |||
opened = cmds.length > 1 || cmds[0] != 0 | |||
var rep = [] | |||
for (var i in cmds) | |||
if (typeof(attrib[cmds[i]]) != "undefined") | |||
rep.push(attrib[cmds[i]]) | |||
opener = rep.length > 0?"<span class=\""+rep.join(" ")+"\">":"" | |||
txt = txt.replace(re, closer + opener) | |||
} | |||
if (opened) txt += "</span>" | |||
return txt.trim() | |||
} | |||
//============================================================================ | |||
|
r4292 | // Notebook | |
//============================================================================ | |||
var Notebook = function (selector) { | |||
this.element = $(selector); | |||
|
r4297 | this.element.scroll(); | |
|
r4292 | this.element.data("notebook", this); | |
this.next_prompt_number = 1; | |||
|
r4299 | this.kernel = null; | |
this.msg_cell_map = {}; | |||
|
r4292 | this.bind_events(); | |
|
r4299 | this.start_kernel(); | |
|
r4297 | }; | |
|
r4292 | ||
Notebook.prototype.bind_events = function () { | |||
var that = this; | |||
|
r4294 | $(document).keydown(function (event) { | |
|
r4308 | console.log(event); | |
|
r4292 | if (event.which == 38 && event.shiftKey) { | |
|
r4296 | event.preventDefault(); | |
|
r4292 | that.select_prev(); | |
} else if (event.which == 40 && event.shiftKey) { | |||
|
r4296 | event.preventDefault(); | |
|
r4292 | that.select_next(); | |
|
r4293 | } else if (event.which == 13 && event.shiftKey) { | |
// The focus is not quite working here. | |||
|
r4299 | var cell = that.selected_cell(); | |
var cell_index = that.find_cell_index(cell); | |||
if (cell instanceof CodeCell) { | |||
event.preventDefault(); | |||
cell.clear_output(); | |||
var msg_id = that.kernel.execute(cell.get_code()); | |||
that.msg_cell_map[msg_id] = cell.cell_id; | |||
if (cell_index === (that.ncells()-1)) { | |||
that.insert_code_cell_after(); | |||
} else { | |||
that.select(cell_index+1); | |||
}; | |||
} | |||
} else if (event.which == 9) { | |||
|
r4294 | event.preventDefault(); | |
|
r4299 | var cell = that.selected_cell(); | |
if (cell instanceof CodeCell) { | |||
var ta = cell.element.find("textarea.input_area"); | |||
ta.val(ta.val() + " "); | |||
}; | |||
}; | |||
|
r4292 | }); | |
}; | |||
// Cell indexing, retrieval, etc. | |||
Notebook.prototype.cell_elements = function () { | |||
return this.element.children("div.cell"); | |||
} | |||
Notebook.prototype.ncells = function (cell) { | |||
return this.cell_elements().length; | |||
} | |||
// 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"); | |||
}); | |||
} | |||
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; | |||
}; | |||
Notebook.prototype.index_or_selected = function (index) { | |||
return index || this.selected_index() || 0; | |||
} | |||
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(); | |||
}; | |||
return this; | |||
}; | |||
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; | |||
}; | |||
Notebook.prototype.select_prev = function () { | |||
var index = this.selected_index(); | |||
if (index !== null && index >= 0 && (index-1) < this.ncells()) { | |||
this.select(index-1); | |||
}; | |||
return this; | |||
}; | |||
Notebook.prototype.selected_index = function () { | |||
var result = null; | |||
this.cell_elements().filter(function (index) { | |||
if ($(this).data("cell").selected === true) { | |||
result = index; | |||
}; | |||
}); | |||
return result; | |||
}; | |||
|
r4299 | 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 | Notebook.prototype.selected_cell = function () { | |
return this.cell_elements().eq(this.selected_index()).data("cell"); | |||
} | |||
// Cell insertion, deletion and moving. | |||
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); | |||
}; | |||
}; | |||
return this; | |||
}; | |||
Notebook.prototype.append_cell = function (cell) { | |||
this.element.append(cell.element); | |||
return this; | |||
}; | |||
Notebook.prototype.insert_cell_after = function (cell, index) { | |||
var ncells = this.ncells(); | |||
if (ncells === 0) { | |||
this.append_cell(cell); | |||
return this; | |||
}; | |||
if (index >= 0 && index < ncells) { | |||
this.cell_elements().eq(index).after(cell.element); | |||
}; | |||
return this | |||
}; | |||
Notebook.prototype.insert_cell_before = function (cell, index) { | |||
var ncells = this.ncells(); | |||
if (ncells === 0) { | |||
this.append_cell(cell); | |||
return this; | |||
}; | |||
|
r4294 | if (index >= 0 && index < ncells) { | |
|
r4292 | this.cell_elements().eq(index).before(cell.element); | |
}; | |||
return this; | |||
}; | |||
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); | |||
|
r4294 | this.select(i-1); | |
|
r4292 | }; | |
}; | |||
return this; | |||
} | |||
Notebook.prototype.move_cell_down = function (index) { | |||
var i = index || this.selected_index(); | |||
if (i !== null && i < (this.ncells()-1) && 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.after(tomove); | |||
|
r4294 | this.select(i+1); | |
|
r4292 | }; | |
}; | |||
return this; | |||
} | |||
Notebook.prototype.sort_cells = function () { | |||
var ncells = this.ncells(); | |||
|
r4297 | var sindex = this.selected_index(); | |
|
r4292 | var swapped; | |
do { | |||
swapped = false | |||
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); | |||
|
r4297 | this.select(sindex); | |
|
r4292 | return this; | |
}; | |||
Notebook.prototype.insert_code_cell_before = function (index) { | |||
// TODO: Bounds check for i | |||
var i = this.index_or_selected(index); | |||
var cell = new CodeCell(this); | |||
cell.set_input_prompt(this.next_prompt_number); | |||
this.next_prompt_number = this.next_prompt_number + 1; | |||
this.insert_cell_before(cell, i); | |||
this.select(this.find_cell_index(cell)); | |||
return this; | |||
} | |||
Notebook.prototype.insert_code_cell_after = function (index) { | |||
// TODO: Bounds check for i | |||
var i = this.index_or_selected(index); | |||
var cell = new CodeCell(this); | |||
cell.set_input_prompt(this.next_prompt_number); | |||
this.next_prompt_number = this.next_prompt_number + 1; | |||
this.insert_cell_after(cell, i); | |||
this.select(this.find_cell_index(cell)); | |||
return this; | |||
} | |||
Notebook.prototype.insert_text_cell_before = function (index) { | |||
// TODO: Bounds check for i | |||
var i = this.index_or_selected(index); | |||
var cell = new TextCell(this); | |||
cell.config_mathjax(); | |||
this.insert_cell_before(cell, i); | |||
this.select(this.find_cell_index(cell)); | |||
return this; | |||
} | |||
Notebook.prototype.insert_text_cell_after = function (index) { | |||
// TODO: Bounds check for i | |||
var i = this.index_or_selected(index); | |||
var cell = new TextCell(this); | |||
cell.config_mathjax(); | |||
this.insert_cell_after(cell, i); | |||
this.select(this.find_cell_index(cell)); | |||
return this; | |||
} | |||
Notebook.prototype.text_to_code = 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"); | |||
if (source_cell instanceof TextCell) { | |||
this.insert_code_cell_after(i); | |||
var target_cell = this.cells()[i+1]; | |||
var text = source_element.find("textarea.text_cell_input").val(); | |||
target_cell.element.find("textarea.input_area").val(text); | |||
source_element.remove(); | |||
}; | |||
}; | |||
Notebook.prototype.code_to_text = 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"); | |||
if (source_cell instanceof CodeCell) { | |||
this.insert_text_cell_after(i); | |||
var target_cell = this.cells()[i+1]; | |||
var text = source_element.find("textarea.input_area").val(); | |||
|
r4295 | if (text === "") {text = target_cell.placeholder;}; | |
|
r4292 | target_cell.element.find("textarea.text_cell_input").val(text); | |
target_cell.element.find("textarea.text_cell_input").html(text); | |||
target_cell.element.find("div.text_cell_render").html(text); | |||
source_element.remove(); | |||
}; | |||
}; | |||
// Cell collapsing | |||
Notebook.prototype.collapse = function (index) { | |||
var i = this.index_or_selected(index); | |||
this.cells()[i].collapse(); | |||
|
r4299 | }; | |
|
r4292 | ||
Notebook.prototype.expand = function (index) { | |||
var i = this.index_or_selected(index); | |||
this.cells()[i].expand(); | |||
|
r4299 | }; | |
// Kernel related things | |||
Notebook.prototype.start_kernel = function () { | |||
|
r4306 | this.kernel = new Kernel(); | |
|
r4299 | this.kernel.start_kernel(this._kernel_started, this); | |
}; | |||
Notebook.prototype._kernel_started = function () { | |||
console.log("Kernel started: ", this.kernel.kernel_id); | |||
var that = this; | |||
this.kernel.shell_channel.onmessage = function (e) { | |||
reply = $.parseJSON(e.data); | |||
console.log(reply); | |||
var msg_type = reply.msg_type; | |||
var cell = that.cell_for_msg(reply.parent_header.msg_id); | |||
if (msg_type === "execute_reply") { | |||
cell.set_prompt(reply.content.execution_count); | |||
}; | |||
}; | |||
this.kernel.iopub_channel.onmessage = function (e) { | |||
reply = $.parseJSON(e.data); | |||
console.log(reply); | |||
var msg_type = reply.msg_type; | |||
var cell = that.cell_for_msg(reply.parent_header.msg_id); | |||
if (msg_type === "stream") { | |||
cell.expand(); | |||
cell.append_stream(reply.content.data + "\n"); | |||
} else if (msg_type === "pyout" || msg_type === "display_data") { | |||
cell.expand(); | |||
cell.append_display_data(reply.content.data); | |||
}; | |||
}; | |||
}; | |||
Notebook.prototype._handle_execute_reply = function (reply, cell) { | |||
cell.set_prompt(reply.content.execution_count); | |||
}; | |||
|
r4292 | ||
//============================================================================ | |||
// Cell | |||
//============================================================================ | |||
var Cell = function (notebook) { | |||
this.notebook = notebook; | |||
this.selected = false; | |||
this.element; | |||
this.create_element(); | |||
if (this.element !== undefined) { | |||
this.element.data("cell", this); | |||
this.bind_events(); | |||
} | |||
|
r4299 | this.cell_id = uuid(); | |
|
r4292 | }; | |
Cell.prototype.select = function () { | |||
this.element.addClass('ui-widget-content ui-corner-all'); | |||
this.selected = true; | |||
|
r4294 | // TODO: we need t test across browsers to see if both of these are needed. | |
// In the meantime, there should not be any harm in having them both. | |||
|
r4292 | this.element.find('textarea').trigger('focusin'); | |
|
r4294 | this.element.find('textarea').trigger('focus'); | |
|
r4292 | }; | |
Cell.prototype.unselect = function () { | |||
this.element.removeClass('ui-widget-content ui-corner-all'); | |||
this.selected = false; | |||
}; | |||
Cell.prototype.bind_events = function () { | |||
var that = this; | |||
var nb = that.notebook | |||
that.element.click(function (event) { | |||
if (that.selected === false) { | |||
nb.select(nb.find_cell_index(that)); | |||
}; | |||
}); | |||
that.element.focusin(function (event) { | |||
if (that.selected === false) { | |||
nb.select(nb.find_cell_index(that)); | |||
}; | |||
}); | |||
}; | |||
// Subclasses must implement create_element. | |||
Cell.prototype.create_element = function () {}; | |||
//============================================================================ | |||
// CodeCell | |||
//============================================================================ | |||
var CodeCell = function (notebook) { | |||
Cell.apply(this, arguments); | |||
this.input_prompt_number = ' '; | |||
this.output_prompt_number = ' '; | |||
}; | |||
CodeCell.prototype = new Cell(); | |||
CodeCell.prototype.create_element = function () { | |||
var cell = $('<div></div>').addClass('cell code_cell') | |||
var input = $('<div></div>').addClass('input').append( | |||
$('<div/>').addClass('prompt input_prompt') | |||
).append( | |||
$('<textarea/>').addClass('input_area'). | |||
attr('rows',1). | |||
attr('cols',80). | |||
attr('wrap','hard'). | |||
autoGrow() | |||
); | |||
var output = $('<div></div>').addClass('output').append( | |||
$('<div/>').addClass('prompt output_prompt') | |||
).append( | |||
$('<div/>').addClass('output_area') | |||
); | |||
cell.append(input).append(output); | |||
this.element = cell; | |||
|
r4299 | this.collapse() | |
}; | |||
CodeCell.prototype.append_stream = function (data) { | |||
var data_list = data.split("\n"); | |||
console.log(data_list); | |||
if (data_list.length > 0) { | |||
for (var i=0; i<data_list.length; i++) { | |||
console.log(i, data_list[i]); | |||
var toinsert = fixConsole(data_list[i]); | |||
this.element.find("div.output_area").append($("<p>").append(toinsert)); | |||
}; | |||
} | |||
}; | |||
CodeCell.prototype.append_display_data = function (data) { | |||
if (data["image/svg+xml"] !== undefined) { | |||
this.append_svg(data["image/svg+xml"]); | |||
} else if (data["text/plain"] !== undefined) { | |||
console.log(data["text/plain"]); | |||
this.append_stream(data["text/plain"]); | |||
}; | |||
}; | |||
CodeCell.prototype.append_svg = function (svg) { | |||
this.element.find("div.output_area").append(svg); | |||
}; | |||
CodeCell.prototype.clear_output = function () { | |||
this.element.find("div.output_area").html(""); | |||
|
r4292 | }; | |
CodeCell.prototype.collapse = function () { | |||
this.element.find('div.output').hide(); | |||
}; | |||
CodeCell.prototype.expand = function () { | |||
this.element.find('div.output').show(); | |||
}; | |||
CodeCell.prototype.set_prompt = function (number) { | |||
this.set_input_prompt(number); | |||
this.set_output_prompt(number); | |||
}; | |||
CodeCell.prototype.set_input_prompt = function (number) { | |||
var n = number || ' '; | |||
this.input_prompt_number = n | |||
this.element.find('div.input_prompt').html('In [' + n + ']:'); | |||
}; | |||
CodeCell.prototype.set_output_prompt = function (number) { | |||
var n = number || ' '; | |||
this.output_prompt_number = n | |||
this.element.find('div.output_prompt').html('Out[' + n + ']:'); | |||
}; | |||
|
r4299 | CodeCell.prototype.get_code = function () { | |
return this.element.find("textarea.input_area").val(); | |||
}; | |||
|
r4292 | //============================================================================ | |
// TextCell | |||
//============================================================================ | |||
var TextCell = function (notebook) { | |||
Cell.apply(this, arguments); | |||
|
r4295 | this.placeholder = "Type <strong>HTML</strong> and LaTeX: $\\alpha^2$" | |
|
r4292 | }; | |
TextCell.prototype = new Cell(); | |||
TextCell.prototype.create_element = function () { | |||
|
r4295 | var cell = $("<div>").addClass('cell text_cell'). | |
|
r4292 | append( | |
|
r4295 | $("<textarea>" + this.placeholder + "</textarea>"). | |
|
r4292 | addClass('text_cell_input'). | |
attr('rows',1). | |||
attr('cols',80). | |||
autoGrow() | |||
).append( | |||
$('<div></div>').addClass('text_cell_render') | |||
) | |||
this.element = cell; | |||
}; | |||
|
r4294 | TextCell.prototype.select = function () { | |
this.edit(); | |||
Cell.prototype.select.apply(this); | |||
}; | |||
TextCell.prototype.edit = function () { | |||
|
r4292 | var text_cell = this.element; | |
var input = text_cell.find("textarea.text_cell_input"); | |||
|
r4297 | var output = text_cell.find("div.text_cell_render"); | |
|
r4294 | output.hide(); | |
input.show().trigger('focus'); | |||
}; | |||
|
r4292 | ||
|
r4294 | TextCell.prototype.render = function () { | |
var text_cell = this.element; | |||
var input = text_cell.find("textarea.text_cell_input"); | |||
var output = text_cell.find("div.text_cell_render"); | |||
var text = input.val(); | |||
|
r4297 | if (text === "") { | |
text = this.placeholder; | |||
input.val(text); | |||
}; | |||
|
r4294 | output.html(text) | |
input.html(text); | |||
MathJax.Hub.Queue(["Typeset",MathJax.Hub]); | |||
input.hide(); | |||
output.show(); | |||
}; | |||
TextCell.prototype.config_mathjax = function () { | |||
var text_cell = this.element; | |||
var that = this; | |||
|
r4292 | text_cell.click(function () { | |
|
r4294 | that.edit(); | |
|
r4292 | }).focusout(function () { | |
|
r4294 | that.render(); | |
|
r4292 | }); | |
text_cell.trigger("focusout"); | |||
}; | |||
|
r4294 | //============================================================================ | |
// On document ready | |||
//============================================================================ | |||
|
r4306 | var Kernel = function () { | |
this.kernel_id = null; | |||
|
r4299 | this.base_url = "/kernels"; | |
|
r4306 | this.kernel_url = null; | |
|
r4299 | }; | |
Kernel.prototype.get_msg = function (msg_type, content) { | |||
var msg = { | |||
header : { | |||
msg_id : uuid(), | |||
username : "bgranger", | |||
session: this.session_id | |||
}, | |||
msg_type : msg_type, | |||
content : content, | |||
parent_header : {} | |||
}; | |||
return msg; | |||
} | |||
Kernel.prototype.start_kernel = function (callback, context) { | |||
|
r4297 | var that = this; | |
|
r4306 | $.post(this.base_url, | |
function (kernel_id) { | |||
that._handle_start_kernel(kernel_id, callback, context); | |||
}, | |||
'json' | |||
); | |||
}; | |||
|
r4297 | ||
|
r4306 | Kernel.prototype._handle_start_kernel = function (kernel_id, callback, context) { | |
this.kernel_id = kernel_id; | |||
this.kernel_url = this.base_url + "/" + this.kernel_id; | |||
|
r4299 | this._start_channels(); | |
callback.call(context); | |||
}; | |||
Kernel.prototype._start_channels = function () { | |||
|
r4306 | var ws_url = "ws://127.0.0.1:8888" + this.kernel_url; | |
|
r4299 | this.shell_channel = new WebSocket(ws_url + "/shell"); | |
this.iopub_channel = new WebSocket(ws_url + "/iopub"); | |||
} | |||
Kernel.prototype.execute = function (code) { | |||
var content = { | |||
code : code, | |||
silent : false, | |||
user_variables : [], | |||
user_expressions : {} | |||
|
r4297 | }; | |
|
r4299 | var msg = this.get_msg("execute_request", content); | |
this.shell_channel.send(JSON.stringify(msg)); | |||
return msg.header.msg_id; | |||
|
r4297 | } | |
|
r4308 | Kernel.prototype.interrupt = function () { | |
|
r4309 | $.post(this.kernel_url + "/interrupt"); | |
|
r4308 | }; | |
Kernel.prototype.restart = function () { | |||
|
r4309 | url = this.kernel_url + "/restart" | |
|
r4308 | var that = this; | |
|
r4309 | $.post(url, function (kernel_id) { | |
|
r4308 | console.log("Kernel restarted: " + kernel_id); | |
that.kernel_id = kernel_id; | |||
that.kernel_url = that.base_url + "/" + that.kernel_id; | |||
|
r4309 | }, 'json'); | |
|
r4308 | }; | |
|
r4297 | //============================================================================ | |
// On document ready | |||
//============================================================================ | |||
|
r4292 | $(document).ready(function () { | |
MathJax.Hub.Config({ | |||
tex2jax: { | |||
inlineMath: [ ['$','$'], ["\\(","\\)"] ], | |||
displayMath: [ ['$$','$$'], ["\\[","\\]"] ], | |||
} | |||
}); | |||
IPYTHON.notebook = new Notebook('div.notebook'); | |||
IPYTHON.notebook.insert_code_cell_after(); | |||
|
r4305 | $("#menu_tabs").tabs(); | |
$("#help_toolbar").buttonset(); | |||
|
r4308 | ||
|
r4305 | $("#kernel_toolbar").buttonset(); | |
|
r4308 | $("#interrupt_kernel").click(function () {IPYTHON.notebook.kernel.interrupt();}); | |
$("#restart_kernel").click(function () {IPYTHON.notebook.kernel.restart();}); | |||
|
r4305 | ||
|
r4292 | $("#move_cell").buttonset(); | |
$("#move_up").button("option", "icons", {primary:"ui-icon-arrowthick-1-n"}); | |||
$("#move_up").button("option", "text", false); | |||
$("#move_up").click(function () {IPYTHON.notebook.move_cell_up();}); | |||
$("#move_down").button("option", "icons", {primary:"ui-icon-arrowthick-1-s"}); | |||
$("#move_down").button("option", "text", false); | |||
$("#move_down").click(function () {IPYTHON.notebook.move_cell_down();}); | |||
$("#insert_delete").buttonset(); | |||
$("#insert_cell_before").click(function () {IPYTHON.notebook.insert_code_cell_before();}); | |||
$("#insert_cell_after").click(function () {IPYTHON.notebook.insert_code_cell_after();}); | |||
$("#delete_cell").button("option", "icons", {primary:"ui-icon-closethick"}); | |||
$("#delete_cell").button("option", "text", false); | |||
$("#delete_cell").click(function () {IPYTHON.notebook.delete_cell();}); | |||
$("#cell_type").buttonset(); | |||
$("#to_code").click(function () {IPYTHON.notebook.text_to_code();}); | |||
$("#to_text").click(function () {IPYTHON.notebook.code_to_text();}); | |||
$("#sort").buttonset(); | |||
$("#sort_cells").click(function () {IPYTHON.notebook.sort_cells();}); | |||
|
r4299 | $("#toggle").buttonset(); | |
$("#collapse").click(function () {IPYTHON.notebook.collapse();}); | |||
$("#expand").click(function () {IPYTHON.notebook.expand();}); | |||
|
r4292 | }); |