sunspot_solr 2.2.0 → 2.2.1

data/solr/server/solr-webapp/webapp/js/scripts/index.js

@@ -0,0 +1,340 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+var parse_memory_value = function( value )
+{
+  if( value !== Number( value ) )
+  {
+    var units = 'BKMGTPEZY';
+    var match = value.match( /^(\d+([,\.]\d+)?) (\w)\w?$/ );
+    var value = parseFloat( match[1] ) * Math.pow( 1024, units.indexOf( match[3].toUpperCase() ) );
+  }
+    
+  return value;
+};
+
+var generate_bar = function( bar_container, bar_data, convert_label_values )
+{
+  bar_holder = $( '.bar-holder', bar_container );
+
+  var bar_level = 1;
+  var max_width = Math.round( $( '.bar-max', bar_holder ).width() );
+  $( '.bar-max.val', bar_holder ).text( bar_data['max'] );
+    
+  bar_level++;
+  $( '.bar-total.bar', bar_holder ).width( new String( (bar_data['total']/bar_data['max'])*100 ) + '%' );
+  $( '.bar-total.val', bar_holder ).text( bar_data['total'] );
+
+  if( bar_data['used'] )
+  {
+    bar_level++;
+    $( '.bar-used.bar', bar_holder ).width( new String( (bar_data['used']/bar_data['total'])*100 ) + '%' );
+    $( '.bar-used.val', bar_holder ).text( bar_data['used'] );
+  }
+
+  bar_holder
+    .addClass( 'bar-lvl-' + bar_level );
+
+  var percentage = ( ( ( bar_data['used'] || bar_data['total'] ) / bar_data['max'] ) * 100 ).toFixed(1);
+        
+  var hl = $( '[data-desc="' + bar_container.attr( 'id' ) + '"]' );
+
+  $( '.bar-desc', hl )
+    .remove();
+
+  hl
+    .append( ' <small class="bar-desc">' + percentage + '%</small>' );
+
+  if( !!convert_label_values )
+  {
+    $( '.val', bar_holder )
+      .each
+      (
+        function()
+        {
+          var self = $( this );
+
+          var unit = null;
+          var byte_value = parseInt( self.html() );
+
+          self
+            .attr( 'title', 'raw: ' + byte_value + ' B' );
+
+          byte_value /= 1024;
+          byte_value /= 1024;
+          unit = 'MB';
+
+          if( 1024 <= byte_value )
+          {
+            byte_value /= 1024;
+            unit = 'GB';
+          }
+
+          byte_value = byte_value.toFixed( 2 ) + ' ' + unit;
+
+          self
+            .text( byte_value );
+        }
+      );
+  }
+};
+
+var system_info = function( element, system_data )
+{
+  // -- usage
+
+  var load_average = ( system_data['system']['uptime'] || '' ).match( /load averages?: (\d+[.,]\d\d),? (\d+[.,]\d\d),? (\d+[.,]\d\d)/ );
+  if( load_average )
+  {
+    var hl = $( '#system h2', element );
+
+    $( '.bar-desc', hl )
+      .remove();
+
+    hl
+      .append( ' <small class="bar-desc">' + load_average.slice( 1 ).join( '  ' ).replace( /,/g, '.' ).esc() + '</small>' );
+  }
+
+  // -- physical-memory-bar
+    
+  var bar_holder = $( '#physical-memory-bar', element );
+  if( system_data['system']['totalPhysicalMemorySize'] === undefined || system_data['system']['freePhysicalMemorySize'] === undefined )
+  {
+    bar_holder.hide();
+  }
+  else
+  {
+    bar_holder.show();
+
+    var bar_data = {
+      'max' : parse_memory_value( system_data['system']['totalPhysicalMemorySize'] ),
+      'total' : parse_memory_value( system_data['system']['totalPhysicalMemorySize'] - system_data['system']['freePhysicalMemorySize'] )
+    };
+
+    generate_bar( bar_holder, bar_data, true );
+  }
+
+  // -- swap-space-bar
+    
+  var bar_holder = $( '#swap-space-bar', element );
+  if( system_data['system']['totalSwapSpaceSize'] === undefined || system_data['system']['freeSwapSpaceSize'] === undefined )
+  {
+    bar_holder.hide();
+  }
+  else
+  {
+    bar_holder.show();
+
+    var bar_data = {
+      'max' : parse_memory_value( system_data['system']['totalSwapSpaceSize'] ),
+      'total' : parse_memory_value( system_data['system']['totalSwapSpaceSize'] - system_data['system']['freeSwapSpaceSize'] )
+    };
+
+    generate_bar( bar_holder, bar_data, true );
+  }
+
+  // -- file-descriptor-bar
+    
+  var bar_holder = $( '#file-descriptor-bar', element );
+  if( system_data['system']['maxFileDescriptorCount'] === undefined || system_data['system']['openFileDescriptorCount'] === undefined )
+  {
+    bar_holder.hide();
+  }
+  else
+  {
+    bar_holder.show();
+
+    var bar_data = {
+      'max' : parse_memory_value( system_data['system']['maxFileDescriptorCount'] ),
+      'total' : parse_memory_value( system_data['system']['openFileDescriptorCount'] )
+    };
+
+    generate_bar( bar_holder, bar_data );
+  }
+
+  0 === $( '#system div[id$="-bar"]:visible', element ).size()
+    ? $( '#system .no-info', element ).show()
+    : $( '#system .no-info', element ).hide();
+
+  // -- memory-bar
+
+  var bar_holder = $( '#jvm-memory-bar', element );
+  if( system_data['jvm']['memory'] === undefined )
+  {
+    bar_holder.hide();
+  }
+  else
+  {
+    bar_holder.show();
+
+    var jvm_memory = $.extend
+    (
+      {
+        'free' : null,
+        'total' : null,
+        'max' : null,
+        'used' : null,
+        'raw' : {
+          'free' : null,
+          'total' : null,
+          'max' : null,
+          'used' : null,
+          'used%' : null
+        }
+      },
+      system_data['jvm']['memory']
+    );
+
+    var bar_data = {
+      'max' : parse_memory_value( jvm_memory['raw']['max'] || jvm_memory['max'] ),
+      'total' : parse_memory_value( jvm_memory['raw']['total'] || jvm_memory['total'] ),
+      'used' : parse_memory_value( jvm_memory['raw']['used'] || jvm_memory['used'] )
+    };
+
+    generate_bar( bar_holder, bar_data, true );
+  }
+
+}
+
+// #/
+sammy.get
+(
+  /^#\/$/,
+  function( context )
+  {
+    var content_element = $( '#content' );
+
+    content_element
+      .html( '<div id="index"></div>' );
+
+    $.ajax
+    (
+      {
+        url : 'tpl/index.html',
+        context : $( '#index', content_element ),
+        beforeSend : function( arr, form, options )
+        {
+        },
+        success : function( template )
+        {
+          var self = this;
+
+          this
+            .html( template );
+    
+          var data = {
+            'start_time' : app.dashboard_values['jvm']['jmx']['startTime'],
+            'jvm_version' : app.dashboard_values['jvm']['name'] + ' (' + app.dashboard_values['jvm']['version'] + ')',
+            'processors' : app.dashboard_values['jvm']['processors'],
+            'solr_spec_version' : app.dashboard_values['lucene']['solr-spec-version'] || '-',
+            'solr_impl_version' : app.dashboard_values['lucene']['solr-impl-version'] || '-',
+            'lucene_spec_version' : app.dashboard_values['lucene']['lucene-spec-version'] || '-',
+            'lucene_impl_version' : app.dashboard_values['lucene']['lucene-impl-version'] || '-'
+          };
+    
+          for( var key in data )
+          {                                                        
+            var value_element = $( '.' + key + ' dd', this );
+
+            value_element
+              .text( data[key].esc() );
+                        
+            value_element.closest( 'li' )
+              .show();
+          }
+
+          var commandLineArgs = app.dashboard_values['jvm']['jmx']['commandLineArgs'].sort().reverse();
+          if( 0 !== commandLineArgs.length )
+          {
+            var cmd_arg_element = $( '.command_line_args dt', this );
+            var cmd_arg_key_element = $( '.command_line_args dt', this );
+            var cmd_arg_element = $( '.command_line_args dd', this );
+
+            for( var key in commandLineArgs )
+            {
+              cmd_arg_element = cmd_arg_element.clone();
+              cmd_arg_element.text( commandLineArgs[key] );
+
+              cmd_arg_key_element
+                .after( cmd_arg_element );
+            }
+
+            cmd_arg_key_element.closest( 'li' )
+              .show();
+
+            $( '.command_line_args dd:last', this )
+              .remove();
+
+            $( '.command_line_args dd:odd', this )
+              .addClass( 'odd' );
+          }
+
+          $( '.timeago', this )
+            .timeago();
+
+          $( '.index-left .block li:visible:odd', this )
+            .addClass( 'odd' );
+                    
+          // -- system_info
+
+          system_info( this, app.dashboard_values );
+
+          $( '#system a.reload', this )
+            .die( 'click' )
+            .live
+            (
+              'click',
+              function( event )
+              {
+                $.ajax
+                (
+                  {
+                    url : config.solr_path + '/admin/info/system?wt=json',
+                    dataType : 'json',
+                    context : this,
+                    beforeSend : function( arr, form, options )
+                    {
+                      loader.show( this );
+                    },
+                    success : function( response )
+                    {
+                      system_info( self, response );
+                    },
+                    error : function()
+                    {
+                    },
+                    complete : function()
+                    {
+                      loader.hide( this );
+                    }
+                  }
+                );
+
+                return false;
+              }
+            );
+        },
+        error : function( xhr, text_status, error_thrown )
+        {
+        },
+        complete : function( xhr, text_status )
+        {
+        }
+      }
+    );
+  }
+);

