mongodb_logger 0.1.4 → 0.1.5

data/lib/mongodb_logger/server/public/javascripts/vendors/jquery.pjax.js

@@ -0,0 +1,264 @@
+// jquery.pjax.js
+// copyright chris wanstrath
+// https://github.com/defunkt/jquery-pjax
+
+(function($){
+
+// When called on a link, fetches the href with ajax into the
+// container specified as the first parameter or with the data-pjax
+// attribute on the link itself.
+//
+// Tries to make sure the back button and ctrl+click work the way
+// you'd expect.
+//
+// Accepts a jQuery ajax options object that may include these
+// pjax specific options:
+//
+// container - Where to stick the response body. Usually a String selector.
+//             $(container).html(xhr.responseBody)
+//      push - Whether to pushState the URL. Defaults to true (of course).
+//   replace - Want to use replaceState instead? That's cool.
+//
+// For convenience the first parameter can be either the container or
+// the options object.
+//
+// Returns the jQuery object
+$.fn.pjax = function( container, options ) {
+  if ( options )
+    options.container = container
+  else
+    options = $.isPlainObject(container) ? container : {container:container}
+
+  // We can't persist $objects using the history API so we must use
+  // a String selector. Bail if we got anything else.
+  if ( options.container && typeof options.container !== 'string' ) {
+    throw "pjax container must be a string selector!"
+    return false
+  }
+
+  return this.live('click', function(event){
+    // Middle click, cmd click, and ctrl click should open
+    // links in a new tab as normal.
+    if ( event.which > 1 || event.metaKey )
+      return true
+
+    var defaults = {
+      url: this.href,
+      container: $(this).attr('data-pjax'),
+      clickedElement: $(this),
+      fragment: null
+    }
+
+    $.pjax($.extend({}, defaults, options))
+
+    event.preventDefault()
+  })
+}
+
+
+// Loads a URL with ajax, puts the response body inside a container,
+// then pushState()'s the loaded URL.
+//
+// Works just like $.ajax in that it accepts a jQuery ajax
+// settings object (with keys like url, type, data, etc).
+//
+// Accepts these extra keys:
+//
+// container - Where to stick the response body. Must be a String.
+//             $(container).html(xhr.responseBody)
+//      push - Whether to pushState the URL. Defaults to true (of course).
+//   replace - Want to use replaceState instead? That's cool.
+//
+// Use it just like $.ajax:
+//
+//   var xhr = $.pjax({ url: this.href, container: '#main' })
+//   console.log( xhr.readyState )
+//
+// Returns whatever $.ajax returns.
+var pjax = $.pjax = function( options ) {
+  var $container = $(options.container),
+      success = options.success || $.noop
+
+  // We don't want to let anyone override our success handler.
+  delete options.success
+
+  // We can't persist $objects using the history API so we must use
+  // a String selector. Bail if we got anything else.
+  if ( typeof options.container !== 'string' )
+    throw "pjax container must be a string selector!"
+
+  options = $.extend(true, {}, pjax.defaults, options)
+
+  if ( $.isFunction(options.url) ) {
+    options.url = options.url()
+  }
+
+  options.context = $container
+
+  options.success = function(data){
+    if ( options.fragment ) {
+      // If they specified a fragment, look for it in the response
+      // and pull it out.
+      var $fragment = $(data).find(options.fragment)
+      if ( $fragment.length )
+        data = $fragment.children()
+      else
+        return window.location = options.url
+    } else {
+        // If we got no data or an entire web page, go directly
+        // to the page and let normal error handling happen.
+        if ( !$.trim(data) || /<html/i.test(data) )
+          return window.location = options.url
+    }
+
+    // Make it happen.
+    this.html(data)
+
+    // If there's a <title> tag in the response, use it as
+    // the page's title.
+    var oldTitle = document.title,
+        title = $.trim( this.find('title').remove().text() )
+    if ( title ) document.title = title
+
+    // No <title>? Fragment? Look for data-title and title attributes.
+    if ( !title && options.fragment ) {
+      title = $fragment.attr('title') || $fragment.data('title')
+    }
+
+    var state = {
+      pjax: options.container,
+      fragment: options.fragment,
+      timeout: options.timeout
+    }
+
+    // If there are extra params, save the complete URL in the state object
+    var query = $.param(options.data)
+    if ( query != "_pjax=true" )
+      state.url = options.url + (/\?/.test(options.url) ? "&" : "?") + query
+
+    if ( options.replace ) {
+      window.history.replaceState(state, document.title, options.url)
+    } else if ( options.push ) {
+      // this extra replaceState before first push ensures good back
+      // button behavior
+      if ( !pjax.active ) {
+        window.history.replaceState($.extend({}, state, {url:null}), oldTitle)
+        pjax.active = true
+      }
+
+      window.history.pushState(state, document.title, options.url)
+    }
+
+    // Google Analytics support
+    if ( (options.replace || options.push) && window._gaq )
+      _gaq.push(['_trackPageview'])
+
+    // If the URL has a hash in it, make sure the browser
+    // knows to navigate to the hash.
+    var hash = window.location.hash.toString()
+    if ( hash !== '' ) {
+      window.location.href = hash
+    }
+
+    // Invoke their success handler if they gave us one.
+    success.apply(this, arguments)
+  }
+
+  // Cancel the current request if we're already pjaxing
+  var xhr = pjax.xhr
+  if ( xhr && xhr.readyState < 4) {
+    xhr.onreadystatechange = $.noop
+    xhr.abort()
+  }
+
+  pjax.options = options
+  pjax.xhr = $.ajax(options)
+  $(document).trigger('pjax', [pjax.xhr, options])
+
+  return pjax.xhr
+}
+
+
+pjax.defaults = {
+  timeout: 650,
+  push: true,
+  replace: false,
+  // We want the browser to maintain two separate internal caches: one for
+  // pjax'd partial page loads and one for normal page loads. Without
+  // adding this secret parameter, some browsers will often confuse the two.
+  data: { _pjax: true },
+  type: 'GET',
+  dataType: 'html',
+  beforeSend: function(xhr){
+    this.trigger('pjax:start', [xhr, pjax.options])
+    // start.pjax is deprecated
+    this.trigger('start.pjax', [xhr, pjax.options])
+    xhr.setRequestHeader('X-PJAX', 'true')
+  },
+  error: function(xhr, textStatus, errorThrown){
+    if ( textStatus !== 'abort' )
+      window.location = pjax.options.url
+  },
+  complete: function(xhr){
+    this.trigger('pjax:end', [xhr, pjax.options])
+    // end.pjax is deprecated
+    this.trigger('end.pjax', [xhr, pjax.options])
+  }
+}
+
+
+// Used to detect initial (useless) popstate.
+// If history.state exists, assume browser isn't going to fire initial popstate.
+var popped = ('state' in window.history), initialURL = location.href
+
+
+// popstate handler takes care of the back and forward buttons
+//
+// You probably shouldn't use pjax on pages with other pushState
+// stuff yet.
+$(window).bind('popstate', function(event){
+  // Ignore inital popstate that some browsers fire on page load
+  var initialPop = !popped && location.href == initialURL
+  popped = true
+  if ( initialPop ) return
+
+  var state = event.state
+
+  if ( state && state.pjax ) {
+    var container = state.pjax
+    if ( $(container+'').length )
+      $.pjax({
+        url: state.url || location.href,
+        fragment: state.fragment,
+        container: container,
+        push: false,
+        timeout: state.timeout
+      })
+    else
+      window.location = location.href
+  }
+})
+
+
+// Add the state property to jQuery's event object so we can use it in
+// $(window).bind('popstate')
+if ( $.inArray('state', $.event.props) < 0 )
+  $.event.props.push('state')
+
+
+// Is pjax supported by this browser?
+$.support.pjax =
+  window.history && window.history.pushState && window.history.replaceState
+  // pushState isn't reliable on iOS yet.
+  && !navigator.userAgent.match(/(iPod|iPhone|iPad|WebApps\/.+CFNetwork)/)
+
+
+// Fall back to normalcy for older browsers.
+if ( !$.support.pjax ) {
+  $.pjax = function( options ) {
+    window.location = $.isFunction(options.url) ? options.url() : options.url
+  }
+  $.fn.pjax = function() { return this }
+}
+
+})(jQuery);

