jquery/jquery/jquery-log.js

/*
        jquery logging plugin

        2006-08-18 Dobrica Pavlinusic <dpavlin@rot13.org>
*/

var _jql;

$.log = {

        /* semi-private functions */

        join: function(a) {
                var m = '';
                for (var i=0; i<a.length; i++)
                        m += a[i] + '<br/>';
                return m;
        },

        insert: function(what, m) {
                if (! _jql) this.create();
                if (! _jql.on[what]) return;

                _jql.count[ what ]++;

                var html = '<div class="jql-' + what + '"'
                if ( ! _jql.on[what] ) html += ' style="display:none"';
                html += '>' + m + '</div>';
                $('#jql-log').append( html );
                //$('#jql-log').prepend( html );

                // refresh count
                $('#jql-counter').html(
                        '<span class="jql-info">'+_jql.count.info+'</span> ' +
                        '<span class="jql-debug">'+_jql.count.debug+'</span> ' +
                        '<span class="jql-error">'+_jql.count.error+'</span>'
                );

                this.scroll();
        },

        scroll: function() {
                // poor man's scroll to bottom
                var e = document.getElementById('jql-log');
                e.scrollTop = e.scrollHeight - e.clientHeight;
        },

        /* public functions */

        create: function() {

                $('body').append(
                '<div id="jql" class="jql"><div id="jql-bar">' +
                '<a href="#" onclick="javascript:return $.log.clean();">clean</a> | ' +
                '<a href="#" class="jql-info" onclick="javascript:return $.log.toggle(\'info\');">info</a> ' +
                '<a href="#" class="jql-debug" onclick="javascript:return $.log.toggle(\'debug\');">debug</a> ' +
                '<a href="#" class="jql-error" onclick="javascript:return $.log.toggle(\'error\');">error</a> | ' +
                '<a href="#" onclick="javascript:return $.log.toggle();">close</a>' +
                '</div><div id="jql-log"></div></div>' +
                '<div id="jql-show" class="jql">' +
                '<a href="#" onclick="javascript:return $.log.toggle();"><span id="jql-counter">?</span></a>' +
                '</div>'
                );

                _jql = {
                        count: {
                                info: 0,
                                debug: 0,
                                error: 0
                        },
                        on: {
                                info: true,
                                debug: true,
                                error: true
                        }
                };

                this.debug('created logger');
        },

        /* onclick events */

        toggle: function( what ) {
                if (what) {
                        $.log.debug('toggle '+what);
                        $('#jql-log .jql-'+what).toggle();
                        _jql.on[what] = ! _jql.on[what];
                        if (_jql.on[what]) {
                                $('#jql-bar .jql-'+what).removeClass('jql-disabled');
                        } else {
                                $('#jql-bar .jql-'+what).addClass('jql-disabled');
                        }
                } else {
                        $.log.debug('toggle logger');
                        $('#jql').toggle();
                        $('#jql-show').toggle();
                }
                this.scroll();
                return false;
        },

        clean: function() {
                $('#jql-log').html('');
        },

        /* public methods to call from your code */

        info: function() {
                if (arguments) this.insert( 'info', this.join(arguments) );
        },
        debug: function() {
                if (arguments) this.insert( 'debug', this.join(arguments) );
        },
        error: function() {
                if (arguments) this.insert( 'error', this.join(arguments) );
        }
};

