|
|
|
|
|
//============================================================================
|
|
|
// TextCell
|
|
|
//============================================================================
|
|
|
|
|
|
var IPython = (function (IPython) {
|
|
|
|
|
|
// TextCell base class
|
|
|
|
|
|
var TextCell = function (notebook) {
|
|
|
this.code_mirror_mode = this.code_mirror_mode || 'htmlmixed';
|
|
|
this.placeholder = this.placeholder || '';
|
|
|
IPython.Cell.apply(this, arguments);
|
|
|
this.rendered = false;
|
|
|
this.cell_type = this.cell_type || 'text';
|
|
|
};
|
|
|
|
|
|
|
|
|
TextCell.prototype = new IPython.Cell();
|
|
|
|
|
|
|
|
|
TextCell.prototype.create_element = function () {
|
|
|
var cell = $("<div>").addClass('cell text_cell border-box-sizing');
|
|
|
var input_area = $('<div/>').addClass('text_cell_input');
|
|
|
this.code_mirror = CodeMirror(input_area.get(0), {
|
|
|
indentUnit : 4,
|
|
|
mode: this.code_mirror_mode,
|
|
|
theme: 'default',
|
|
|
value: this.placeholder
|
|
|
});
|
|
|
// The tabindex=-1 makes this div focusable.
|
|
|
var render_area = $('<div/>').addClass('text_cell_render').
|
|
|
addClass('rendered_html').attr('tabindex','-1');
|
|
|
cell.append(input_area).append(render_area);
|
|
|
this.element = cell;
|
|
|
};
|
|
|
|
|
|
|
|
|
TextCell.prototype.bind_events = function () {
|
|
|
IPython.Cell.prototype.bind_events.apply(this);
|
|
|
var that = this;
|
|
|
this.element.keydown(function (event) {
|
|
|
if (event.which === 13) {
|
|
|
if (that.rendered) {
|
|
|
that.edit();
|
|
|
event.preventDefault();
|
|
|
};
|
|
|
};
|
|
|
});
|
|
|
};
|
|
|
|
|
|
|
|
|
TextCell.prototype.select = function () {
|
|
|
IPython.Cell.prototype.select.apply(this);
|
|
|
var output = this.element.find("div.text_cell_render");
|
|
|
output.trigger('focus');
|
|
|
};
|
|
|
|
|
|
|
|
|
TextCell.prototype.edit = function () {
|
|
|
if (this.rendered === true) {
|
|
|
var text_cell = this.element;
|
|
|
var output = text_cell.find("div.text_cell_render");
|
|
|
output.hide();
|
|
|
text_cell.find('div.text_cell_input').show();
|
|
|
this.code_mirror.focus();
|
|
|
this.code_mirror.refresh();
|
|
|
this.rendered = false;
|
|
|
};
|
|
|
};
|
|
|
|
|
|
|
|
|
// Subclasses must define render.
|
|
|
TextCell.prototype.render = function () {};
|
|
|
|
|
|
|
|
|
TextCell.prototype.config_mathjax = function () {
|
|
|
var text_cell = this.element;
|
|
|
var that = this;
|
|
|
text_cell.click(function () {
|
|
|
that.edit();
|
|
|
}).focusout(function () {
|
|
|
that.render();
|
|
|
});
|
|
|
|
|
|
text_cell.trigger("focusout");
|
|
|
};
|
|
|
|
|
|
|
|
|
TextCell.prototype.get_source = function() {
|
|
|
return this.code_mirror.getValue();
|
|
|
};
|
|
|
|
|
|
|
|
|
TextCell.prototype.set_source = function(text) {
|
|
|
this.code_mirror.setValue(text);
|
|
|
this.code_mirror.refresh();
|
|
|
};
|
|
|
|
|
|
|
|
|
TextCell.prototype.get_rendered = function() {
|
|
|
return this.element.find('div.text_cell_render').html();
|
|
|
};
|
|
|
|
|
|
|
|
|
TextCell.prototype.set_rendered = function(text) {
|
|
|
this.element.find('div.text_cell_render').html(text);
|
|
|
};
|
|
|
|
|
|
|
|
|
TextCell.prototype.at_top = function () {
|
|
|
if (this.rendered) {
|
|
|
return true;
|
|
|
} else {
|
|
|
return false;
|
|
|
}
|
|
|
};
|
|
|
|
|
|
|
|
|
TextCell.prototype.at_bottom = function () {
|
|
|
if (this.rendered) {
|
|
|
return true;
|
|
|
} else {
|
|
|
return false;
|
|
|
}
|
|
|
};
|
|
|
|
|
|
|
|
|
TextCell.prototype.fromJSON = function (data) {
|
|
|
console.log(data);
|
|
|
if (data.cell_type === this.cell_type) {
|
|
|
if (data.source !== undefined) {
|
|
|
this.set_source(data.source);
|
|
|
this.set_rendered(data.rendered || '');
|
|
|
this.rendered = false;
|
|
|
this.render();
|
|
|
};
|
|
|
};
|
|
|
};
|
|
|
|
|
|
|
|
|
TextCell.prototype.toJSON = function () {
|
|
|
var data = {}
|
|
|
data.cell_type = this.cell_type;
|
|
|
data.source = this.get_source();
|
|
|
return data;
|
|
|
};
|
|
|
|
|
|
|
|
|
// HTMLCell
|
|
|
|
|
|
var HTMLCell = function (notebook) {
|
|
|
this.placeholder = "Type <strong>HTML</strong> and LaTeX: $\\alpha^2$";
|
|
|
IPython.TextCell.apply(this, arguments);
|
|
|
this.cell_type = 'html';
|
|
|
};
|
|
|
|
|
|
|
|
|
HTMLCell.prototype = new TextCell();
|
|
|
|
|
|
|
|
|
HTMLCell.prototype.render = function () {
|
|
|
if (this.rendered === false) {
|
|
|
var text = this.get_source();
|
|
|
if (text === "") {text = this.placeholder;};
|
|
|
this.set_rendered(text);
|
|
|
MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
|
|
|
this.element.find('div.text_cell_input').hide();
|
|
|
this.element.find("div.text_cell_render").show();
|
|
|
this.rendered = true;
|
|
|
};
|
|
|
};
|
|
|
|
|
|
|
|
|
// MarkdownCell
|
|
|
|
|
|
var MarkdownCell = function (notebook) {
|
|
|
this.placeholder = "Type *Markdown* and LaTeX: $\\alpha^2$";
|
|
|
IPython.TextCell.apply(this, arguments);
|
|
|
this.cell_type = 'markdown';
|
|
|
};
|
|
|
|
|
|
|
|
|
MarkdownCell.prototype = new TextCell();
|
|
|
|
|
|
|
|
|
MarkdownCell.prototype.render = function () {
|
|
|
if (this.rendered === false) {
|
|
|
var text = this.get_source();
|
|
|
if (text === "") {text = this.placeholder;};
|
|
|
var html = IPython.markdown_converter.makeHtml(text);
|
|
|
this.set_rendered(html);
|
|
|
MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
|
|
|
this.element.find('div.text_cell_input').hide();
|
|
|
this.element.find("div.text_cell_render").show();
|
|
|
this.rendered = true;
|
|
|
};
|
|
|
};
|
|
|
|
|
|
|
|
|
// RSTCell
|
|
|
|
|
|
var RSTCell = function (notebook) {
|
|
|
this.placeholder = "Type *ReStructured Text* and LaTeX: $\\alpha^2$";
|
|
|
IPython.TextCell.apply(this, arguments);
|
|
|
this.cell_type = 'rst';
|
|
|
};
|
|
|
|
|
|
|
|
|
RSTCell.prototype = new TextCell();
|
|
|
|
|
|
|
|
|
RSTCell.prototype.render = function () {
|
|
|
if (this.rendered === false) {
|
|
|
var text = this.get_source();
|
|
|
if (text === "") {text = this.placeholder;};
|
|
|
var settings = {
|
|
|
processData : false,
|
|
|
cache : false,
|
|
|
type : "POST",
|
|
|
data : text,
|
|
|
headers : {'Content-Type': 'application/x-rst'},
|
|
|
success : $.proxy(this.handle_render,this)
|
|
|
};
|
|
|
$.ajax("/rstservice/render", settings);
|
|
|
this.element.find('div.text_cell_input').hide();
|
|
|
this.element.find("div.text_cell_render").show();
|
|
|
this.set_rendered("Rendering...");
|
|
|
};
|
|
|
};
|
|
|
|
|
|
|
|
|
RSTCell.prototype.handle_render = function (data, status, xhr) {
|
|
|
this.set_rendered(data);
|
|
|
MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
|
|
|
this.rendered = true;
|
|
|
};
|
|
|
|
|
|
|
|
|
IPython.TextCell = TextCell;
|
|
|
IPython.HTMLCell = HTMLCell;
|
|
|
IPython.MarkdownCell = MarkdownCell;
|
|
|
IPython.RSTCell = RSTCell;
|
|
|
|
|
|
|
|
|
return IPython;
|
|
|
|
|
|
}(IPython));
|
|
|
|
|
|
|