ilogger.js

asterisk 計費模塊

/**
 * Interface Elements for jQuery
 * Logger
 * 
 * http://interface.eyecon.ro
 * 
 * Copyright (c) 2006 Stefan Petre
 * Dual licensed under the MIT (MIT-LICENSE.txt) 
 * and GPL (GPL-LICENSE.txt) licenses.
 *   
 * $Revision: 1.2 $
 * $Log: ilogger.js,v $
 * Revision 1.2  2006/09/07 05:19:03  Stef
 * *** empty log message ***
 *
 * Revision 1.1  2006/09/07 05:18:04  Stef
 * *** empty log message ***
 *
 * 
 */

jQuery.iLogger = {
	options : {
		background: '#eee',
		types : {
			notice : '#FEFFBF', 
			warning: '#FFAE5F',
			error: '#FF5F3F'
		},
		top: 100,
		right: 0,
		bottom: false,
		left: false,
		width: 400,
		height: 300
	},
	startTime : null,
	lastTime : null,
	logger : null,
	loggerContent : null,
	loggerTypes : null,
	loggerToggler : null,
	loggerClose : null,
	paused : false,
	
	showLogs : function(e)
	{
		logType = jQuery(this).attr('logType');
		
		if(logType) {
			jQuery('.iLogger_' + logType, jQuery.iLogger.loggerContent.get(0)).show();
			jQuery(this).css('textDecoration', 'none');
		}
	},
	
	hideLogs : function(e)
	{
		logType = jQuery(this).attr('logType');
		
		if(logType) {
			jQuery('.iLogger_' + logType, jQuery.iLogger.loggerContent.get(0)).hide();
			jQuery(this).css('textDecoration', 'line-through');
		}
	},
	
	toggleContent : function(e)
	{
		if (jQuery.iLogger.loggerContent.css('display') == 'none') {
			jQuery.iLogger.showContent();
		} else {
			jQuery.iLogger.hideContent();
		}
	},
	
	hideContent : function()
	{
		jQuery.iLogger.loggerContent.hide();
		jQuery.iLogger.loggerTypes.hide();
		jQuery.iLogger.loggerToggler.html('[+]');
	},
	
	showContent : function()
	{
		jQuery.iLogger.loggerContent.show();
		jQuery.iLogger.loggerTypes.show();
		jQuery.iLogger.loggerToggler.html('[-]');
	},
	hideLogger : function ()
	{
		jQuery.iLogger.logger.hide();
	},
	
	pauseLogging : function()
	{
		jQuery.iLogger.paused = true;
	},
	
	resumeLogging : function()
	{
		jQuery.iLogger.paused = false;
	},
	
	clearLogs : function()
	{
		jQuery.iLogger.loggerContent.empty();
	},
	
	toggleFunction : function(el)
	{
		functionCode = jQuery(el).next();
		if (functionCode.css('display') == 'none') {
			functionCode.css('display', 'block');
			jQuery(el).html('[-]');
		} else {
			functionCode.css('display', 'none');
			jQuery(el).html('[+]');
		}
	},
	
	log : function(message, type, source)
	{
		if (jQuery.iLogger.options.types[type] && jQuery.iLogger.paused == false) {
			now = new Date();
			diffTime = now - jQuery.iLogger.startTime;
			diffTimeLast = now - jQuery.iLogger.lastTime;
			dateString = now.toLocaleDateString();
			timeString = now.toLocaleTimeString();
			jQuery.iLogger.lastTime = now;
			jQuery.iLogger.loggerContent.append(
				'<p style="background-color: ' + jQuery.iLogger.options.types[type] + '; padding: 5px; margin: 0 0 1px 0;" class="iLogger_' + type + '">'+
					'<strong>' + type + '</strong> ' + diffTime + 'ms (' + diffTimeLast + 'ms )<br />' + 
					timeString + ' ' + dateString + '<br />'+
					(source ? '<strong>' + source + '</strong>:' : '') + message + 
				'</p>'
			);
			jQuery.iLogger.loggerContent.get(0).scrollTop = jQuery.iLogger.loggerContent.get(0).scrollHeight;
		}
	},
	
	logObj : function(el)
	{
		if (!el) {
			this.log(el == null ? 'null' : 'empty', 'notice', typeof el);
		} else if (el.tagName) {
			this.log(el.toString(), 'notice', el.tagName);
		} else if (el.constructor) {
			consName = el.constructor.toString();
			end = consName.indexOf('(');
			realName = consName.substring(9,end);
			
			if (el.constructor == Function) {
				functionString = el.toString()
				functionName = functionString.substring(9,functionString.indexOf('('));
				if (functionName == '') {
					functionName = 'Anonymous';
				}
				message = functionName + ' <a href="#" onclick="jQuery.iLogger.toggleFunction(this)">[+]</a><code style="display: none;">' + functionString + '</code>';
			} else {
				message = el.toString();
			}
			this.log(message, 'notice', realName);
		}
	},
	
	handler: function (msg,url,l)
	{
		jQuery.iLogger.log("Javascript: " + msg, 'error', url + ' line: ' + l);
		return true
	},
	
	build : function (options){
		for (i in options) {
			this.options[i] = options[i];
		}
		logger = 
			'<div id="iLogger" style="position: absolute; background-color: '+ this.options.background + ';' +
			'padding: 10px;font-family: \'Courier New\', Courier, monospace; font-size: 11px;' + 
			(typeof this.options.top == 'number' ? 'top:' + this.options.top + 'px;':'')+
			(typeof this.options.right == 'number' ? 'right:' + this.options.right + 'px;':'')+
			(typeof this.options.bottom == 'number' ? 'bottom:' + this.options.bottom + 'px;':'')+
			(typeof this.options.left == 'number' ? 'left:' + this.options.left + 'px;':'')+
			'">'+
			'<a href="#" style="color: #000; text-decoration: none;" id="iLoggerToggle">[-]</a>' +
			' <a href="#" style="color: #000; text-decoration: none;" id="iLoggerClose">[X]</a>' +  
			'<div id="iLoggerLogs" style="overflow: auto; margin-top: 10px;background-color: #fff; color: #000;'+
			(typeof this.options.width == 'number' ? 'width:' + this.options.width + 'px;':'')+
			(typeof this.options.height == 'number' ? 'height:' + this.options.height + 'px;':'')+
			'"></div>' + 
			'<div id="iLogerTypes" style="padding-top: 10px;">';
		for (i in this.options.types) {
			logger += 
				'<a href="#" id="iLogger_' + i + '"' +
				'style="color: #000; background-color: ' + this.options.types[i] + '; text-decoration: none;">' +
				i + '</a> ';
		}
		logger += 
			'</div>'+
			'</div>';
		$('body', document).append(logger);
		
		jQuery.iLogger.logger = jQuery('#iLogger');
		jQuery.iLogger.loggerContent = jQuery('#iLoggerLogs', jQuery.iLogger.logger.get(0));
		jQuery.iLogger.loggerTypes = jQuery('#iLogerTypes', jQuery.iLogger.logger.get(0));
		jQuery.iLogger.loggerToggler = jQuery('#iLoggerToggle').click(jQuery.iLogger.toggleContent);
		jQuery.iLogger.loggerClose = jQuery('#iLoggerClose').click(jQuery.iLogger.hideLogger);
		for (i in this.options.types) {
			$('#iLogger_' + i).attr('logType', i).toggle(
				jQuery.iLogger.hideLogs,
				jQuery.iLogger.showLogs
			);
		}
		jQuery.iLogger.startTime = jQuery.iLogger.lastTime = new Date();
	}
};

onerror = jQuery.iLogger.handler;