|
|
//----------------------------------------------------------------------------
|
|
|
// Copyright (C) 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.
|
|
|
//----------------------------------------------------------------------------
|
|
|
|
|
|
//============================================================================
|
|
|
// NotebookList
|
|
|
//============================================================================
|
|
|
|
|
|
var IPython = (function (IPython) {
|
|
|
"use strict";
|
|
|
|
|
|
var utils = IPython.utils;
|
|
|
|
|
|
var NotebookList = function (selector) {
|
|
|
this.selector = selector;
|
|
|
if (this.selector !== undefined) {
|
|
|
this.element = $(selector);
|
|
|
this.style();
|
|
|
this.bind_events();
|
|
|
}
|
|
|
this.notebooks_list = [];
|
|
|
this.sessions = {};
|
|
|
};
|
|
|
|
|
|
NotebookList.prototype.baseProjectUrl = function () {
|
|
|
return $('body').data('baseProjectUrl');
|
|
|
};
|
|
|
|
|
|
NotebookList.prototype.notebookPath = function() {
|
|
|
return $('body').data('notebookPath');
|
|
|
};
|
|
|
|
|
|
NotebookList.prototype.style = function () {
|
|
|
$('#notebook_toolbar').addClass('list_toolbar');
|
|
|
$('#drag_info').addClass('toolbar_info');
|
|
|
$('#notebook_buttons').addClass('toolbar_buttons');
|
|
|
$('#notebook_list_header').addClass('list_header');
|
|
|
this.element.addClass("list_container");
|
|
|
};
|
|
|
|
|
|
|
|
|
NotebookList.prototype.bind_events = function () {
|
|
|
var that = this;
|
|
|
$('#refresh_notebook_list').click(function () {
|
|
|
that.load_list();
|
|
|
});
|
|
|
this.element.bind('dragover', function () {
|
|
|
return false;
|
|
|
});
|
|
|
this.element.bind('drop', function(event){
|
|
|
that.handelFilesUpload(event,'drop');
|
|
|
return false;
|
|
|
});
|
|
|
};
|
|
|
|
|
|
NotebookList.prototype.handelFilesUpload = function(event, dropOrForm) {
|
|
|
var that = this;
|
|
|
var files;
|
|
|
if(dropOrForm =='drop'){
|
|
|
files = event.originalEvent.dataTransfer.files;
|
|
|
} else
|
|
|
{
|
|
|
files = event.originalEvent.target.files;
|
|
|
}
|
|
|
for (var i = 0; i < files.length; i++) {
|
|
|
var f = files[i];
|
|
|
var reader = new FileReader();
|
|
|
reader.readAsText(f);
|
|
|
var name_and_ext = utils.splitext(f.name);
|
|
|
var nbname = name_and_ext[0];
|
|
|
var file_ext = name_and_ext[1];
|
|
|
if (file_ext === '.ipynb') {
|
|
|
var item = that.new_notebook_item(0);
|
|
|
that.add_name_input(nbname, item);
|
|
|
// Store the notebook item in the reader so we can use it later
|
|
|
// to know which item it belongs to.
|
|
|
$(reader).data('item', item);
|
|
|
reader.onload = function (event) {
|
|
|
var nbitem = $(event.target).data('item');
|
|
|
that.add_notebook_data(event.target.result, nbitem);
|
|
|
that.add_upload_button(nbitem);
|
|
|
};
|
|
|
} else {
|
|
|
var dialog = 'Uploaded notebooks must be .ipynb files';
|
|
|
IPython.dialog.modal({
|
|
|
title : 'Invalid file type',
|
|
|
body : dialog,
|
|
|
buttons : {'OK' : {'class' : 'btn-primary'}}
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
return false;
|
|
|
};
|
|
|
|
|
|
NotebookList.prototype.clear_list = function () {
|
|
|
this.element.children('.list_item').remove();
|
|
|
};
|
|
|
|
|
|
NotebookList.prototype.load_sessions = function(){
|
|
|
var that = this;
|
|
|
var settings = {
|
|
|
processData : false,
|
|
|
cache : false,
|
|
|
type : "GET",
|
|
|
dataType : "json",
|
|
|
success : $.proxy(that.sessions_loaded, this)
|
|
|
};
|
|
|
var url = this.baseProjectUrl() + 'api/sessions';
|
|
|
$.ajax(url,settings);
|
|
|
};
|
|
|
|
|
|
|
|
|
NotebookList.prototype.sessions_loaded = function(data){
|
|
|
this.sessions = {};
|
|
|
var len = data.length;
|
|
|
if (len > 0) {
|
|
|
for (var i=0; i<len; i++) {
|
|
|
var nb_path;
|
|
|
if (!data[i].notebook.path) {
|
|
|
nb_path = data[i].notebook.name;
|
|
|
}
|
|
|
else {
|
|
|
nb_path = utils.url_path_join(
|
|
|
data[i].notebook.path,
|
|
|
data[i].notebook.name
|
|
|
);
|
|
|
}
|
|
|
this.sessions[nb_path] = data[i].id;
|
|
|
}
|
|
|
}
|
|
|
this.load_list();
|
|
|
};
|
|
|
|
|
|
NotebookList.prototype.load_list = function () {
|
|
|
var that = this;
|
|
|
var settings = {
|
|
|
processData : false,
|
|
|
cache : false,
|
|
|
type : "GET",
|
|
|
dataType : "json",
|
|
|
success : $.proxy(this.list_loaded, this),
|
|
|
error : $.proxy( function(){
|
|
|
that.list_loaded([], null, null, {msg:"Error connecting to server."});
|
|
|
},this)
|
|
|
};
|
|
|
|
|
|
var url = utils.url_path_join(
|
|
|
this.baseProjectUrl(),
|
|
|
'api',
|
|
|
'notebooks',
|
|
|
this.notebookPath()
|
|
|
);
|
|
|
$.ajax(url, settings);
|
|
|
};
|
|
|
|
|
|
|
|
|
NotebookList.prototype.list_loaded = function (data, status, xhr, param) {
|
|
|
var message = 'Notebook list empty.';
|
|
|
if (param !== undefined && param.msg) {
|
|
|
message = param.msg;
|
|
|
}
|
|
|
var len = data.length;
|
|
|
this.clear_list();
|
|
|
if (len === 0) {
|
|
|
$(this.new_notebook_item(0))
|
|
|
.append(
|
|
|
$('<div style="margin:auto;text-align:center;color:grey"/>')
|
|
|
.text(message)
|
|
|
);
|
|
|
}
|
|
|
for (var i=0; i<len; i++) {
|
|
|
var name = data[i].name;
|
|
|
var path = this.notebookPath();
|
|
|
var nbname = utils.splitext(name)[0];
|
|
|
var item = this.new_notebook_item(i);
|
|
|
this.add_link(path, nbname, item);
|
|
|
name = utils.url_path_join(this.notebookPath(), name);
|
|
|
if(this.sessions[name] === undefined){
|
|
|
this.add_delete_button(item);
|
|
|
} else {
|
|
|
this.add_shutdown_button(item,this.sessions[name]);
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
|
|
|
|
|
|
NotebookList.prototype.new_notebook_item = function (index) {
|
|
|
var item = $('<div/>').addClass("list_item").addClass("row-fluid");
|
|
|
// item.addClass('list_item ui-widget ui-widget-content ui-helper-clearfix');
|
|
|
// item.css('border-top-style','none');
|
|
|
item.append($("<div/>").addClass("span12").append(
|
|
|
$("<a/>").addClass("item_link").append(
|
|
|
$("<span/>").addClass("item_name")
|
|
|
)
|
|
|
).append(
|
|
|
$('<div/>').addClass("item_buttons btn-group pull-right")
|
|
|
));
|
|
|
|
|
|
if (index === -1) {
|
|
|
this.element.append(item);
|
|
|
} else {
|
|
|
this.element.children().eq(index).after(item);
|
|
|
}
|
|
|
return item;
|
|
|
};
|
|
|
|
|
|
|
|
|
NotebookList.prototype.add_link = function (path, nbname, item) {
|
|
|
item.data('nbname', nbname);
|
|
|
item.data('path', path);
|
|
|
item.find(".item_name").text(nbname);
|
|
|
item.find("a.item_link")
|
|
|
.attr('href',
|
|
|
utils.url_path_join(
|
|
|
this.baseProjectUrl(),
|
|
|
"notebooks",
|
|
|
this.notebookPath(),
|
|
|
nbname + ".ipynb"
|
|
|
)
|
|
|
).attr('target','_blank');
|
|
|
};
|
|
|
|
|
|
|
|
|
NotebookList.prototype.add_name_input = function (nbname, item) {
|
|
|
item.data('nbname', nbname);
|
|
|
item.find(".item_name").empty().append(
|
|
|
$('<input/>')
|
|
|
.addClass("nbname_input")
|
|
|
.attr('value', nbname)
|
|
|
.attr('size', '30')
|
|
|
.attr('type', 'text')
|
|
|
);
|
|
|
};
|
|
|
|
|
|
|
|
|
NotebookList.prototype.add_notebook_data = function (data, item) {
|
|
|
item.data('nbdata', data);
|
|
|
};
|
|
|
|
|
|
|
|
|
NotebookList.prototype.add_shutdown_button = function (item, session) {
|
|
|
var that = this;
|
|
|
var shutdown_button = $("<button/>").text("Shutdown").addClass("btn btn-mini").
|
|
|
click(function (e) {
|
|
|
var settings = {
|
|
|
processData : false,
|
|
|
cache : false,
|
|
|
type : "DELETE",
|
|
|
dataType : "json",
|
|
|
success : function () {
|
|
|
that.load_sessions();
|
|
|
}
|
|
|
};
|
|
|
var url = utils.url_path_join(
|
|
|
that.baseProjectUrl(),
|
|
|
'api/sessions',
|
|
|
session
|
|
|
);
|
|
|
$.ajax(url, settings);
|
|
|
return false;
|
|
|
});
|
|
|
// var new_buttons = item.find('a'); // shutdown_button;
|
|
|
item.find(".item_buttons").html("").append(shutdown_button);
|
|
|
};
|
|
|
|
|
|
NotebookList.prototype.add_delete_button = function (item) {
|
|
|
var new_buttons = $('<span/>').addClass("btn-group pull-right");
|
|
|
var notebooklist = this;
|
|
|
var delete_button = $("<button/>").text("Delete").addClass("btn btn-mini").
|
|
|
click(function (e) {
|
|
|
// $(this) is the button that was clicked.
|
|
|
var that = $(this);
|
|
|
// We use the nbname and notebook_id from the parent notebook_item element's
|
|
|
// data because the outer scopes values change as we iterate through the loop.
|
|
|
var parent_item = that.parents('div.list_item');
|
|
|
var nbname = parent_item.data('nbname');
|
|
|
var message = 'Are you sure you want to permanently delete the notebook: ' + nbname + '?';
|
|
|
IPython.dialog.modal({
|
|
|
title : "Delete notebook",
|
|
|
body : message,
|
|
|
buttons : {
|
|
|
Delete : {
|
|
|
class: "btn-danger",
|
|
|
click: function() {
|
|
|
var settings = {
|
|
|
processData : false,
|
|
|
cache : false,
|
|
|
type : "DELETE",
|
|
|
dataType : "json",
|
|
|
success : function (data, status, xhr) {
|
|
|
parent_item.remove();
|
|
|
}
|
|
|
};
|
|
|
var url = utils.url_path_join(
|
|
|
notebooklist.baseProjectUrl(),
|
|
|
'api/notebooks',
|
|
|
notebooklist.notebookPath(),
|
|
|
nbname + '.ipynb'
|
|
|
);
|
|
|
$.ajax(url, settings);
|
|
|
}
|
|
|
},
|
|
|
Cancel : {}
|
|
|
}
|
|
|
});
|
|
|
return false;
|
|
|
});
|
|
|
item.find(".item_buttons").html("").append(delete_button);
|
|
|
};
|
|
|
|
|
|
|
|
|
NotebookList.prototype.add_upload_button = function (item) {
|
|
|
var that = this;
|
|
|
var upload_button = $('<button/>').text("Upload")
|
|
|
.addClass('btn btn-primary btn-mini upload_button')
|
|
|
.click(function (e) {
|
|
|
var nbname = item.find('.item_name > input').val();
|
|
|
var nbdata = item.data('nbdata');
|
|
|
var content_type = 'application/json';
|
|
|
var model = {
|
|
|
content : JSON.parse(nbdata),
|
|
|
};
|
|
|
var settings = {
|
|
|
processData : false,
|
|
|
cache : false,
|
|
|
type : 'PUT',
|
|
|
dataType : 'json',
|
|
|
data : JSON.stringify(model),
|
|
|
headers : {'Content-Type': content_type},
|
|
|
success : function (data, status, xhr) {
|
|
|
that.add_link(data, nbname, item);
|
|
|
that.add_delete_button(item);
|
|
|
},
|
|
|
error : function (data, status, xhr) {
|
|
|
console.log(data, status);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var url = utils.url_path_join(
|
|
|
that.baseProjectUrl(),
|
|
|
'api/notebooks',
|
|
|
that.notebookPath(),
|
|
|
nbname + '.ipynb'
|
|
|
);
|
|
|
$.ajax(url, settings);
|
|
|
return false;
|
|
|
});
|
|
|
var cancel_button = $('<button/>').text("Cancel")
|
|
|
.addClass("btn btn-mini")
|
|
|
.click(function (e) {
|
|
|
console.log('cancel click');
|
|
|
item.remove();
|
|
|
return false;
|
|
|
});
|
|
|
item.find(".item_buttons").empty()
|
|
|
.append(upload_button)
|
|
|
.append(cancel_button);
|
|
|
};
|
|
|
|
|
|
|
|
|
NotebookList.prototype.new_notebook = function(){
|
|
|
var path = this.notebookPath();
|
|
|
var base_project_url = this.baseProjectUrl();
|
|
|
var settings = {
|
|
|
processData : false,
|
|
|
cache : false,
|
|
|
type : "POST",
|
|
|
dataType : "json",
|
|
|
async : false,
|
|
|
success : function (data, status, xhr) {
|
|
|
var notebook_name = data.name;
|
|
|
window.open(
|
|
|
utils.url_path_join(
|
|
|
base_project_url,
|
|
|
'notebooks',
|
|
|
path,
|
|
|
notebook_name),
|
|
|
'_blank'
|
|
|
);
|
|
|
}
|
|
|
};
|
|
|
var url = utils.url_path_join(
|
|
|
base_project_url,
|
|
|
'api/notebooks',
|
|
|
path
|
|
|
);
|
|
|
$.ajax(url, settings);
|
|
|
};
|
|
|
|
|
|
IPython.NotebookList = NotebookList;
|
|
|
|
|
|
return IPython;
|
|
|
|
|
|
}(IPython));
|
|
|
|