1	dpavlin	30	/*
2			jquery logging plugin
3
4			2006-08-18 Dobrica Pavlinusic <dpavlin@rot13.org>
5			*/
6
7	dpavlin	38	var _jql;
8	dpavlin	30
9			$.log = {
10	dpavlin	32
11			/* semi-private functions */
12
13	dpavlin	30	join: function(a) {
14			var m = '';
15			for (var i=0; i<a.length; i++)
16			m += a[i] + '<br/>';
17			return m;
18			},
19
20	dpavlin	44	insert: function(what, m) {
21	dpavlin	38	if (! _jql) this.create();
22	dpavlin	60	if (! _jql.on[what]) return;
23	dpavlin	37
24	dpavlin	44	_jql.count[ what ]++;
25	dpavlin	37
26	dpavlin	44	var html = '<div class="jql-' + what + '"'
27			if ( ! _jql.on[what] ) html += ' style="display:none"';
28	dpavlin	38	html += '>' + m + '</div>';
29			$('#jql-log').append( html );
30			//$('#jql-log').prepend( html );
31	dpavlin	37
32			// refresh count
33	dpavlin	34	$('#jql-counter').html(
34	dpavlin	38	'<span class="jql-info">'+_jql.count.info+'</span> ' +
35			'<span class="jql-debug">'+_jql.count.debug+'</span> ' +
36			'<span class="jql-error">'+_jql.count.error+'</span>'
37	dpavlin	30	);
38	dpavlin	42
39	dpavlin	43	this.scroll();
40			},
41
42			scroll: function() {
43	dpavlin	42	// poor man's scroll to bottom
44			var e = document.getElementById('jql-log');
45			e.scrollTop = e.scrollHeight - e.clientHeight;
46	dpavlin	30	},
47
48	dpavlin	32	/* public functions */
49
50			create: function() {
51
52			$('body').append(
53	dpavlin	38	'<div id="jql" class="jql"><div id="jql-bar">' +
54			'<a href="#" onclick="javascript:return $.log.clean();">clean</a> \| ' +
55	dpavlin	60	'<a href="#" class="jql-info" onclick="javascript:return $.log.toggle(\'info\');">info</a> ' +
56			'<a href="#" class="jql-debug" onclick="javascript:return $.log.toggle(\'debug\');">debug</a> ' +
57			'<a href="#" class="jql-error" onclick="javascript:return $.log.toggle(\'error\');">error</a> \| ' +
58	dpavlin	38	'<a href="#" onclick="javascript:return $.log.toggle();">close</a>' +
59			'</div><div id="jql-log"></div></div>' +
60	dpavlin	34	'<div id="jql-show" class="jql">' +
61	dpavlin	38	'<a href="#" onclick="javascript:return $.log.toggle();"><span id="jql-counter">?</span></a>' +
62	dpavlin	32	'</div>'
63			);
64
65	dpavlin	38	_jql = {
66			count: {
67			info: 0,
68			debug: 0,
69			error: 0
70			},
71			on: {
72			info: true,
73			debug: true,
74			error: true
75			}
76	dpavlin	32	};
77
78			this.debug('created logger');
79			},
80
81	dpavlin	38	/* onclick events */
82
83			toggle: function( what ) {
84			if (what) {
85			$.log.debug('toggle '+what);
86	dpavlin	60	$('#jql-log .jql-'+what).toggle();
87	dpavlin	38	_jql.on[what] = ! _jql.on[what];
88	dpavlin	60	if (_jql.on[what]) {
89			$('#jql-bar .jql-'+what).removeClass('jql-disabled');
90			} else {
91			$('#jql-bar .jql-'+what).addClass('jql-disabled');
92			}
93	dpavlin	38	} else {
94			$.log.debug('toggle logger');
95			$('#jql').toggle();
96			$('#jql-show').toggle();
97			}
98	dpavlin	43	this.scroll();
99	dpavlin	37	return false;
100			},
101
102	dpavlin	38	clean: function() {
103			$('#jql-log').html('');
104			},
105
106			/* public methods to call from your code */
107
108	dpavlin	30	info: function() {
109	dpavlin	37	if (arguments) this.insert( 'info', this.join(arguments) );
110	dpavlin	30	},
111			debug: function() {
112	dpavlin	37	if (arguments) this.insert( 'debug', this.join(arguments) );
113	dpavlin	30	},
114			error: function() {
115	dpavlin	37	if (arguments) this.insert( 'error', this.join(arguments) );
116	dpavlin	32	}
117	dpavlin	30	};
118	dpavlin	32