data/lib/mongodb_logger/server/public/stylesheets/all.css

@@ -6,4 +6,5 @@
 @import "group-headers.css";
 @import "group-buttons.css";
 @import "group-forms.css";
-@import "group-tables.css";
+@import "group-tables.css";
+@import "highlight/zenburn.css";

data/lib/mongodb_logger/server/public/stylesheets/group-buttons.css

@@ -1,16 +1,25 @@
 .button {
     display: inline-block;
-    height: 30px;
-    padding: 0 20px;
-    line-height: 30px;
+    padding: 5px 20px;
     border: 1px solid #777;
     border-radius: 3px;
     box-shadow: 0 1px 2px rgba(100,100,100,0.4), 0 1px 0 rgba(255,255,255,0.3) inset;
-    background: rgb(255,255,255);
     text-decoration: none;    
     font-weight: bold;
-    color: #333;
+    color: #fff;
     cursor: pointer;
+    background: rgb(5,171,239);
+    background: -moz-linear-gradient(top,  rgba(5,171,239,1) 0%, rgba(3,105,173,1) 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,171,239,1)), color-stop(100%,rgba(3,105,173,1)));
+    background: -webkit-linear-gradient(top,  rgba(5,171,239,1) 0%,rgba(3,105,173,1) 100%);
+    background: -o-linear-gradient(top,  rgba(5,171,239,1) 0%,rgba(3,105,173,1) 100%);
+    background: -ms-linear-gradient(top,  rgba(5,171,239,1) 0%,rgba(3,105,173,1) 100%);
+    background: linear-gradient(top,  rgba(5,171,239,1) 0%,rgba(3,105,173,1) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abef', endColorstr='#0369ad',GradientType=0 );   
+}
+
+.button.grey {
+    color: #333;
     background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
     background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
@@ -21,22 +30,7 @@
 }
 
 .button.small {
-    height: 24px;
-    line-height: 24px;
-    padding: 0 10px;
-}
-
-.button:hover {
-    color: #fff;
-    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
-    background: rgb(5,171,239);
-    background: -moz-linear-gradient(top,  rgba(5,171,239,1) 0%, rgba(3,105,173,1) 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,171,239,1)), color-stop(100%,rgba(3,105,173,1)));
-    background: -webkit-linear-gradient(top,  rgba(5,171,239,1) 0%,rgba(3,105,173,1) 100%);
-    background: -o-linear-gradient(top,  rgba(5,171,239,1) 0%,rgba(3,105,173,1) 100%);
-    background: -ms-linear-gradient(top,  rgba(5,171,239,1) 0%,rgba(3,105,173,1) 100%);
-    background: linear-gradient(top,  rgba(5,171,239,1) 0%,rgba(3,105,173,1) 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abef', endColorstr='#0369ad',GradientType=0 );
+    padding: 2px 10px;
 }
 
 .button.negative {
@@ -52,32 +46,36 @@
 }
 
 .button.primary {
-    height: 24px;
-    line-height: 24px;
-    padding: 0 10px;
+    padding: 3px 10px;
     color: #fff;
     background: #68B902;
     border-color: #5E8C22;
     text-shadow: 0 1px 0 rgba(0,0,0,0.4);
 }
 
