new user interface

lib/nsui.js

@@ -0,0 +1,63 @@
+//
+// 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() {
+};
+
+Nsui.prototype.scroll_down = function(elem) {
+    var logs = document.getElementsByClassName('chat-log');
+    for (var i = logs.length - 1; i >= 0; --i) {
+	logs[i].scrollTop = 42000;
+    }
+};
+
+Nsui.prototype.set_current = function(tab_name) {
+    var tabs = document.getElementById('tab-lst').children;
+    for (var i = tabs.length - 1; i >= 0; --i) {
+	if (tabs[i].innerHTML === tab_name) {
+	    tabs[i].classList.remove('tab-active');
+	    tabs[i].classList.add('tab-current');
+	} else {
+	    tabs[i].classList.remove('tab-current');
+	}
+    }
+};
+
+Nsui.prototype.show_tab = function(tab_name) {
+    var tabs = document.getElementById('tab-body-wrapper').children;
+    for (var i = tabs.length - 1; i >= 0; --i) {
+	tabs[i].style.display = 'none';
+    }
+    document.getElementById(tab_name).style.display = 'block';
+    this.set_current(tab_name);
+    this.scroll_down();
+};
+
+Nsui.prototype.init = function() {
+    var tab_body, tab_lst = document.getElementById('tab-lst').children;
+
+    this.show_tab('configuration');
+    for (var i = tab_lst.length - 1; i >= 0; --i) {
+	tab_body = document.getElementById(tab_lst[i].innerHTML);
+	tab_lst[i].addEventListener('click', function() {
+	    show_tab(this.innerHTML);
+	}, false);
+    }
+};
+
+Nsui.prototype.setReconnect = function(func) {
+    document.getElementById('reconnect').addEventListener('click', func, false);
+};