resources/mediawiki/mediawiki.log.js

   1 /*
   2  * Implementation for mediaWiki.log stub
   3  */
   4
   5 (function( $ ) {
   6
   7         /**
   8          * Log output to the console.
   9          *
  10          * In the case that the browser does not have a console available, one is created by appending a
  11          * <div> element to the bottom of the body and then appending a <div> element to that for each
  12          * message.
  13          *
  14          * @author Michael Dale <mdale@wikimedia.org>
  15          * @author Trevor Parscal <tparscal@wikimedia.org>
  16          * @param logmsg string Message to output to console.
  17          */
  18         mw.log = function( msg ) {
  19                 // Allow log messages to use a configured prefix to identify the source window (ie. frame)
  20                 if ( mw.config.exists( 'mw.log.prefix' ) ) {
  21                         logmsg = mw.config.get( 'mw.log.prefix' ) + '> ' + logmsg;
  22                 }
  23                 // Try to use an existing console
  24                 if ( window.console !== undefined && $.isFunction( window.console.log ) ) {
  25                         window.console.log( logmsg );
  26                 } else {
  27                         // Set timestamp
  28                         var d = new Date();
  29                         var time = ( d.getHours() < 10 ? '0' + d.getHours() : d.getHours() ) +
  30                                  ':' + ( d.getMinutes() < 10 ? '0' + d.getMinutes() : d.getMinutes() ) +
  31                                  ':' + ( d.getSeconds() < 10 ? '0' + d.getSeconds() : d.getSeconds() ) +
  32                                  '.' + ( d.getMilliseconds() < 10 ? '00' + d.getMilliseconds() : ( d.getMilliseconds() < 100 ? '0' + d.getMilliseconds() : d.getMilliseconds() ) );
  33                         // Show a log box for console-less browsers
  34                         var $log = $( '#mw-log-console' );
  35                         if ( !$log.length ) {
  36                                 $log = $( '<div id="mw-log-console"></div>' )
  37                                         .css( {
  38                                                 'position': 'fixed',
  39                                                 'overflow': 'auto',
  40                                                 'z-index': 500,
  41                                                 'bottom': '0px',
  42                                                 'left': '0px',
  43                                                 'right': '0px',
  44                                                 'height': '150px',
  45                                                 'background-color': 'white',
  46                                                 'border-top': 'solid 2px #ADADAD'
  47                                         } );
  48                                 $( 'body' )
  49                                         .css( 'padding-bottom', '150px' ) // don't hide anything
  50                                         .append( $log );
  51                         }
  52                         $log.append(
  53                                 $( '<div></div>' )
  54                                         .css( {
  55                                                 'border-bottom': 'solid 1px #DDDDDD',
  56                                                 'font-size': 'small',
  57                                                 'font-family': 'monospace',
  58                                                 'white-space': 'pre-wrap',
  59                                                 'padding': '0.125em 0.25em'
  60                                         } )
  61                                         .text( logmsg )
  62                                         .prepend( '<span style="float:right">[' + time + ']</span>' )
  63                         );
  64                 }
  65         };
  66
  67 })(jQuery);