windowconsoleappender.js

Browser independent JavaScript SDK. ClassLoader to lazy load JavaScript classes, extensions to core

		var consoleContainerStyle = consoleContainer.style;
		consoleContainerStyle.width = "100%";
		consoleContainerStyle.height = "100%";
		consoleContainerStyle.overflow = "auto";

		this.loggingConsole = consoleContainer;

		this.container.appendChild(consoleContainer);
//********************************************
//********************************************

		this.consoleWindow.getElementsByTagName("body")[0].appendChild(this.container);

		// these statements need to be below appending to the body
		trace.checked = "checked";
		debug.checked = "checked";
		info.checked = "checked";
		warn.checked = "checked";
		error.checked = "checked";
		fatal.checked = "checked";

//********************************************
// Events after the appending to the body
//********************************************
		// filters events
		this.showTrace = true;
		this.showDebug = true;
		this.showInfo = true;
		this.showWarn = true;
		this.showError = true;
		this.showFatal = true;
		var doFilter = function()
		{
			me.showTrace = Element.getElement(trace.id, me.consoleWindow).checked;
			me.showDebug = Element.getElement(debug.id, me.consoleWindow).checked;
			me.showInfo = Element.getElement(info.id, me.consoleWindow).checked;
			me.showWarn = Element.getElement(warn.id, me.consoleWindow).checked;
			me.showError = Element.getElement(error.id, me.consoleWindow).checked;
			me.showFatal = Element.getElement(fatal.id, me.consoleWindow).checked;
			var divMsgs = me.loggingConsole.getElementsByTagName("div");
			for(var i=0;i<divMsgs.length;i++)
			{
				var divMsg = divMsgs[i];
				divMsg.style.display = "";
				if((!me.showTrace && Level.TRACE.equals(Level.toLevel(divMsg.className))) ||
					(!me.showDebug && Level.DEBUG.equals(Level.toLevel(divMsg.className))) ||
					(!me.showInfo && Level.INFO.equals(Level.toLevel(divMsg.className))) ||
					(!me.showWarn && Level.WARN.equals(Level.toLevel(divMsg.className))) ||
					(!me.showError && Level.ERROR.equals(Level.toLevel(divMsg.className))) ||
					(!me.showFatal && Level.FATAL.equals(Level.toLevel(divMsg.className))))
				{
					divMsg.style.display = "none";
				}
			}
		}
		// filter level events
		new EventDispatcher(trace, "onclick").addListener(function(_event)
		{
			doFilter();
		});
		new EventDispatcher(trace, "onmouseover", true).addListener(function(_eventMouseOver)
		{
			var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event);
			_eventMouseOver.getObject().style.cursor = "pointer";
			_eventMouseOver.stopEvent();
		});

		new EventDispatcher(debug, "onclick").addListener(function(_event)
		{
			doFilter();
		});
		new EventDispatcher(debug, "onmouseover", true).addListener(function(_eventMouseOver)
		{
			var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event);
			_eventMouseOver.getObject().style.cursor = "pointer";
			_eventMouseOver.stopEvent();
		});

		new EventDispatcher(info, "onclick").addListener(function(_event)
		{
			doFilter();
		});
		new EventDispatcher(info, "onmouseover", true).addListener(function(_eventMouseOver)
		{
			var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event);
			_eventMouseOver.getObject().style.cursor = "pointer";
			_eventMouseOver.stopEvent();
		});

		new EventDispatcher(warn, "onclick").addListener(function(_event)
		{
			doFilter();
		});
		new EventDispatcher(warn, "onmouseover", true).addListener(function(_eventMouseOver)
		{
			var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event);
			_eventMouseOver.getObject().style.cursor = "pointer";
			_eventMouseOver.stopEvent();
		});

		new EventDispatcher(error, "onclick").addListener(function(_event)
		{
			doFilter();
		});
		new EventDispatcher(error, "onmouseover", true).addListener(function(_eventMouseOver)
		{
			var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event);
			_eventMouseOver.getObject().style.cursor = "pointer";
			_eventMouseOver.stopEvent();
		});

		new EventDispatcher(fatal, "onclick").addListener(function(_event)
		{
			doFilter();
		});
		new EventDispatcher(fatal, "onmouseover", true).addListener(function(_eventMouseOver)
		{
			var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event);
			_eventMouseOver.getObject().style.cursor = "pointer";
			_eventMouseOver.stopEvent();
		});

		this.scrollLocked = false;
		new EventDispatcher(scrollLockChk, "onclick").addListener(function(_event)
		{
			me.scrollLocked = Element.getElement(scrollLockChk.id, me.consoleWindow).checked;
			me.scrollIndexLocked = 0;
		});
		new EventDispatcher(scrollLockChk, "onmouseover", true).addListener(function(_eventMouseOver)
		{
			var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event);
			_eventMouseOver.getObject().style.cursor = "pointer";
			_eventMouseOver.stopEvent();
		});

		new EventDispatcher(clearLogsBtn, "onclick").addListener(function(_event)
		{
			while(me.loggingConsole.firstChild)
			{
			  me.loggingConsole.removeChild(me.loggingConsole.firstChild);
			}
		});
		new EventDispatcher(clearLogsBtn, "onmouseover", true).addListener(function(_eventMouseOver)
		{
			var _eventMouseOver = new Event(_eventMouseOver || $GLOBAL_OBJECT.event);
			_eventMouseOver.getObject().style.cursor = "pointer";
			_eventMouseOver.stopEvent();
		});
