• Home
• org.richfaces.ui
• richfaces-components-ui
• 4.0.0.Final
• source code
• log.js

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

META-INF.resources.org.richfaces.log.js Maven / Gradle / Ivy

(function(jquery, richfaces) {
	var logLevels = ['debug', 'info', 'warn', 'error'];
	var logLevelsPadded = {'debug': 'debug', 'info': 'info ', 'warn': 'warn ', 'error': 'error'};
	var logLevelValues = {'debug': 1, 'info': 2, 'warn': 3, 'error': 4};

	var logClassMethods = {

		__import: function(doc, node) {
			if (doc === document) {
				return node;
			}
			
			var result = jquery();
			for (var i = 0; i < node.length; i++) {
				if (doc.importNode) {
					result = result.add(doc.importNode(node[i], true));
				} else {
					var container = doc.createElement("div");
					container.innerHTML = node[i].outerHTML;
					for (var child = container.firstChild; child; child = child.nextSibling) {
						result = result.add(child);
					}
				}
			}
			
			return result;
		},	
			
		__getStyles: function() {
			var head = jQuery("head");
			
			if (head.length == 0) {
				return "";
			}

			try {
				//TODO - BASE element support?
				var clonedHead = head.clone();
				if (clonedHead.children().length == head.children().length) {
					return clonedHead.children(":not(style):not(link[rel='stylesheet'])").remove().end().html();	
				} else {
					var result = new Array();
					head.children("style, link[rel='stylesheet']").each(function() {
						result.push(this.outerHTML);
					});
					
					return result.join('');
				}
			} catch (e) {
				return "";
			}
		},
		
		__openPopup: function() {
			if (!this.__popupWindow || this.__popupWindow.closed) {
				this.__popupWindow = open("", "_richfaces_logWindow", "height=400, width=600, resizable = yes, status=no, " +
				"scrollbars = yes, statusbar=no, toolbar=no, menubar=no, location=no");
				
				var doc = this.__popupWindow.document;
				
				doc.write("" +
						"" + this.__getStyles() + "" +
						"
");
				doc.close();
				this.__initializeControls(doc);
			} else {
				this.__popupWindow.focus();
			}
		},
			
		__hotkeyHandler: function(event) {
			if (event.ctrlKey && event.shiftKey) {
				if ((this.hotkey || 'l').toLowerCase() == String.fromCharCode(event.keyCode).toLowerCase()) {
					this.__openPopup();
				}
			}
		},
			
		__getTimeAsString: function() {
			var date = new Date();

			var timeString = this.__lzpad(date.getHours(), 2) + ':' + this.__lzpad(date.getMinutes(), 2) + ':' + 
				this.__lzpad(date.getSeconds(), 2) + '.' + this.__lzpad(date.getMilliseconds(), 3);

			return timeString;
		},

		__lzpad: function(s, length) {
			s = s.toString();
			var a = new Array();
			for (var i = 0; i < length - s.length; i++) {
				a.push('0');
			}
			a.push(s);
			return a.join('');
		},

		__getMessagePrefix: function(level) {
			return logLevelsPadded[level] + '[' + this.__getTimeAsString() + ']: ';
		},

		__setLevelFromSelect: function(event) {
			this.setLevel(event.target.value);
		},

		__initializeControls : function(doc) {
			var console = jquery("#richfaces\\.log", doc);
			
			var clearBtn = console.children("button.rf-log-element");
			if (clearBtn.length == 0) {
				clearBtn = jquery("Clear", doc).appendTo(console);
			}

			clearBtn.click(jquery.proxy(this.clear, this));

			var levelSelect = console.children("select.rf-log-element");
			if (levelSelect.length == 0) {
				levelSelect = jquery("", doc).appendTo(console);
			}

			if (levelSelect.children().length == 0) {
				for (var l = 0; l < logLevels.length; l++) {
					jquery("" + logLevels[l] + "", doc).appendTo(levelSelect);
				}
			}

			levelSelect.val(this.getLevel());
			levelSelect.change(jquery.proxy(this.__setLevelFromSelect, this));

			var consoleEntries = console.children(".rf-log-contents");
			if (consoleEntries.length == 0) {
				consoleEntries = jquery("", doc).appendTo(console);
			}
			this.__contentsElement = consoleEntries;
		},

		__append: function(element) {
			var target = this.__contentsElement;
			if (this.mode == "popup") {
				var doc = this.__popupWindow.document;
				jquery(doc.createElement("div")).appendTo(target).append(this.__import(doc, element));
			} else {
				jquery(document.createElement("div")).appendTo(target).append(element);
			}
		},
		
		__log: function(level, message) {
			//TODO scroll to the added message
			//TODO check popup is opened
			if (!this.__contentsElement) {
				return;
			}
			
			if (logLevelValues[level] >= logLevelValues[this.getLevel()]) {
				var newEntry = jquery();
				newEntry = newEntry.add(jquery("").text(this.__getMessagePrefix(level)));

				var entrySpan = jquery("");
				if (typeof message != 'object' || !message.appendTo) {
					entrySpan.text(message);
				} else {
					message.appendTo(entrySpan);
				}
				
				newEntry = newEntry.add(entrySpan);
				
				this.__append(newEntry);
			}
		},

		init: function(options) {
			$super.constructor.call(this, 'richfaces.log');
			this.attachToDom();
			richfaces.setLog(this);
			
			options = options || {};
			
			this.level = options.level;
			this.hotkey = options.hotkey;
			this.mode = (options.mode || 'inline');

			if (this.mode == 'popup') {
				this.__boundHotkeyHandler = jquery.proxy(this.__hotkeyHandler, this);
				jquery(document).bind('keydown', this.__boundHotkeyHandler);
			} else {
				this.__initializeControls(document);
			}
		},

		destroy: function() {
			richfaces.setLog(null);
			
			//TODO test this method
			if (this.__popupWindow) {
				this.__popupWindow.close();
			}
			this.__popupWindow = null;
			
			if (this.__boundHotkeyHandler) {
				jquery(document).unbind('keydown', this.__boundHotkeyHandler);
				this.__boundHotkeyHandler = null;
			}

			this.__contentsElement = null;
			$super.destroy.call(this);
		},

		setLevel: function(level) {
			this.level = level;
			this.clear();
		},

		getLevel: function() {
			return this.level || 'info';
		},

		clear: function() {
			if (this.__contentsElement) {
				this.__contentsElement.children().remove();
			}
		}
	};

	for (var i = 0; i < logLevels.length; i++) {
		logClassMethods[logLevels[i]] = (function() {
			var level = logLevels[i];
			return function(message) {
				this.__log(level, message);
			}
		}());
	}
	
	richfaces.HtmlLog = richfaces.BaseComponent.extendClass(logClassMethods);
	// define super class link
	var $super = richfaces.HtmlLog.$super;
	
	jQuery(document).ready(function() {
		if (typeof jsf != 'undefined') {
			(function(jQuery, richfaces, jsf) {

				//JSF log adapter
				var identifyElement = function(elt) {
					var identifier = '<' + elt.tagName.toLowerCase();
					var e = jQuery(elt);
					if (e.attr('id')) {
						identifier += (' id=' + e.attr('id'));
					}
					if (e.attr('class')) {
						identifier += (' class=' + e.attr('class'));
					}

					identifier += ' ...>';

					return identifier;
				}

				var formatPartialResponseElement = function(logElement, responseElement) {
					var change = jQuery(responseElement);

					logElement.append("Element " + responseElement.nodeName + "");
					if (change.attr("id")) {
						logElement.append(document.createTextNode(" for id=" + change.attr("id")));
					}

					jQuery(document.createElement("br")).appendTo(logElement);
					jQuery("").appendTo(logElement).text(change.toXML());
					jQuery(document.createElement("br")).appendTo(logElement);
				}

				var formatPartialResponse = function(partialResponse) {
					var logElement = jQuery(document.createElement("span"));

					partialResponse.children().each(function() {
						var responseElement = jQuery(this);
						if (responseElement.is('changes')) {
							logElement.append("Listing content of response changes element:");
							responseElement.children().each(function() {
								formatPartialResponseElement(logElement, this);
							});
						} else {
							formatPartialResponseElement(logElement, this);
						}
					});

					return logElement;
				}

				var jsfAjaxLogAdapter = function(data) {
					try {
						var log = richfaces.log;

						var source = data.source;
						var type = data.type;

						var responseCode = data.responseCode;
						var responseXML = data.responseXML;
						var responseText = data.responseText;

						if (type != 'error') {
							log.info("Received '" + type + "' event from " + identifyElement(source));

							if (type == 'beforedomupdate') {
								var partialResponse;

								if (responseXML) {
									partialResponse = jQuery(responseXML).children("partial-response");
								}

								var responseTextEntry = jQuery("Server returned responseText: ").eq(1).text(responseText).end();

								if (partialResponse && partialResponse.length) {
									log.debug(responseTextEntry);
									log.info(formatPartialResponse(partialResponse));
								} else {
									log.info(responseTextEntry);
								}
							}
						} else {
							var status = data.status;
							log.error("Received '" + type + '@' + status + "' event from " + identifyElement(source));
							log.error("[" + data.responseCode + "] " + data.errorName + ": " + data.errorMessage);
						}
					} catch (e) {
						//ignore logging errors
					}
				};

				var eventsListener = richfaces.createJSFEventsAdapter({
					begin: jsfAjaxLogAdapter,
					beforedomupdate: jsfAjaxLogAdapter,
					success: jsfAjaxLogAdapter,
					complete: jsfAjaxLogAdapter,
					error: jsfAjaxLogAdapter
				});

				jsf.ajax.addOnEvent(eventsListener);
				jsf.ajax.addOnError(eventsListener);
				//
			}(jQuery, RichFaces, jsf));
		};
	});
	
}(jQuery, RichFaces));    
    




    © 2015 - 2025 Weber Informatics LLC | Privacy Policy