wireframe-rack-bug 0.3.1

data/lib/rack/bug/public/__rack_bug__/bug.css

@@ -0,0 +1,216 @@
+#rack_bug {
+  color: #000;
+  float: none;
+  margin: 0;
+  padding: 0;
+  position: static;
+}
+
+#rack_bug a {
+  color: #f7c757;
+}
+#rack_bug a:hover {
+  color: #aaa;
+}
+
+#rack_bug_toolbar {
+  background: #326342;
+  height: 30px;
+  z-index: 1000000000;
+  position:absolute;
+  left:0;
+  right:0;
+  cursor: pointer;
+}
+.rb_bottom #rack_bug_toolbar {
+  bottom:0;
+  border-top: 2px solid #234f32;
+}
+.rb_top #rack_bug_toolbar {
+  top:0;
+  border-bottom: 2px solid #234f32;
+}
+
+.rack_bug_error #rack_bug_toolbar {
+  background: #ff0000;
+  color: #fff;
+  border: none;
+}
+
+.rack_bug_error #rack_bug_toolbar p {
+  margin-top: 6px;
+  margin-left: 15px;
+  font-weight: bold;
+  color: #fff;
+}
+
+#rack_bug_toolbar ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+#rack_bug_toolbar li {
+  color: #fff;
+  display: inline;
+  font-size: 11px;
+  font-weight: bold;
+  float: none;
+  height: 20px;
+  margin: 0;
+  padding: 0;
+  line-height: 30px;
+  position: relative;
+  width: auto;
+}
+#rack_bug_toolbar li a {
+  border-left: 1px solid #487858;
+  padding: 8px 9px 9px;
+}
+
+#rack_bug_toolbar li a:hover {
+  background: #487858;
+  color: #fff;
+}
+
+#rack_bug_toolbar li:last-child {
+  border-right: 1px solid #487858;
+}
+
+#rack_bug_toolbar #rb_debug_button {
+  color: #92ef3f;
+  padding-left: 20px;
+}
+
+#rack_bug .panel_content {
+  background: #2a5738;
+  border-bottom: 2px solid #234f32;
+  border-top: 2px solid #487858;
+  display: none;
+  position: absolute;
+  margin: 0;
+  padding: 10px;
+  width: auto;
+  left: 0px;
+  right: 0px;
+  color: black;
+  z-index: 1000000;
+  overflow: auto;
+}
+
+#rack_bug.rb_top .panel_content {
+  top: 32px;  
+}
+
+#rack_bug.rb_bottom .panel_content {
+  bottom: 32px;
+}
+
+#rack_bug .panel_content p a,
+#rack_bug .panel_content dl a {
+  color: #40684c;
+}
+
+#rack_bug .panel_content p a:hover,
+#rack_bug .panel_content dl a:hover {
+  color: #92EF3F;
+}
+
+#rack_bug .panel_content h3 {
+  border-bottom: 1px solid #40684c;
+  color: #92ef3f;
+  padding: 0 0 5px;
+}
+
+#rack_bug .panel_content p {
+  padding: 0 5px;
+}
+
+#rack_bug .panel_content p,
+#rack_bug .panel_content table,
+#rack_bug .panel_content ol,
+#rack_bug .panel_content dl {
+  margin: 5px 0 15px;
+  background-color: #fff;
+}
+
+#rack_bug .panel_content ul {
+  padding: 10px 30px 10px 30px;
+  background-color: #fff;
+}
+
+#rack_bug .panel_content ul ul {
+  padding: 0;
+}
+
+#rack_bug .panel_content table {
+  width: 100%;
+  clear: both;
+}
+
+#rack_bug .panel_content table a {
+  color: #40684C;
+}
+
+#rack_bug .panel_content table th {
+  background-color: #9dcc49;
+  font-weight: bold;
+  color: #000;
+  font-size: 11px;
+  padding: 3px 7px 3px;
+  text-align: left;
+  cursor: pointer;
+  border-right: 1px solid #b9d977;
+}
+
+#rack_bug .panel_content table td {
+  padding: 5px 10px;
+  font-size: 11px;
+  background: #fff;
+  color: #000;
+  vertical-align: top;
+}
+#rack_bug .panel_content table tr.odd td {
+  background: #eee;
+}
+
+#rack_bug .panel_content .rack_bug_close {
+  float: right;
+  font-weight: bold;
+}
+
+#rack_bug .panel_content dt, #rack_bug .panel_content dd {
+  display: block;
+}
+
+#rack_bug .panel_content dd {
+  margin-left: 10px;
+}
+
+#rack_bug .panel_content table tr.odd td.rack_bug_spinner,
+#rack_bug .panel_content table tr.even td.rack_bug_spinner,
+#rack_bug .panel_content table td.rack_bug_spinner,
+#rack_bug .rack_bug_spinner {
+  background-image: url(/__rack_bug__/spinner.gif);
+  background-repeat: no-repeat;
+  background-position: center center;
+  text-indent: -3000px;
+  color: transparent;
+}
+
+#rack_bug #sql.panel_content th.time {
+  width: 80px;
+}
+
+#rack_bug #sql.panel_content th.backtrace {
+  width: 100px;
+}
+
+#rack_bug #sql.panel_content th.actions {
+  width: 150px;
+}
+#rack_bug #request_variables td.code > div {
+  max-height:200px;
+  max-width: 800px;
+  overflow:auto;
+}