data/solr/server/solr-webapp/webapp/js/scripts/java-properties.js

@@ -0,0 +1,106 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+// #/~java-properties
+sammy.get
+(
+  /^#\/(~java-properties)$/,
+  function( context )
+  {
+    var content_element = $( '#content' );
+
+    content_element
+      .html( '<div id="java-properties"></div>' );
+
+    $.ajax
+    (
+      {
+        url : app.config.solr_path + '/admin/info/properties?wt=json',
+        dataType : 'json',
+        context : $( '#java-properties', content_element ),
+        beforeSend : function( xhr, settings )
+        {
+          this
+            .html( '<div class="loader">Loading ...</div>' );
+        },
+        success : function( response, text_status, xhr )
+        {
+          var system_properties = response['system.properties'];
+          var properties_data = {};
+          var properties_content = [];
+          var properties_order = [];
+
+          var workaround = xhr.responseText.match( /"(line\.separator)"\s*:\s*"(.+?)"/ );
+          if( workaround && workaround[2] )
+          {
+            system_properties[workaround[1]] = workaround[2];
+          }
+
+          for( var key in system_properties )
+          {
+            var displayed_key = key.replace( /\./g, '.&#8203;' );
+            var displayed_value = [ system_properties[key] ];
+            var item_class = 'clearfix';
+
+            if( -1 !== key.indexOf( '.path' ) || -1 !== key.indexOf( '.dirs' ) )
+            {
+              displayed_value = system_properties[key].split( system_properties['path.separator'] );
+              if( 1 < displayed_value.length )
+              {
+                item_class += ' multi';
+              }
+            }
+
+            var item_content = '<li><dl class="' + item_class + '">' + "\n"
+                             + '<dt>' + displayed_key.esc() + '</dt>' + "\n";
+
+            for( var i in displayed_value )
+            {
+              item_content += '<dd>' + displayed_value[i].esc() + '</dd>' + "\n";
+            }
+
+            item_content += '</dl></li>';
+
+            properties_data[key] = item_content;
+            properties_order.push( key );
+          }
+
+          properties_order.sort();
+          for( var i in properties_order )
+          {
+            properties_content.push( properties_data[properties_order[i]] );
+          }
+
+          this
+            .html( '<ul>' + properties_content.join( "\n" ) + '</ul>' );
+                    
+          $( 'li:odd', this )
+            .addClass( 'odd' );
+                    
+          $( '.multi dd:odd', this )
+            .addClass( 'odd' );
+        },
+        error : function( xhr, text_status, error_thrown)
+        {
+        },
+        complete : function( xhr, text_status )
+        {
+        }
+      }
+    );
+  }
+);

