terminallist.js
122 lines
| 4.1 KiB
| application/javascript
|
JavascriptLexer
|
r18555 | // Copyright (c) IPython Development Team. | ||
// Distributed under the terms of the Modified BSD License. | ||||
define([ | ||||
'base/js/namespace', | ||||
'base/js/utils', | ||||
'jquery', | ||||
'tree/js/notebooklist', | ||||
], function(IPython, utils, $, notebooklist) { | ||||
"use strict"; | ||||
var TerminalList = function (selector, options) { | ||||
|
r19176 | /** | ||
* Constructor | ||||
* | ||||
* Parameters: | ||||
* selector: string | ||||
* options: dictionary | ||||
* Dictionary of keyword arguments. | ||||
* base_url: string | ||||
*/ | ||||
|
r18555 | this.base_url = options.base_url || utils.get_body_data("baseUrl"); | ||
this.element_name = options.element_name || 'terminal'; | ||||
this.selector = selector; | ||||
this.terminals = []; | ||||
if (this.selector !== undefined) { | ||||
this.element = $(selector); | ||||
this.style(); | ||||
this.bind_events(); | ||||
this.load_terminals(); | ||||
} | ||||
}; | ||||
TerminalList.prototype = Object.create(notebooklist.NotebookList.prototype); | ||||
TerminalList.prototype.bind_events = function () { | ||||
var that = this; | ||||
$('#refresh_' + this.element_name + '_list').click(function () { | ||||
that.load_terminals(); | ||||
}); | ||||
$('#new_terminal').click($.proxy(this.new_terminal, this)); | ||||
}; | ||||
|
r18616 | TerminalList.prototype.new_terminal = function () { | ||
|
r18688 | var w = window.open(); | ||
var base_url = this.base_url; | ||||
|
r18616 | var settings = { | ||
type : "POST", | ||||
|
r18688 | dataType: "json", | ||
|
r18616 | success : function (data, status, xhr) { | ||
var name = data.name; | ||||
|
r18688 | w.location = utils.url_join_encode(base_url, 'terminals', name); | ||
|
r18616 | }, | ||
|
r18690 | error : function(jqXHR, status, error){ | ||
w.close(); | ||||
utils.log_ajax_error(jqXHR, status, error); | ||||
}, | ||||
|
r18616 | }; | ||
var url = utils.url_join_encode( | ||||
this.base_url, | ||||
'api/terminals' | ||||
); | ||||
$.ajax(url, settings); | ||||
|
r18559 | }; | ||
|
r18616 | |||
|
r18555 | TerminalList.prototype.load_terminals = function() { | ||
var that = this; | ||||
var url = utils.url_join_encode(this.base_url, 'api/terminals'); | ||||
$.ajax(url, { | ||||
type: "GET", | ||||
cache: false, | ||||
dataType: "json", | ||||
success: $.proxy(this.terminals_loaded, this), | ||||
error : utils.log_ajax_error | ||||
}); | ||||
}; | ||||
TerminalList.prototype.terminals_loaded = function (data) { | ||||
this.terminals = data; | ||||
this.clear_list(); | ||||
var item, path_name, term; | ||||
for (var i=0; i < this.terminals.length; i++) { | ||||
term = this.terminals[i]; | ||||
item = this.new_item(-1); | ||||
this.add_link(term.name, item); | ||||
this.add_shutdown_button(term.name, item); | ||||
} | ||||
$('#terminal_list_header').toggle(data.length === 0); | ||||
}; | ||||
TerminalList.prototype.add_link = function(name, item) { | ||||
item.data('term-name', name); | ||||
|
r18559 | item.find(".item_name").text("terminals/" + name); | ||
|
r18555 | item.find(".item_icon").addClass("fa fa-terminal"); | ||
var link = item.find("a.item_link") | ||||
.attr('href', utils.url_join_encode(this.base_url, "terminals", name)); | ||||
link.attr('target', '_blank'); | ||||
this.add_shutdown_button(name, item); | ||||
}; | ||||
TerminalList.prototype.add_shutdown_button = function(name, item) { | ||||
var that = this; | ||||
|
r19643 | var shutdown_button = $("<button/>").text("Shutdown").addClass("btn btn-xs btn-warning"). | ||
|
r18555 | click(function (e) { | ||
var settings = { | ||||
processData : false, | ||||
type : "DELETE", | ||||
dataType : "json", | ||||
success : function () { | ||||
that.load_terminals(); | ||||
}, | ||||
error : utils.log_ajax_error, | ||||
}; | ||||
var url = utils.url_join_encode(that.base_url, 'api/terminals', name); | ||||
$.ajax(url, settings); | ||||
return false; | ||||
}); | ||||
item.find(".item_buttons").text("").append(shutdown_button); | ||||
}; | ||||
return {TerminalList: TerminalList}; | ||||
}); | ||||