//********************************************
//********************************************
	}

	WindowConsoleAppender.TRACE_COLOR	= "#5f9ea0";
	WindowConsoleAppender.DEBUG_COLOR	= "#339900";
	WindowConsoleAppender.INFO_COLOR	= "#3300cc";
	WindowConsoleAppender.WARN_COLOR	= "#ffd700";
	WindowConsoleAppender.ERROR_COLOR	= "#ff0000";
	WindowConsoleAppender.FATAL_COLOR	= "#660066";

	instance append(_logEvent)
	{
		// return if not showing the level
		if((!this.showTrace && Level.TRACE.equals(_logEvent.getLevel())) ||
			(!this.showDebug && Level.DEBUG.equals(_logEvent.getLevel())) ||
			(!this.showInfo && Level.INFO.equals(_logEvent.getLevel())) ||
			(!this.showWarn && Level.WARN.equals(_logEvent.getLevel())) ||
			(!this.showError && Level.ERROR.equals(_logEvent.getLevel())) ||
			(!this.showFatal && Level.FATAL.equals(_logEvent.getLevel())))
		{
			return;
		}

		// log message as string
		var layout = this.getLayout();
		var msg = new StringBuffer()
						.append(layout.getHeader())
						.append(layout.format(_logEvent))
						.append(layout.getFooter());

		var msgColor = "";
		switch(_logEvent.getLevel().getNumber())
		{
			case Level.TRACE_INT:
				msgColor = WindowConsoleAppender.TRACE_COLOR;
				break;
			case Level.DEBUG_INT:
				msgColor = WindowConsoleAppender.DEBUG_COLOR;
				break;
			case Level.INFO_INT:
				msgColor = WindowConsoleAppender.INFO_COLOR;
				break;
			case Level.WARN_INT:
				msgColor = WindowConsoleAppender.WARN_COLOR;
				break;
			case Level.ERROR_INT:
				msgColor = WindowConsoleAppender.ERROR_COLOR;
				break;
			case Level.FATAL_INT:
				msgColor = WindowConsoleAppender.FATAL_COLOR;
				break;
			default:
				// nothing
		}

		var msgCont = this.consoleWindow.createElement("div");
		msgCont.className = _logEvent.getLevel().getName();

		var msgContStyle = msgCont.style;
		msgContStyle.height = "20px";
		msgContStyle.width = "95%";
		msgContStyle.borderBottom = "#ccc dashed 1px";
		msgContStyle.color = msgColor;
		msgContStyle.fontWeight = "bold";
		msgContStyle.fontFamily = "courier new, courier, monospace";
		msgContStyle.fontSize = "10px";

		msgCont.appendChild(this.consoleWindow.createTextNode(msg));

		this.loggingConsole.appendChild(msgCont);

		msgCont.focus();
	}

}