+.button:hover {
+    color: #fff;
+}
+
+.button.grey:hover {
+    color: #333;
+}
+
+
 .button.primary:hover {
     background: #6bc102;
     border-color: #57910C;
 }
 
-.button:hover .start {
-    background-position: 0 -29px;
-}
 
 .start {
     display: inline-block;
     padding-left: 13px;
-    background: url(../images/play-icon.png) no-repeat 0 10px;
+    background: url(../images/play-icon.png) no-repeat 0 -35px;
 }
 
 .stop {
     display: inline-block;
     padding-left: 13px;
-    background: url(../images/stop-icon.png) no-repeat 0 11px;
+    background: url(../images/stop-icon.png) no-repeat 0 5px;
 }

data/lib/mongodb_logger/server/public/stylesheets/group-forms.css

@@ -20,7 +20,7 @@ textarea {
 
 select {
     padding: 1px;
-    width: auto;
+    width: 100%;
     font: 12px arial, sans-serif;
 }
 

data/lib/mongodb_logger/server/public/stylesheets/group-tables.css

@@ -54,6 +54,34 @@ td:last-child {
     text-align: center;
 }
 
+
+.url-text {
+    max-width: 120px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.td-time {
+    width: 100px;
+}
+
+.td-controller {
+    width: 15%;
+}
+
+.td-action {
+    width: 15%;
+}
+
+.td-ip {
+    width: 15%;
+}
+
+.td-runtime {
+    width: 15%;
+}
+
 .url_log {
-    width: 10%;
+    width: 15%;
 }

data/lib/mongodb_logger/server/public/stylesheets/highlight/zenburn.css

@@ -0,0 +1,115 @@
+/*
+
+Zenburn style from voldmar.ru (c) Vladimir Epifanov <voldmar@voldmar.ru>
+based on dark.css by Ivan Sagalaev
+
+*/
+
+pre code {
+  display: block; padding: 0.5em;
+  background: #3F3F3F;
+  color: #DCDCDC;
+}
+
+pre .keyword,
+pre .tag,
+pre .django .tag,
+pre .django .keyword,
+pre .css .class,
+pre .css .id,
+pre .lisp .title {
+  color: #E3CEAB;
+}
+
+pre .django .template_tag,
+pre .django .variable,
+pre .django .filter .argument {
+  color: #DCDCDC;
+}
+
+pre .number,
+pre .date {
+  color: #8CD0D3;
+}
+
+pre .dos .envvar,
+pre .dos .stream,
+pre .variable,
+pre .apache .sqbracket {
+  color: #EFDCBC;
+}
+
+pre .dos .flow,
+pre .diff .change,
+pre .python .exception,
+pre .python .built_in,
+pre .literal,
+pre .tex .special {
+  color: #EFEFAF;
+}
+
+pre .diff .chunk,
+pre .ruby .subst {
+  color: #8F8F8F;
+}
+
+pre .dos .keyword,
+pre .python .decorator,
+pre .class .title,
+pre .haskell .label,
+pre .function .title,
+pre .ini .title,
+pre .diff .header,
+pre .ruby .class .parent,
+pre .apache .tag,
+pre .nginx .built_in,
+pre .tex .command,
+pre .input_number {
+    color: #efef8f;
+}
+
+pre .dos .winutils,
+pre .ruby .symbol,
+pre .ruby .symbol .string,
+pre .ruby .symbol .keyword,
+pre .ruby .symbol .keymethods,
+pre .ruby .string,
+pre .ruby .instancevar {
+  color: #DCA3A3;
+}
+
+pre .diff .deletion,
+pre .string,
+pre .tag .value,
+pre .preprocessor,
+pre .built_in,
+pre .sql .aggregate,
+pre .javadoc,
+pre .smalltalk .class,
+pre .smalltalk .localvars,
+pre .smalltalk .array,
+pre .css .rules .value,
+pre .attr_selector,
+pre .pseudo,
+pre .apache .cbracket,
+pre .tex .formula {
+  color: #CC9393;
+}
+
+pre .shebang,
+pre .diff .addition,
+pre .comment,
+pre .java .annotation,
+pre .template_comment,
+pre .pi,
+pre .doctype {
+  color: #7F9F7F;
+}
+
+pre .xml .css,
+pre .xml .javascript,
+pre .xml .vbscript,
+pre .tex .formula {
+  opacity: 0.5;
+}
+

data/lib/mongodb_logger/server/public/stylesheets/layout.css

@@ -3,6 +3,7 @@ html, body {
 }
 
 body {
+    min-width: 1000px;
 	font: 12px/140% helvetica, arial, sans-serif;
 	color: #333;
 	background: #F3F4EB;
@@ -23,7 +24,9 @@ body {
 }
 
 .wrapper {
-    margin: 0 20px;
+    width: 96%;
+    max-width: 1600px;
+    margin: 0 auto;
     position: relative;
 }
 
@@ -43,8 +46,7 @@ body {
 }
 
 .content {
-    padding-bottom: 120px;
-    padding-top: 20px;
+    padding: 20px 0;
 }
 
 .header {
@@ -118,13 +120,6 @@ body {
     background-color: #fefefe;
     box-shadow: 2px 2px 5px #e4e4e4 inset;
     background: rgb(255,255,255);
-    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(244,244,244,1) 49%, rgba(255,255,255,1) 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(49%,rgba(244,244,244,1)), color-stop(100%,rgba(255,255,255,1)));
-    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(244,244,244,1) 49%,rgba(255,255,255,1) 100%);
-    background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(244,244,244,1) 49%,rgba(255,255,255,1) 100%);
-    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(244,244,244,1) 49%,rgba(255,255,255,1) 100%);
-    background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(244,244,244,1) 49%,rgba(255,255,255,1) 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
     min-height: 400px;
 }
 