data/solr/server/solr-webapp/webapp/js/scripts/logging.js

@@ -0,0 +1,576 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+var loglevel_path = app.config.solr_path + '/admin/info/logging';
+var cookie_logging_timezone = 'logging_timezone';
+var frame_element = null;
+
+var logging_handler = function( response, text_status, xhr )
+{
+  var self = this;
+  var loggers = response.loggers;
+
+  var levels = '<div class="selector-holder"><div class="selector">' + "\n"
+             + '<a class="trigger"><span><em>null</em></span></a>' + "\n"
+             + '<ul>' + "\n";
+
+  for( var key in response.levels )
+  {
+    var level = response.levels[key].esc();
+    levels += '<li><a href="#" data-level="' + level + '">' + level + '</a></li>' + "\n";
+  }
+
+  levels += '<li class="unset"><a href="#" data-level="unset">UNSET</a></li>' + "\n"
+         + '</ul>' + "\n"
+         + '<a class="close"><span>[x]</span></a>' + "\n"
+         + '</div></div>';
+
+  var logger_tree = function( filter )
+  {
+    var logger_content = '';
+    var filter_regex = new RegExp( '^' + filter + '\\.\\w+$' );
+
+    for( var i in loggers )
+    {
+      var logger = loggers[i];
+      var continue_matcher = false;
+
+      if( !filter )
+      {
+        continue_matcher = logger.name.indexOf( '.' ) !== -1;
+      }
+      else
+      {
+        continue_matcher = !logger.name.match( filter_regex );
+      }
+
+      if( continue_matcher )
+      {
+        continue;
+      }
+
+      var logger_class = '';
+
+      if( logger.set )
+      {
+        logger_class = 'set';
+      }
+            
+      if( !logger.level )
+      {
+        logger_class = 'null';
+      }
+
+      var logger_name = logger.name.split( '.' );
+      var display_name = logger_name.pop();
+
+      var leaf_class = 'jstree-leaf';
+      if( logger.level )
+      {
+        leaf_class += ' level-' + logger.level.esc().toLowerCase();
+      }
+
+      logger_content += '<li class="' + leaf_class + '" data-logger="' + logger.name.esc() + '">';
+      logger_content += '<ins class="trigger jstree-icon">&nbsp;</ins>' + "\n";
+      logger_content += '<a href="#" class="trigger '+ logger_class + '"' ;
+
+      if( logger.level )
+      {
+        logger_content += 'rel="' + logger.level.esc() + '" ';
+      }
+            
+      logger_content += 'title="' + logger.name.esc() + '">' + "\n";
+
+      if( 0 !== logger_name.length )
+      {
+        logger_content += '<span class="ns">' + logger_name.join( '.' ).esc() + '.</span>';
+      }
+
+      logger_content += '<span class="name">' + ( display_name ? display_name.esc() : '<em>empty</em>' ) + '</span>' + "\n";
+      logger_content += '</a>';
+
+      logger_content += levels;
+
+      if( !!logger.name )
+      {
+        var child_logger_content = logger_tree( logger.name );
+        if( child_logger_content )
+        {
+          logger_content += '<ul>';
+          logger_content += child_logger_content;
+          logger_content += '</ul>';
+        }
+      }
+
+      logger_content += '</li>';
+    }
+
+    return logger_content;
+  };
+
+  var logger_content = '<div class="block">' + "\n"
+                     + '<h2><span>' + response.watcher.esc() + '</span></h2>' + "\n"
+                     + '<ul class="tree jstree">' + logger_tree( null ) + '</ul>' + "\n"
+                     + '</div>';
+
+  self
+    .html( logger_content );
+
+  self
+    .die( 'clear' )
+    .live
+    (
+      'clear',
+      function( event )
+      {
+        $( '.open', this )
+          .removeClass( 'open' );
+      }
+    );
+
+  $( 'li:last-child', this )
+    .addClass( 'jstree-last' );
+
+  $( 'li.jstree-leaf > a', this )
+    .each
+    (
+      function( index, element )
+      {
+        element = $( element );
+        var level = element.attr( 'rel' );
+
+        if( level )
+        {
+          var selector = $( '.selector-holder', element.closest( 'li' ) );
+
+          var trigger = $( 'a.trigger', selector );
+
+          trigger
+            .text( level.esc() );
+
+          if( element.hasClass( 'set' ) )
+          {
+            trigger.first()
+              .addClass( 'set' );
+          }
+
+          $( 'ul a[data-level="' + level + '"]', selector ).first()
+            .addClass( 'level' );
+        }
+      }
+    )
+
+  $( '.trigger', this )
+    .die( 'click' )
+    .live
+    (
+      'click',
+      function( event )
+      {
+        self.trigger( 'clear' );
+
+        $( '.selector-holder', $( this ).parents( 'li' ).first() ).first()
+          .trigger( 'toggle' );
+
+        return false;
+      }
+    );
+
+  $( '.selector .close', this )
+    .die( 'click' )
+    .live
+    (
+      'click',
+      function( event )
+      {
+        self.trigger( 'clear' );
+        return false;
+      }
+    );
+    
+  $( '.selector-holder', this )
+    .die( 'toggle')
+    .live
+    (
+      'toggle',
+      function( event )
+      {
+        var row = $( this ).closest( 'li' );
+
+        $( 'a:first', row )
+          .toggleClass( 'open' );
+
+        $( '.selector-holder:first', row )
+          .toggleClass( 'open' );
+      }
+    );
+
+  $( '.selector ul a', this )
+    .die( 'click' )
+    .live
+    (
+      'click',
+      function( event )
+      {
+        var element = $( this );
+
+        $.ajax
+        (
+          {
+            url : loglevel_path,
+            dataType : 'json',
+            data : {
+              'wt' : 'json',
+              'set' : $( this ).parents( 'li[data-logger]' ).data( 'logger' ) + ':' + element.data( 'level' )
+            },
+            type : 'POST',
+            context : self,
+            beforeSend : function( xhr, settings )
+            {
+              element
+                .addClass( 'loader' );
+            },
+            success : logging_handler
+          }
+        );
+
+        return false;
+      }
+    );
+
+};
+
+var format_time_options = {};
+
+var format_time = function( time )
+{
+  time = time ? new Date( time ) : new Date();
+  return '<time datetime="' + time.toISOString().esc() + '">' + format_time_content( time ) + '</abbr>';
+}
+
+var format_time_content = function( time )
+{
+  return time.toLocaleString( undefined, format_time_options ).esc();
+}
+
+var load_logging_viewer = function()
+{
+  var table = $( 'table', frame_element );
+  var state = $( '#state', frame_element );
+  var since = table.data( 'latest' ) || 0;
+  var sticky_mode = null;
+
+  $.ajax
+  (
+    {
+      url : loglevel_path + '?wt=json&since=' + since,
+      dataType : 'json',
+      beforeSend : function( xhr, settings )
+      {
+        // initial request
+        if( 0 === since )
+        {
+          sticky_mode = true;
+        }
+
+        // state element is in viewport
+        else if( state.position().top <= $( window ).scrollTop() + $( window ).height() - ( $( 'body' ).height() - state.position().top ) )
+        {
+          sticky_mode = true;
+        }
+
+        else
+        {
+          sticky_mode = false;
+        }
+      },
+      success : function( response, text_status, xhr )
+      {
+        var docs = response.history.docs;
+        var docs_count = docs.length;
+
+        var table = $( 'table', frame_element );
+
+        $( 'h2 span', frame_element )
+          .text( response.watcher.esc() );
+
+        state
+          .html( 'Last Check: ' + format_time() );
+
+        app.timeout = setTimeout
+        (
+          load_logging_viewer,
+          10000
+        );
+
+        if( 0 === docs_count )
+        {
+          table.trigger( 'update' );
+          return false;
+        }
+
+        var content = '<tbody>';
+
+        for( var i = 0; i < docs_count; i++ )
+        {
+          var doc = docs[i];
+
+          if( 1 === doc.time.length )
+          {
+            for( var key in doc )
+            {
+              doc[key] = doc[key][0];
+            }
+          }
+
+          if( !doc.trace )
+          {
+            var lines = doc.message.split( "\n" );
+            if( 1 < lines.length )
+            {
+              doc.trace = doc.message;
+              doc.message = lines[0];
+              delete lines;
+            }
+          }
+
+          var has_trace = 'undefined' !== typeof( doc.trace );
+
+          doc.logger = '<abbr title="' + doc.logger.esc() + '">' + doc.logger.split( '.' ).pop().esc() + '</abbr>';
+
+          var classes = [ 'level-' + doc.level.toLowerCase().esc() ];
+          if( has_trace )
+          {
+            classes.push( 'has-trace' );
+          }
+
+          content += '<tr class="' + classes.join( ' ' ) + '">' + "\n";
+            content += '<td class="span"><a><span>' + format_time( doc.time ) + '</span></a></td>' + "\n";
+            content += '<td class="level span"><a><span>' + doc.level.esc() + '</span></span></a></td>' + "\n";
+            content += '<td class="span"><a><span>' + doc.logger + '</span></a></td>' + "\n";
+            content += '<td class="message span"><a><span>' + doc.message.replace( /,/g, ',&#8203;' ).esc() + '</span></a></td>' + "\n";
+          content += '</tr>' + "\n";
+
+          if( has_trace )
+          {
+            content += '<tr class="trace">' + "\n";
+              content += '<td colspan="4"><pre>' + doc.trace.esc() + '</pre></td>' + "\n";
+            content += '</tr>' + "\n";
+          }
+
+        }
+
+        content += '</tbody>';
+
+        $( 'table', frame_element )
+          .append( content );
+
+        table
+          .data( 'latest', response.info.last )
+          .removeClass( 'has-data' )
+          .trigger( 'update' );
+
+        if( sticky_mode )
+        {
+          $( 'body' )
+            .animate
+            (
+                { scrollTop: state.position().top },
+                1000
+            );
+        }
+      },
+      error : function( xhr, text_status, error_thrown)
+      {
+      },
+      complete : function( xhr, text_status )
+      {
+      }
+    }
+  );
+}
+
+// #/~logging
+sammy.get
+(
+  /^#\/(~logging)$/,
+  function( context )
+  {
+    var content_element = $( '#content' );
+
+    $.get
+    (
+      'tpl/logging.html',
+      function( template )
+      {
+        content_element
+          .html( template );
+
+        frame_element = $( '#frame', content_element );
+        frame_element
+          .html
+          (
+            '<div id="viewer">' + "\n" +
+              '<div class="block">' + "\n" +
+                '<h2><span>&nbsp;</span></h2>' + "\n" +
+              '</div>' + "\n" +
+              '<table border="0" cellpadding="0" cellspacing="0">' + "\n" +
+                '<thead>' + "\n" +
+                  '<tr>' + "\n" +
+                    '<th class="time">Time (<span>Local</span>)</th>' + "\n" +
+                    '<th class="level">Level</th>' + "\n" +
+                    '<th class="logger">Logger</th>' + "\n" +
+                    '<th class="message">Message</th>' + "\n" +
+                  '</tr>' + "\n" +
+                '</thead>' + "\n" +
+                '<tfoot>' + "\n" +
+                  '<tr>' + "\n" +
+                    '<td colspan="4">No Events available</td>' + "\n" +
+                  '</tr>' + "\n" +
+                '</thead>' + "\n" +
+              '</table>' + "\n" +
+              '<div id="footer" class="clearfix">' + "\n" +
+                '<div id="state" class="loader">&nbsp;</div>' + "\n" +
+                '<div id="date-format"><a>Show dates in UTC</a></div>' + "\n" +
+              '</div>' + "\n" +
+            '</div>'
+          );
+
+        var table = $( 'table', frame_element );
+
+        table
+          .die( 'update' )
+          .live
+          (
+            'update',
+            function( event )
+            {
+              var table = $( this );
+              var tbody = $( 'tbody', table );
+
+              0 !== tbody.size()
+                ? table.addClass( 'has-data' )
+                : table.removeClass( 'has-data' );
+
+              return false;
+            }
+          );
+
+        load_logging_viewer();
+
+        $( '.has-trace a', table )
+          .die( 'click' )
+          .live
+          (
+            'click',
+            function( event )
+            {
+              $( this ).closest( 'tr' )
+                .toggleClass( 'open' )
+                .next().toggle();
+
+              return false;
+            }
+          );
+
+        var date_format = $( '#date-format a', frame_element );
+
+        date_format
+          .off( 'click' )
+          .on
+          (
+            'click',
+            function( event )
+            {
+              var self = $( this );
+
+              if( !self.hasClass( 'on' ) )
+              {
+                self.addClass( 'on' );
+                $( 'table th.time span', frame_element ).text( 'UTC' );
+                format_time_options.timeZone = 'UTC';
+                $.cookie( cookie_logging_timezone, 'UTC' );
+              }
+              else
+              {
+                self.removeClass( 'on' );
+                $( 'table th.time span', frame_element ).text( 'Local' );
+                delete format_time_options.timeZone;
+                $.cookie( cookie_logging_timezone, null );
+              }
+
+              $( 'time', frame_element )
+                .each
+                (
+                  function( index, element )
+                  {
+                    var self = $( element );
+                    self.text( format_time_content( new Date( self.attr( 'datetime' ) ) ) );
+                  }
+                )
+
+              return false;
+            }
+          );
+
+        if( 'UTC' === $.cookie( cookie_logging_timezone ) )
+        {
+          date_format
+            .trigger( 'click' );
+        }
+      }
+    );
+  }
+);
+
+// #/~logging/level
+sammy.get
+(
+  /^#\/(~logging)\/level$/,
+  function( context )
+  {
+    var content_element = $( '#content' );
+
+    $.get
+    (
+      'tpl/logging.html',
+      function( template )
+      {
+        content_element
+          .html( template );
+
+        $( '#menu a[href="' + context.path + '"]' )
+          .parent().addClass( 'active' );
+                      
+        $.ajax
+        (
+          {
+            url : loglevel_path + '?wt=json',
+            dataType : 'json',
+            context : $( '#frame', content_element ),
+            beforeSend : function( xhr, settings )
+            {
+              this
+                .html( '<div class="loader">Loading ...</div>' );
+            },
+            success : logging_handler
+          }
+        );
+      }
+    );
+  }
+);