Brian Granger
14 years ago
parent
b819fbfe8f
commit
34d784a5ab
@ -0,0 +1,128 @@
|
||||
//----------------------------------------------------------------------------
|
||||
// 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.
|
||||
//----------------------------------------------------------------------------
|
||||
|
||||
//============================================================================
|
||||
// NotebookList
|
||||
//============================================================================
|
||||
|
||||
var IPython = (function (IPython) {
|
||||
|
||||
var ClusterList = function (selector) {
|
||||
this.selector = selector;
|
||||
if (this.selector !== undefined) {
|
||||
this.element = $(selector);
|
||||
this.style();
|
||||
this.bind_events();
|
||||
}
|
||||
};
|
||||
|
||||
ClusterList.prototype.style = function () {
|
||||
$('#cluster_toolbar').addClass('list_toolbar');
|
||||
$('#cluster_list_info').addClass('toolbar_info');
|
||||
$('#cluster_buttons').addClass('toolbar_buttons');
|
||||
$('div#cluster_header').addClass('list_header ui-widget ui-widget-header');
|
||||
$('#refresh_cluster_list').button({
|
||||
icons : {primary: 'ui-icon-arrowrefresh-1-s'},
|
||||
text : false
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
ClusterList.prototype.bind_events = function () {
|
||||
var that = this;
|
||||
$('#refresh_cluster_list').click(function () {
|
||||
that.load_list();
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
ClusterList.prototype.load_list = function () {
|
||||
var settings = {
|
||||
processData : false,
|
||||
cache : false,
|
||||
type : "GET",
|
||||
dataType : "json",
|
||||
success : $.proxy(this.load_list_success, this)
|
||||
};
|
||||
var url = $('body').data('baseProjectUrl') + 'clusters';
|
||||
$.ajax(url, settings);
|
||||
};
|
||||
|
||||
|
||||
ClusterList.prototype.clear_list = function () {
|
||||
this.element.children('.list_item').remove();
|
||||
}
|
||||
|
||||
ClusterList.prototype.load_list_success = function (data, status, xhr) {
|
||||
console.log(data);
|
||||
this.clear_list();
|
||||
var len = data.length;
|
||||
for (var i=0; i<len; i++) {
|
||||
var item_div = $('<div/>');
|
||||
item_div.addClass('list_item ui-widget ui-widget-content ui-helper-clearfix');
|
||||
item_div.css('border-top-style','none');
|
||||
var item = new ClusterItem(item_div);
|
||||
item.update_state(data[i]);
|
||||
item_div.data('item', item);
|
||||
console.log('appending item', item);
|
||||
this.element.append(item_div);
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
var ClusterItem = function (element) {
|
||||
this.element = $(element);
|
||||
this.data = null;
|
||||
};
|
||||
|
||||
|
||||
ClusterItem.prototype.update_state = function (data) {
|
||||
this.data = data;
|
||||
if (data.status === 'running') {
|
||||
this.state_running();
|
||||
} else if (data.status === 'stopped') {
|
||||
this.state_stopped();
|
||||
};
|
||||
|
||||
}
|
||||
|
||||
|
||||
ClusterItem.prototype.state_stopped = function () {
|
||||
var item_name = $('<span/>').addClass('item_name').text(this.data.profile);
|
||||
var item_buttons = $('<span/>').addClass('item_buttons');
|
||||
var start_button = $('<button>Start</button>').button();
|
||||
item_buttons.append(start_button);
|
||||
this.element.append(item_name).append(item_buttons);
|
||||
start_button.click(function (e) {
|
||||
console.log('start');
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
ClusterItem.prototype.start_success = function () {
|
||||
|
||||
};
|
||||
|
||||
ClusterItem.prototype.state_running = function () {
|
||||
var item_name = $('<span/>').addClass('item_name').text(this.data.profile);
|
||||
var item_buttons = $('<span/>').addClass('item_buttons');
|
||||
var stop_button = $('<button>Stop</button>').button();
|
||||
item_buttons.append(start_button);
|
||||
this.element.append(item_name).append(item_buttons);
|
||||
start_button.click(function (e) {
|
||||
console.log('stop');
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
IPython.ClusterList = ClusterList;
|
||||
IPython.ClusterItem = ClusterItem;
|
||||
|
||||
return IPython;
|
||||
|
||||
}(IPython));
|
||||
|
||||
Loading…
Reference in new issue