2012-11-14 17:47:12 +01:00
|
|
|
//
|
|
|
|
// Copyright (c) 2012 Rodolphe Breard
|
|
|
|
//
|
|
|
|
// Permission to use, copy, modify, and/or distribute this software for any
|
|
|
|
// purpose with or without fee is hereby granted, provided that the above
|
|
|
|
// copyright notice and this permission notice appear in all copies.
|
|
|
|
//
|
|
|
|
// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
|
|
|
|
// WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
|
|
|
|
// MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
|
|
|
|
// ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
|
|
|
|
// WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
|
|
|
|
// ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
|
|
|
|
// OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
|
|
|
|
//
|
|
|
|
|
|
|
|
var Nsui = function() {
|
2012-11-15 01:45:45 +01:00
|
|
|
this.tab_lst = [];
|
2012-11-14 17:47:12 +01:00
|
|
|
};
|
|
|
|
|
2012-11-15 01:45:45 +01:00
|
|
|
Nsui.prototype.setReconnect = function(func) {
|
|
|
|
document.getElementById('reconnect').addEventListener('click', func, false);
|
2012-11-14 17:47:12 +01:00
|
|
|
};
|
|
|
|
|
2012-11-21 12:02:34 +01:00
|
|
|
Nsui.prototype.createTab = function(name) {
|
|
|
|
var tab = new Tab(name);
|
|
|
|
|
|
|
|
tab.hide();
|
|
|
|
this.tab_lst.push(tab);
|
|
|
|
return tab;
|
|
|
|
};
|
|
|
|
|
|
|
|
Nsui.prototype.deleteTab = function(tab) {
|
|
|
|
var new_tab = this.getNextTab(tab.name);
|
|
|
|
|
|
|
|
this.tab_lst = this.tab_lst.filter(function(element, index, array) {
|
|
|
|
return tab.name !== element.name;
|
|
|
|
});
|
|
|
|
|
|
|
|
if (new_tab !== null) {
|
|
|
|
new_tab.show();
|
|
|
|
} else {
|
|
|
|
document.getElementById('configuration').style.display = 'block';
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
Nsui.prototype.hideAllTabs = function() {
|
|
|
|
document.getElementById('configuration').style.display = 'none';
|
|
|
|
for (i = this.tab_lst.length - 1; i >= 0; --i) {
|
|
|
|
this.tab_lst[i].hide();
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
Nsui.prototype.getTabByName = function(name) {
|
2012-11-15 01:45:45 +01:00
|
|
|
var i, ret = null;
|
|
|
|
|
|
|
|
for (i = this.tab_lst.length - 1; i >= 0; --i) {
|
|
|
|
if (this.tab_lst[i].name === name) {
|
|
|
|
ret = this.tab_lst[i];
|
|
|
|
break ;
|
2012-11-14 17:47:12 +01:00
|
|
|
}
|
|
|
|
}
|
2012-11-15 01:45:45 +01:00
|
|
|
|
|
|
|
return ret;
|
|
|
|
}
|
|
|
|
|
2012-11-21 12:02:34 +01:00
|
|
|
Nsui.prototype.getNextTab = function(current_name) {
|
|
|
|
var i, prev = null;
|
2012-11-14 17:47:12 +01:00
|
|
|
|
2012-11-21 12:02:34 +01:00
|
|
|
for (i = this.tab_lst.length - 1; i >= 0; --i) {
|
|
|
|
if (this.tab_lst[i].name === current_name) {
|
|
|
|
if (prev === null && typeof this.tab_lst[i - 1] !== 'undefined') {
|
|
|
|
prev = this.tab_lst[i - 1];
|
|
|
|
}
|
|
|
|
break ;
|
|
|
|
}
|
|
|
|
prev = this.tab_lst[i];
|
|
|
|
}
|
|
|
|
|
|
|
|
return prev;
|
|
|
|
}
|
|
|
|
|
|
|
|
Nsui.prototype.addContentToTab = function(tab_name, content) {
|
|
|
|
var tab = this.getTabByName(tab_name);
|
|
|
|
if (tab === null) {
|
|
|
|
tab = this.createTab(tab_name);
|
|
|
|
}
|
|
|
|
tab.setActive();
|
|
|
|
tab.appendText(content);
|
2012-11-14 17:47:12 +01:00
|
|
|
};
|
|
|
|
|
|
|
|
Nsui.prototype.init = function() {
|
2012-11-15 01:45:45 +01:00
|
|
|
var sh = function(elem) {
|
|
|
|
return function() {
|
|
|
|
for (var i = elem.tab_lst.length - 1; i >= 0; --i) {
|
|
|
|
elem.tab_lst[i].hide();
|
|
|
|
}
|
|
|
|
this.classList.add('tab-current');
|
|
|
|
document.getElementById('configuration').style.display = 'block';
|
|
|
|
};
|
2012-11-21 12:02:34 +01:00
|
|
|
},
|
|
|
|
tch = function(elem) {
|
|
|
|
return function() {
|
|
|
|
elem.deleteTab(this);
|
|
|
|
};
|
|
|
|
},
|
|
|
|
tsh = function(elem) {
|
|
|
|
return function() {
|
|
|
|
elem.hideAllTabs();
|
2012-11-15 01:45:45 +01:00
|
|
|
};
|
|
|
|
};
|
|
|
|
|
2012-11-21 12:02:34 +01:00
|
|
|
document.getElementById('tab-config').addEventListener('click', sh(this), false);
|
|
|
|
Tab.prototype.closeHandler = tch(this);
|
|
|
|
Tab.prototype.showHandler = tsh(this);
|
2012-11-14 17:47:12 +01:00
|
|
|
};
|