data/lib/rack/bug/public/__rack_bug__/bug.js

@@ -0,0 +1,84 @@
+var _$ = window.$;
+jQuery.noConflict();
+jQuery(function($) {
+  $.rackBug = function(data, klass) {
+    $.rackBug.init();
+  };
+  $.extend($.rackBug, {
+    init: function() {
+      var current = null;
+      $('#rack_bug ul.panels li a').click(function() {
+        current = $('#rack_bug #' + this.className);
+        
+        if (current.is(':visible')) {
+          $(document).trigger('close.rackBug');
+        } else {
+          $('#rack_bug .panel_content').hide();
+          current.show();
+          $.rackBug.open();
+        }
+        return false;
+      });
+      $('#rack_bug a.remote_call').click(function() {
+        $('#rack_bug_debug_window').load(this.href, null, function() {
+          $('#rack_bug_debug_window a.back').click(function() {
+            $(this).parent().hide();
+            return false;
+          });
+        });
+        $('#rack_bug_debug_window').show();
+        return false;
+      });
+      $('#rack_bug a.reveal_backtrace').click(function() {
+        $(this).parents("tr").next().toggle();
+        return false;
+      });
+      $('#rack_bug a.rack_bug_close').click(function() {
+        $(document).trigger('close.rackBug');
+        return false;
+      });
+      $('#rb_debug_button').click(function(){
+        $('#rack_bug').toggleClass('rb_top').toggleClass('rb_bottom');
+        return false;
+      });
+      $.tablesorter.addParser({
+        id: 'ms',
+        is: function(s) {
+          return /ms$/.test(s);
+        },
+        format: function(s) {
+          return $.tablesorter.formatFloat(s.replace(new RegExp(/[^0-9.]/g),""));
+        },
+        type: "numeric"
+      });
+    },
+    open: function() {
+      $(document).bind('keydown.rackBug', function(e) {
+        if (e.keyCode == 27) {
+          $.rackBug.close();
+        }
+      });
+      $('table.sortable').tablesorter(); 
+    },
+    toggle_content: function(elem) {
+      if (elem.is(':visible')) {
+        elem.hide();
+      } else {
+        elem.show();
+      }
+    },
+    close: function() {
+      $(document).trigger('close.rackBug');
+      return false;
+    }
+  });
+  $(document).bind('close.rackBug', function() {
+    $(document).unbind('keydown.rackBug');
+    $('.panel_content').hide();
+  });
+});
+
+jQuery(function() {
+  jQuery.rackBug();
+});
+$ = _$;