@@ -176,6 +171,33 @@ body {
     margin-left: -110px;
     left: 50%;
 }
+
+.stats {
+    position: relative;
+    width: 25%;
+    height: 50px;
+    color: #fff;
+    font-size: 11px;
+    line-height: 1.1;
+    text-shadow: 0 1px 0 rgba(0,0,0, 0.7);
+    background: rgb(119,73,43);
+    background: -moz-linear-gradient(top,  rgba(119,73,43,1) 0%, rgba(89,54,32,1) 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,73,43,1)), color-stop(100%,rgba(89,54,32,1)));
+    background: -webkit-linear-gradient(top,  rgba(119,73,43,1) 0%,rgba(89,54,32,1) 100%);
+    background: -o-linear-gradient(top,  rgba(119,73,43,1) 0%,rgba(89,54,32,1) 100%);
+    background: -ms-linear-gradient(top,  rgba(119,73,43,1) 0%,rgba(89,54,32,1) 100%);
+    background: linear-gradient(top,  rgba(119,73,43,1) 0%,rgba(89,54,32,1) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77492b', endColorstr='#593620',GradientType=0 );
+    
+}
+
+.stats strong {
+    display: inline-block;
+    width: 60px;
+    color: #e7c5a9;
+}
+
+
 /* 
 http://localhost:3000/mongodblogs/overview
 ./bin/mongodb_logger_web ../mongo.yml -F