rails_performance 0.0.1.11 → 0.0.1.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 939d826d3e398d89839a7bbdd673fbeb1b89bfdbb27ff8b0a096c2bb236096ba
-  data.tar.gz: 579db652ed8fe43d1c91284ab07b9f4668f9aa79a87cd40a65f1b290f71d7da1
+  metadata.gz: ead4f058f985e1601b4e3eb4318867b40da0952c4ea30092afcd466e50f98f63
+  data.tar.gz: e5bbc0934281a451c292a62f63024778c2f2ea627f94b2f7a836080a27e2516c
 SHA512:
-  metadata.gz: f15e0fcc4ecd75401140e69f37e2a7fae382392ca5890ba5d5c7fb4194d4888662fc04e2575b6f1f8565a60a0fe42d0635915ea343e70ddae6efb9deec99c863
-  data.tar.gz: 538a65badcc5daec51f971be14962b543abd62c718e7bbd1e630304b1e306aae5df47b9be1260108c4a7733352bac91a0b623479e8ef6dfb8a2c62ab4f563fd2
+  metadata.gz: f2c6d72b1550a5adcf4fa73f5b6580241a06cd32d68e1b3ea5b7587c7ba86ad3070911802ea9abac5ced6c8c90f1f925f98b4e4395d41039364bd2e48f320552
+  data.tar.gz: 5399cda1f85d289862ef1a9c7349061e5d520044df2bfd0dbd376da866835a55b4b495271aed577a31f57cb7e35a1ec8b2b4bd6542c3973339614322bbc2d806

data/README.md

@@ -27,14 +27,13 @@ $ bundle
 
 ## TODO
 
-- time/zone
-- redis namespaces
-- skip for tests ?
 - documentation
-- add 1 if 0 (it means one request was)
+- time/zone config?
+- CI for tests
 - better hint
 - export to csv
-- last 30 minutes report all requests
+- http basic auth
+- better stats tooltip, do not show if nothing to show
 
 ## Contributing
 

data/app/assets/images/activity.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" ?><svg height="48" id="activity" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><defs><style>
+      .vi-primary {
+        fill: #FF6E6E;
+      }
+
+      .vi-primary, .vi-accent {
+        fill-rule: evenodd;
+      }
+
+      .vi-accent {
+        fill: #0C0058;
+      }
+    </style></defs><path class="vi-primary" d="M20,33a2,2,0,0,1-1.788-1.1l-3.6-7.183-2.047,2.551A2,2,0,0,1,11,28.013H7a1.994,1.994,0,1,1,0-3.988h3.039l3.4-4.237a2,2,0,0,1,3.351.354l2.7,5.386,2.588-9.03a2,2,0,0,1,3.75-.262l3.473,7.79H32a1.994,1.994,0,1,1,0,3.988H28a2,2,0,0,1-1.827-1.184L24.41,22.874l-2.487,8.678a2,2,0,0,1-1.737,1.437C20.123,33,20.061,33,20,33Z"/><path class="vi-accent" d="M37,32a6,6,0,1,1,6-6A6,6,0,0,1,37,32Zm0-8.717A2.72,2.72,0,1,0,39.728,26,2.724,2.724,0,0,0,37,23.283Z"/></svg>

data/app/assets/images/close.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" ?><svg height="48" id="close" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><defs><style>
+      .vi-primary {
+        fill: #FF6E6E;
+      }
+
+      .vi-primary, .vi-accent {
+        fill-rule: evenodd;
+      }
+
+      .vi-accent {
+        fill: #0C0058;
+      }
+    </style></defs><path class="vi-primary" d="M35,32l-3,3-7.5-7.5L17,35l-3-3,7.5-7.5L14,17l3-3,7.5,7.5L32,14l3,3-7.5,7.5Z"/><path class="vi-accent" d="M20,32l-3,3-3-3,3-3ZM35,17l-3,3-3-3,3-3ZM29,32l3,3,3-3-3-3ZM14,17l3,3,3-3-3-3Z"/></svg>

data/app/assets/images/export.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" ?><svg height="48" id="share" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><defs><style>
+      .vi-primary {
+        fill: #FF6E6E;
+        stroke: #fff;
+        stroke-linecap: round;
+        stroke-width: 0;
+      }
+
+      .vi-accent {
+        fill: #0C0058;
+        fill-rule: evenodd;
+      }
+    </style></defs><rect class="vi-primary" height="28" width="28" x="5" y="10"/><path class="vi-accent" d="M17,25H39l-3,3,2,2,6-6V23l-6-6-2,2,3,3H17v3Z"/></svg>

data/app/assets/images/import.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" ?><svg height="48" id="import" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><defs><style>
+      .vi-primary {
+        fill: #FF6E6E;
+        stroke: #fff;
+        stroke-linecap: round;
+        stroke-width: 0;
+      }
+
+      .vi-accent {
+        fill: #0C0058;
+        fill-rule: evenodd;
+      }
+    </style></defs><rect class="vi-primary" height="28" width="28" x="15" y="10"/><path class="vi-accent" d="M4,25H27l-3,3,2,2,6-6V23l-6-6-2,2,3,3H4v3Z"/></svg>

data/app/assets/images/menu.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" ?><svg height="48" id="menu" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><defs><style>
+      .vi-primary {
+        fill: #FF6E6E;
+      }
+
+      .vi-primary, .vi-accent {
+        stroke: #fff;
+        stroke-linecap: round;
+        stroke-width: 0;
+        fill-rule: evenodd;
+      }
+
+      .vi-accent {
+        fill: #0C0058;
+      }
+    </style></defs><path class="vi-primary" d="M9,12H39v4H9V12ZM9,22H39v4H9V22ZM9,32H39v4H9V32Z"/><path class="vi-accent" d="M9,12h4v4H9V12ZM9,22h4v4H9V22ZM9,32h4v4H9V32ZM35,12h4v4H35V12Zm0,10h4v4H35V22Zm0,10h4v4H35V32Z"/></svg>

data/app/controllers/rails_performance_controller.rb

@@ -11,6 +11,25 @@ class RailsPerformanceController < ActionController::Base
     @response_time_report_data = @response_time_report.data
   end
 
+  def summary
+    @datasource                = RP::DataSource.new(prepare_query)
+    db                         = @datasource.db
+
+    @throughput_report         = RP::Reports::ThroughputReport.new(db)
+    @throughput_report_data    = @throughput_report.data
+
+    @response_time_report      = RP::Reports::ResponseTimeReport.new(db)
+    @response_time_report_data = @response_time_report.data
+
+    @report                    = RP::Reports::BreakdownReport.new(db, title: "Requests")
+    @data                      = @report.data
+
+    respond_to do |format|
+      format.js {}
+      format.any { render plain: "Doesn't open in new window" }
+    end
+  end
+
   def crashes
     @datasource   = RP::DataSource.new(prepare_query({status_eq: 500}))
     db            = @datasource.db
@@ -25,13 +44,6 @@ class RailsPerformanceController < ActionController::Base
     @data       = @report.data
   end
 
-  def breakdown
-    @datasource = RP::DataSource.new(prepare_query)
-    db          = @datasource.db
-    @report     = RP::Reports::BreakdownReport.new(db, title: "Breakdown Report")
-    @data       = @report.data
-  end
-
   def recent
     @datasource = RP::DataSource.new(prepare_query)
     db          = @datasource.db

data/app/helpers/rails_performance_helper.rb

@@ -8,38 +8,33 @@ module RailsPerformanceHelper
 
   def ms(value)
     result = round_it(value)
-    result ? "#{result} ms" : '-'
+    result && result != 0 ? "#{result} ms" : '-'
   end
 
   def short_path(path, length: 60)
-    tag.span title: path do
+    content_tag :span, title: path do
       truncate(path, length: length)
     end
   end
 
   def link_to_path(e)
     if e[:method] == 'GET'
-      link_to short_path(e[:path]), e[:path], target: '_blank'
+      link_to(short_path(e[:path]), e[:path], target: '_blank')
     else
       short_path(e[:path])
     end
   end
 
-  def statistics_link(title, report, group)
-    options = case report.group
-    when :controller_action_format
-      ca = group.split("|")
-      c, a = ca[0].split("#")
-      {
-        controller_eq: c,
-        action_eq: a,
-        format_eq: ca[1]
-      }
-    else
-      {}
-    end
-
-    link_to title, rails_performance_path(options), target: '_blank'
+  def report_name(h)
+    h.except(:on).collect do |k, v|
+      %Q{
+      <div class="control">
+        <span class="tags has-addons">
+          <span class="tag">#{k}</span>
+          <span class="tag is-success">#{v}</span>
+        </span>
+      </div>}
+    end.join.html_safe
   end
 
   def status_tag(status)

data/app/views/javascripts/_javascripts.html.erb

@@ -1,4 +1,6 @@
 <%= insert_js_file 'jquery-3.4.1.min.js' %>
+<%= insert_js_file 'rails.js' %>
+<%= insert_js_file 'stupidtable.min.js' %>
 
 <%= javascript_include_tag 'https://code.highcharts.com/highcharts.js' %>
 <%= javascript_include_tag 'https://code.highcharts.com/modules/data.js' %>
@@ -8,3 +10,4 @@
 
 <%= insert_js_file 'app.js' %>
 <%= insert_js_file 'panel.js' %>
+<%= insert_js_file 'table.js' %>

data/app/views/javascripts/panel.js

@@ -8,10 +8,19 @@ function showPanel() {
   $(".panel-overlay").show();
   $('.cd-panel').addClass('cd-panel--is-visible');
   $('body').addClass('panel-visible');
+
+  $('.cd-panel__content table').stupidtable();
 }
 
+
 $(function() {
 
+  var panel = {};
+  window.panel = panel;
+  window.panel.header  = $(".panel-heading span");
+  window.panel.content = $(".cd-panel__content");
+  window.panel.close   = '<a class="panel-close" href="#" onclick="javascript: hidePanel(); return false;">&times;</a>'
+
   $(".toggle-panel").on('click', function(e) {
     showPanel();
   });

data/app/views/javascripts/rails.js

@@ -0,0 +1,565 @@
+/* jshint node: true */
+
+/**
+ * Unobtrusive scripting adapter for jQuery
+ * https://github.com/rails/jquery-ujs
+ *
+ * Requires jQuery 1.8.0 or later.
+ *
+ * Released under the MIT license
+ *
+ */
+
+(function() {
+  'use strict';
+
+  var jqueryUjsInit = function($, undefined) {
+
+  // Cut down on the number of issues from people inadvertently including jquery_ujs twice
+  // by detecting and raising an error when it happens.
+  if ( $.rails !== undefined ) {
+    $.error('jquery-ujs has already been loaded!');
+  }
+
+  // Shorthand to make it a little easier to call public rails functions from within rails.js
+  var rails;
+  var $document = $(document);
+
+  $.rails = rails = {
+    // Link elements bound by jquery-ujs
+    linkClickSelector: 'a[data-confirm], a[data-method], a[data-remote]:not([disabled]), a[data-disable-with], a[data-disable]',
+
+    // Button elements bound by jquery-ujs
+    buttonClickSelector: 'button[data-remote]:not([form]):not(form button), button[data-confirm]:not([form]):not(form button)',
+
+    // Select elements bound by jquery-ujs
+    inputChangeSelector: 'select[data-remote], input[data-remote], textarea[data-remote]',
+
+    // Form elements bound by jquery-ujs
+    formSubmitSelector: 'form',
+
+    // Form input elements bound by jquery-ujs
+    formInputClickSelector: 'form input[type=submit], form input[type=image], form button[type=submit], form button:not([type]), input[type=submit][form], input[type=image][form], button[type=submit][form], button[form]:not([type])',
+
+    // Form input elements disabled during form submission
+    disableSelector: 'input[data-disable-with]:enabled, button[data-disable-with]:enabled, textarea[data-disable-with]:enabled, input[data-disable]:enabled, button[data-disable]:enabled, textarea[data-disable]:enabled',
+
+    // Form input elements re-enabled after form submission
+    enableSelector: 'input[data-disable-with]:disabled, button[data-disable-with]:disabled, textarea[data-disable-with]:disabled, input[data-disable]:disabled, button[data-disable]:disabled, textarea[data-disable]:disabled',
+
+    // Form required input elements
+    requiredInputSelector: 'input[name][required]:not([disabled]), textarea[name][required]:not([disabled])',
+
+    // Form file input elements
+    fileInputSelector: 'input[name][type=file]:not([disabled])',
+
+    // Link onClick disable selector with possible reenable after remote submission
+    linkDisableSelector: 'a[data-disable-with], a[data-disable]',
+
+    // Button onClick disable selector with possible reenable after remote submission
+    buttonDisableSelector: 'button[data-remote][data-disable-with], button[data-remote][data-disable]',
+
+    // Up-to-date Cross-Site Request Forgery token
+    csrfToken: function() {
+     return $('meta[name=csrf-token]').attr('content');
+    },
+
+    // URL param that must contain the CSRF token
+    csrfParam: function() {
+     return $('meta[name=csrf-param]').attr('content');
+    },
+
+    // Make sure that every Ajax request sends the CSRF token
+    CSRFProtection: function(xhr) {
+      var token = rails.csrfToken();
+      if (token) xhr.setRequestHeader('X-CSRF-Token', token);
+    },
+
+    // Make sure that all forms have actual up-to-date tokens (cached forms contain old ones)
+    refreshCSRFTokens: function(){
+      $('form input[name="' + rails.csrfParam() + '"]').val(rails.csrfToken());
+    },
+
+    // Triggers an event on an element and returns false if the event result is false
+    fire: function(obj, name, data) {
+      var event = $.Event(name);
+      obj.trigger(event, data);
+      return event.result !== false;
+    },
+
+    // Default confirm dialog, may be overridden with custom confirm dialog in $.rails.confirm
+    confirm: function(message) {
+      return confirm(message);
+    },
+
+    // Default ajax function, may be overridden with custom function in $.rails.ajax
+    ajax: function(options) {
+      return $.ajax(options);
+    },
+
+    // Default way to get an element's href. May be overridden at $.rails.href.
+    href: function(element) {
+      return element[0].href;
+    },
+
+    // Checks "data-remote" if true to handle the request through a XHR request.
+    isRemote: function(element) {
+      return element.data('remote') !== undefined && element.data('remote') !== false;
+    },
+
+    // Submits "remote" forms and links with ajax
+    handleRemote: function(element) {
+      var method, url, data, withCredentials, dataType, options;
+
+      if (rails.fire(element, 'ajax:before')) {
+        withCredentials = element.data('with-credentials') || null;
+        dataType = element.data('type') || ($.ajaxSettings && $.ajaxSettings.dataType);
+
+        if (element.is('form')) {
+          method = element.data('ujs:submit-button-formmethod') || element.attr('method');
+          url = element.data('ujs:submit-button-formaction') || element.attr('action');
+          data = $(element[0]).serializeArray();
+          // memoized value from clicked submit button
+          var button = element.data('ujs:submit-button');
+          if (button) {
+            data.push(button);
+            element.data('ujs:submit-button', null);
+          }
+          element.data('ujs:submit-button-formmethod', null);
+          element.data('ujs:submit-button-formaction', null);
+        } else if (element.is(rails.inputChangeSelector)) {
+          method = element.data('method');
+          url = element.data('url');
+          data = element.serialize();
+          if (element.data('params')) data = data + '&' + element.data('params');
+        } else if (element.is(rails.buttonClickSelector)) {
+          method = element.data('method') || 'get';
+          url = element.data('url');
+          data = element.serialize();
+          if (element.data('params')) data = data + '&' + element.data('params');
+        } else {
+          method = element.data('method');
+          url = rails.href(element);
+          data = element.data('params') || null;
+        }
+
+        options = {
+          type: method || 'GET', data: data, dataType: dataType,
+          // stopping the "ajax:beforeSend" event will cancel the ajax request
+          beforeSend: function(xhr, settings) {
+            if (settings.dataType === undefined) {
+              xhr.setRequestHeader('accept', '*/*;q=0.5, ' + settings.accepts.script);
+            }
+            if (rails.fire(element, 'ajax:beforeSend', [xhr, settings])) {
+              element.trigger('ajax:send', xhr);
+            } else {
+              return false;
+            }
+          },
+          success: function(data, status, xhr) {
+            element.trigger('ajax:success', [data, status, xhr]);
+          },
+          complete: function(xhr, status) {
+            element.trigger('ajax:complete', [xhr, status]);
+          },
+          error: function(xhr, status, error) {
+            element.trigger('ajax:error', [xhr, status, error]);
+          },
+          crossDomain: rails.isCrossDomain(url)
+        };
+
+        // There is no withCredentials for IE6-8 when
+        // "Enable native XMLHTTP support" is disabled
+        if (withCredentials) {
+          options.xhrFields = {
+            withCredentials: withCredentials
+          };
+        }
+
+        // Only pass url to `ajax` options if not blank
+        if (url) { options.url = url; }
+
+        return rails.ajax(options);
+      } else {
+        return false;
+      }
+    },
+
+    // Determines if the request is a cross domain request.
+    isCrossDomain: function(url) {
+      var originAnchor = document.createElement('a');
+      originAnchor.href = location.href;
+      var urlAnchor = document.createElement('a');
+
+      try {
+        urlAnchor.href = url;
+        // This is a workaround to a IE bug.
+        urlAnchor.href = urlAnchor.href;
+
+        // If URL protocol is false or is a string containing a single colon
+        // *and* host are false, assume it is not a cross-domain request
+        // (should only be the case for IE7 and IE compatibility mode).
+        // Otherwise, evaluate protocol and host of the URL against the origin
+        // protocol and host.
+        return !(((!urlAnchor.protocol || urlAnchor.protocol === ':') && !urlAnchor.host) ||
+          (originAnchor.protocol + '//' + originAnchor.host ===
+            urlAnchor.protocol + '//' + urlAnchor.host));
+      } catch (e) {
+        // If there is an error parsing the URL, assume it is crossDomain.
+        return true;
+      }
+    },
+
+    // Handles "data-method" on links such as:
+    // <a href="/users/5" data-method="delete" rel="nofollow" data-confirm="Are you sure?">Delete</a>
+    handleMethod: function(link) {
+      var href = rails.href(link),
+        method = link.data('method'),
+        target = link.attr('target'),
+        csrfToken = rails.csrfToken(),
+        csrfParam = rails.csrfParam(),
+        form = $('<form method="post" action="' + href + '"></form>'),
+        metadataInput = '<input name="_method" value="' + method + '" type="hidden" />';
+
+      if (csrfParam !== undefined && csrfToken !== undefined && !rails.isCrossDomain(href)) {
+        metadataInput += '<input name="' + csrfParam + '" value="' + csrfToken + '" type="hidden" />';
+      }
+
+      if (target) { form.attr('target', target); }
+
+      form.hide().append(metadataInput).appendTo('body');
+      form.submit();
+    },
+
+    // Helper function that returns form elements that match the specified CSS selector
+    // If form is actually a "form" element this will return associated elements outside the from that have
+    // the html form attribute set
+    formElements: function(form, selector) {
+      return form.is('form') ? $(form[0].elements).filter(selector) : form.find(selector);
+    },
+
+    /* Disables form elements:
+      - Caches element value in 'ujs:enable-with' data store
+      - Replaces element text with value of 'data-disable-with' attribute
+      - Sets disabled property to true
+    */
+    disableFormElements: function(form) {
+      rails.formElements(form, rails.disableSelector).each(function() {
+        rails.disableFormElement($(this));
+      });
+    },
+
+    disableFormElement: function(element) {
+      var method, replacement;
+
+      method = element.is('button') ? 'html' : 'val';
+      replacement = element.data('disable-with');
+
+      if (replacement !== undefined) {
+        element.data('ujs:enable-with', element[method]());
+        element[method](replacement);
+      }
+
+      element.prop('disabled', true);
+      element.data('ujs:disabled', true);
+    },
+
+    /* Re-enables disabled form elements:
+      - Replaces element text with cached value from 'ujs:enable-with' data store (created in `disableFormElements`)
+      - Sets disabled property to false
+    */
+    enableFormElements: function(form) {
+      rails.formElements(form, rails.enableSelector).each(function() {
+        rails.enableFormElement($(this));
+      });
+    },
+
+    enableFormElement: function(element) {
+      var method = element.is('button') ? 'html' : 'val';
+      if (element.data('ujs:enable-with') !== undefined) {
+        element[method](element.data('ujs:enable-with'));
+        element.removeData('ujs:enable-with'); // clean up cache
+      }
+      element.prop('disabled', false);
+      element.removeData('ujs:disabled');
+    },
+
+   /* For 'data-confirm' attribute:
+      - Fires `confirm` event
+      - Shows the confirmation dialog
+      - Fires the `confirm:complete` event
+
+      Returns `true` if no function stops the chain and user chose yes; `false` otherwise.
+      Attaching a handler to the element's `confirm` event that returns a `falsy` value cancels the confirmation dialog.
+      Attaching a handler to the element's `confirm:complete` event that returns a `falsy` value makes this function
+      return false. The `confirm:complete` event is fired whether or not the user answered true or false to the dialog.
+   */
+    allowAction: function(element) {
+      var message = element.data('confirm'),
+          answer = false, callback;
+      if (!message) { return true; }
+
+      if (rails.fire(element, 'confirm')) {
+        try {
+          answer = rails.confirm(message);
+        } catch (e) {
+          (console.error || console.log).call(console, e.stack || e);
+        }
+        callback = rails.fire(element, 'confirm:complete', [answer]);
+      }
+      return answer && callback;
+    },
+
+    // Helper function which checks for blank inputs in a form that match the specified CSS selector
+    blankInputs: function(form, specifiedSelector, nonBlank) {
+      var foundInputs = $(),
+        input,
+        valueToCheck,
+        radiosForNameWithNoneSelected,
+        radioName,
+        selector = specifiedSelector || 'input,textarea',
+        requiredInputs = form.find(selector),
+        checkedRadioButtonNames = {};
+
+      requiredInputs.each(function() {
+        input = $(this);
+        if (input.is('input[type=radio]')) {
+
+          // Don't count unchecked required radio as blank if other radio with same name is checked,
+          // regardless of whether same-name radio input has required attribute or not. The spec
+          // states https://www.w3.org/TR/html5/forms.html#the-required-attribute
+          radioName = input.attr('name');
+
+          // Skip if we've already seen the radio with this name.
+          if (!checkedRadioButtonNames[radioName]) {
+
+            // If none checked
+            if (form.find('input[type=radio]:checked[name="' + radioName + '"]').length === 0) {
+              radiosForNameWithNoneSelected = form.find(
+                'input[type=radio][name="' + radioName + '"]');
+              foundInputs = foundInputs.add(radiosForNameWithNoneSelected);
+            }
+
+            // We only need to check each name once.
+            checkedRadioButtonNames[radioName] = radioName;
+          }
+        } else {
+          valueToCheck = input.is('input[type=checkbox],input[type=radio]') ? input.is(':checked') : !!input.val();
+          if (valueToCheck === nonBlank) {
+            foundInputs = foundInputs.add(input);
+          }
+        }
+      });
+      return foundInputs.length ? foundInputs : false;
+    },
+
+    // Helper function which checks for non-blank inputs in a form that match the specified CSS selector
+    nonBlankInputs: function(form, specifiedSelector) {
+      return rails.blankInputs(form, specifiedSelector, true); // true specifies nonBlank
+    },
+
+    // Helper function, needed to provide consistent behavior in IE
+    stopEverything: function(e) {
+      $(e.target).trigger('ujs:everythingStopped');
+      e.stopImmediatePropagation();
+      return false;
+    },
+
+    //  Replace element's html with the 'data-disable-with' after storing original html
+    //  and prevent clicking on it
+    disableElement: function(element) {
+      var replacement = element.data('disable-with');
+
+      if (replacement !== undefined) {
+        element.data('ujs:enable-with', element.html()); // store enabled state
+        element.html(replacement);
+      }
+
+      element.on('click.railsDisable', function(e) { // prevent further clicking
+        return rails.stopEverything(e);
+      });
+      element.data('ujs:disabled', true);
+    },
+
+    // Restore element to its original state which was disabled by 'disableElement' above
+    enableElement: function(element) {
+      if (element.data('ujs:enable-with') !== undefined) {
+        element.html(element.data('ujs:enable-with')); // set to old enabled state
+        element.removeData('ujs:enable-with'); // clean up cache
+      }
+      element.off('click.railsDisable'); // enable element
+      element.removeData('ujs:disabled');
+    }
+  };
+
+  if (rails.fire($document, 'rails:attachBindings')) {
+
+    $.ajaxPrefilter(function(options, originalOptions, xhr){ if ( !options.crossDomain ) { rails.CSRFProtection(xhr); }});
+
+    // This event works the same as the load event, except that it fires every
+    // time the page is loaded.
+    //
+    // See https://github.com/rails/jquery-ujs/issues/357
+    // See https://developer.mozilla.org/en-US/docs/Using_Firefox_1.5_caching
+    $(window).on('pageshow.rails', function () {
+      $($.rails.enableSelector).each(function () {
+        var element = $(this);
+
+        if (element.data('ujs:disabled')) {
+          $.rails.enableFormElement(element);
+        }
+      });
+
+      $($.rails.linkDisableSelector).each(function () {
+        var element = $(this);
+
+        if (element.data('ujs:disabled')) {
+          $.rails.enableElement(element);
+        }
+      });
+    });
+
+    $document.on('ajax:complete', rails.linkDisableSelector, function() {
+        rails.enableElement($(this));
+    });
+
+    $document.on('ajax:complete', rails.buttonDisableSelector, function() {
+        rails.enableFormElement($(this));
+    });
+
+    $document.on('click.rails', rails.linkClickSelector, function(e) {
+      var link = $(this), method = link.data('method'), data = link.data('params'), metaClick = e.metaKey || e.ctrlKey;
+      if (!rails.allowAction(link)) return rails.stopEverything(e);
+
+      if (!metaClick && link.is(rails.linkDisableSelector)) rails.disableElement(link);
+
+      if (rails.isRemote(link)) {
+        if (metaClick && (!method || method === 'GET') && !data) { return true; }
+
+        var handleRemote = rails.handleRemote(link);
+        // Response from rails.handleRemote() will either be false or a deferred object promise.
+        if (handleRemote === false) {
+          rails.enableElement(link);
+        } else {
+          handleRemote.fail( function() { rails.enableElement(link); } );
+        }
+        return false;
+
+      } else if (method) {
+        rails.handleMethod(link);
+        return false;
+      }
+    });
+
+    $document.on('click.rails', rails.buttonClickSelector, function(e) {
+      var button = $(this);
+
+      if (!rails.allowAction(button) || !rails.isRemote(button)) return rails.stopEverything(e);
+
+      if (button.is(rails.buttonDisableSelector)) rails.disableFormElement(button);
+
+      var handleRemote = rails.handleRemote(button);
+      // Response from rails.handleRemote() will either be false or a deferred object promise.
+      if (handleRemote === false) {
+        rails.enableFormElement(button);
+      } else {
+        handleRemote.fail( function() { rails.enableFormElement(button); } );
+      }
+      return false;
+    });
+
+    $document.on('change.rails', rails.inputChangeSelector, function(e) {
+      var link = $(this);
+      if (!rails.allowAction(link) || !rails.isRemote(link)) return rails.stopEverything(e);
+
+      rails.handleRemote(link);
+      return false;
+    });
+
+    $document.on('submit.rails', rails.formSubmitSelector, function(e) {
+      var form = $(this),
+        remote = rails.isRemote(form),
+        blankRequiredInputs,
+        nonBlankFileInputs;
+
+      if (!rails.allowAction(form)) return rails.stopEverything(e);
+
+      // Skip other logic when required values are missing or file upload is present
+      if (form.attr('novalidate') === undefined) {
+        if (form.data('ujs:formnovalidate-button') === undefined) {
+          blankRequiredInputs = rails.blankInputs(form, rails.requiredInputSelector, false);
+          if (blankRequiredInputs && rails.fire(form, 'ajax:aborted:required', [blankRequiredInputs])) {
+            return rails.stopEverything(e);
+          }
+        } else {
+          // Clear the formnovalidate in case the next button click is not on a formnovalidate button
+          // Not strictly necessary to do here, since it is also reset on each button click, but just to be certain
+          form.data('ujs:formnovalidate-button', undefined);
+        }
+      }
+
+      if (remote) {
+        nonBlankFileInputs = rails.nonBlankInputs(form, rails.fileInputSelector);
+        if (nonBlankFileInputs) {
+          // Slight timeout so that the submit button gets properly serialized
+          // (make it easy for event handler to serialize form without disabled values)
+          setTimeout(function(){ rails.disableFormElements(form); }, 13);
+          var aborted = rails.fire(form, 'ajax:aborted:file', [nonBlankFileInputs]);
+
+          // Re-enable form elements if event bindings return false (canceling normal form submission)
+          if (!aborted) { setTimeout(function(){ rails.enableFormElements(form); }, 13); }
+
+          return aborted;
+        }
+
+        rails.handleRemote(form);
+        return false;
+
+      } else {
+        // Slight timeout so that the submit button gets properly serialized
+        setTimeout(function(){ rails.disableFormElements(form); }, 13);
+      }
+    });
+
+    $document.on('click.rails', rails.formInputClickSelector, function(event) {
+      var button = $(this);
+
+      if (!rails.allowAction(button)) return rails.stopEverything(event);
+
+      // Register the pressed submit button
+      var name = button.attr('name'),
+        data = name ? {name:name, value:button.val()} : null;
+
+      var form = button.closest('form');
+      if (form.length === 0) {
+        form = $('#' + button.attr('form'));
+      }
+      form.data('ujs:submit-button', data);
+
+      // Save attributes from button
+      form.data('ujs:formnovalidate-button', button.attr('formnovalidate'));
+      form.data('ujs:submit-button-formaction', button.attr('formaction'));
+      form.data('ujs:submit-button-formmethod', button.attr('formmethod'));
+    });
+
+    $document.on('ajax:send.rails', rails.formSubmitSelector, function(event) {
+      if (this === event.target) rails.disableFormElements($(this));
+    });
+
+    $document.on('ajax:complete.rails', rails.formSubmitSelector, function(event) {
+      if (this === event.target) rails.enableFormElements($(this));
+    });
+
+    $(function(){
+      rails.refreshCSRFTokens();
+    });
+  }
+
+  };
+
+  if (window.jQuery) {
+    jqueryUjsInit(jQuery);
+  } else if (typeof exports === 'object' && typeof module === 'object') {
+    module.exports = jqueryUjsInit;
+  }
+})();

data/app/views/javascripts/stupidtable.min.js

@@ -0,0 +1 @@
+!function(i){i.fn.stupidtable=function(n){return this.each(function(){var t=i(this);n=n||{},n=i.extend({},i.fn.stupidtable.default_sort_fns,n),t.data("sortFns",n),t.stupidtable_build(),t.on("click.stupidtable","thead th",function(){i(this).stupidsort()}),t.find("th[data-sort-onload=yes]").eq(0).stupidsort()})},i.fn.stupidtable.default_settings={should_redraw:function(t){return!0},will_manually_build_table:!1},i.fn.stupidtable.dir={ASC:"asc",DESC:"desc"},i.fn.stupidtable.default_sort_fns={int:function(t,n){return parseInt(t,10)-parseInt(n,10)},float:function(t,n){return parseFloat(t)-parseFloat(n)},string:function(t,n){return t.toString().localeCompare(n.toString())},"string-ins":function(t,n){return t=t.toString().toLocaleLowerCase(),n=n.toString().toLocaleLowerCase(),t.localeCompare(n)}},i.fn.stupidtable_settings=function(a){return this.each(function(){var t=i(this),n=i.extend({},i.fn.stupidtable.default_settings,a);t.stupidtable.settings=n})},i.fn.stupidsort=function(t){var a=i(this),n=a.data("sort")||null;if(null!==n){var r=a.closest("table"),e={$th:a,$table:r,datatype:n};return r.stupidtable.settings||(r.stupidtable.settings=i.extend({},i.fn.stupidtable.default_settings)),e.compare_fn=r.data("sortFns")[n],e.th_index=l(e),e.sort_dir=u(t,e),a.data("sort-dir",e.sort_dir),r.trigger("beforetablesort",{column:e.th_index,direction:e.sort_dir,$th:a}),r.css("display"),setTimeout(function(){r.stupidtable.settings.will_manually_build_table||r.stupidtable_build();var t=s(e),n=d(t,e);r.stupidtable.settings.should_redraw(e)&&(r.children("tbody").append(n),o(e),r.trigger("aftertablesort",{column:e.th_index,direction:e.sort_dir,$th:a}),r.css("display"))},10),a}},i.fn.updateSortVal=function(t){var n=i(this);return n.is("[data-sort-value]")&&n.attr("data-sort-value",t),n.data("sort-value",t),n},i.fn.stupidtable_build=function(){return this.each(function(){var t=i(this),a=[];t.children("tbody").children("tr").each(function(t,n){var e={$tr:i(n),columns:[],index:t};i(n).children("td").each(function(t,n){var a=i(n).data("sort-value");if(void 0===a){var r=i(n).text();i(n).data("sort-value",r),a=r}e.columns.push(a)}),a.push(e)}),t.data("stupidsort_internaltable",a)})};var s=function(s){var t,n=s.$table.data("stupidsort_internaltable"),d=s.th_index,a=s.$th.data("sort-multicolumn");t=a?a.split(","):[];var o=i.map(t,function(t,n){return r(s.$table,t)});return n.sort(function(t,n){for(var a=o.slice(0),r=s.compare_fn(t.columns[d],n.columns[d]);0===r&&a.length;){var e=a[0],i=e.$e.data("sort");r=(0,s.$table.data("sortFns")[i])(t.columns[e.index],n.columns[e.index]),a.shift()}return 0===r?t.index-n.index:r}),s.sort_dir!=i.fn.stupidtable.dir.ASC&&n.reverse(),n},r=function(t,n){var a,r=t.find("th"),e=parseInt(n,10);return e||0===e?a=r.eq(e):(a=r.siblings("#"+n),e=r.index(a)),{index:e,$e:a}},d=function(t,a){var n=i.map(t,function(t,n){return[[t.columns[a.th_index],t.$tr,n]]});return a.column=n,i.map(t,function(t){return t.$tr})},o=function(t){var n=t.$table,a=t.$th,r=a.data("sort-dir");n.find("th").data("sort-dir",null).removeClass("sorting-desc sorting-asc"),a.data("sort-dir",r).addClass("sorting-"+r)},u=function(t,n){var a,r=n.$th,e=i.fn.stupidtable.dir;return t?a=t:(a=t||r.data("sort-default")||e.ASC,r.data("sort-dir")&&(a=r.data("sort-dir")===e.ASC?e.DESC:e.ASC)),a},l=function(t){var n=0,a=t.$th.index();return t.$th.parents("tr").find("th").slice(0,a).each(function(){var t=i(this).attr("colspan")||1;n+=parseInt(t,10)}),n}}(window.jQuery);

data/app/views/javascripts/table.js

@@ -0,0 +1,3 @@
+$(function() {
+  $('table').stupidtable();
+});

data/app/views/layouts/rails_performance.html.erb

@@ -4,7 +4,10 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Rails Performance</title>
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
     <%= render '/stylesheets/stylesheets' %>
+    <link rel="shortcut icon" href="/favicon.ico">
   </head>
   <body>
     <section class="section">

data/app/views/rails_performance/_panel.html.erb

@@ -2,14 +2,10 @@
   <div class="cd-panel__container">
     <nav class="panel">
       <p class="panel-heading">
-        Repositories
-        <a href='#' onclick="javascript: hidePanel(); return false;">X</a>
+        <span class="field is-grouped is-grouped-multiline"></span>
       </p>
       <div class="panel-block">
         <div class="cd-panel__content">
-          <% 5.times do %>
-            <p><%= "hello world is here" * 20 %></p>
-          <% end %>
         </div> <!-- cd-panel__content -->
       </div>
     </nav>

data/app/views/rails_performance/_summary.html.erb

@@ -0,0 +1,35 @@
+<h2 class="subtitle">Throughput</h2>
+<div id="throughput_report_chart_mini" class="chart_mini"></div>
+
+<h2 class="subtitle">Average Response Time</h2>
+<div id="response_time_report_chart_mini" class="chart_mini"></div>
+
+<h2 class="subtitle"><%= @report.title %></h2>
+<table class="table is-fullwidth is-hoverable is-narrow is-size-7">
+  <thead>
+    <tr>
+      <th data-sort="string">Datetime</th>
+      <th data-sort="string">Method</th>
+      <th data-sort="string">Path</th>
+      <th data-sort="string">Format</th>
+      <th data-sort="int">Status</th>
+      <th data-sort="float">Duration</th>
+      <th data-sort="float">Views</th>
+      <th data-sort="float">DB</th>
+    </tr>
+  </thead>
+  <tbody>
+    <% @data.each do |e| %>
+      <tr>
+        <td><%= format_datetime e[:datetime] %></td>
+        <td><%= e[:method] %></td>
+        <td><%= link_to_path(e) %></td>
+        <td><%= e[:format] %></td>
+        <td><%= status_tag e[:status] %></td>
+        <td><%= ms e[:duration] %></td>
+        <td><%= ms e[:view_runtime] %></td>
+        <td><%= ms e[:db_runtime] %></td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>

data/app/views/rails_performance/crashes.html.erb

@@ -4,22 +4,22 @@
     <table class="table is-fullwidth is-hoverable is-narrow">
       <thead>
         <tr>
-          <th>Datetime</th>
-          <th>Controller#Action</th>
-          <th>Method</th>
-          <th>Format</th>
-          <th>Path</th>
-          <th>Status</th>
-          <th>Duration</th>
-          <th>Views</th>
-          <th>DB</th>
+          <th data-sort="string">Datetime</th>
+          <th data-sort="string">Controller#Action</th>
+          <th data-sort="string">Method</th>
+          <th data-sort="string">Format</th>
+          <th data-sort="string">Path</th>
+          <th data-sort="string">Status</th>
+          <th data-sort="float">Duration</th>
+          <th data-sort="float">Views</th>
+          <th data-sort="float">DB</th>
         </tr>
       </thead>
       <tbody>
         <% @data.each do |e| %>
           <tr>
             <td><%= format_datetime e[:datetime] %></td>
-            <td><%= e[:controller] + '#' + e[:action] %></td>
+            <td><%= link_to e[:controller] + '#' + e[:action], rails_performance.rails_performance_summary_path({controller_eq: e[:controller], action_eq: e[:action]}), remote: true %></td>
             <td><%= e[:method] %></td>
             <td><%= e[:format] %></td>
             <td><%= link_to_path(e) %></td>

data/app/views/rails_performance/recent.html.erb

@@ -6,22 +6,22 @@
     <table class="table is-fullwidth is-hoverable is-narrow">
       <thead>
         <tr>
-          <th>Datetime</th>
-          <th>Controller#Action</th>
-          <th>Method</th>
-          <th>Format</th>
-          <th>Path</th>
-          <th>Status</th>
-          <th>Duration</th>
-          <th>Views</th>
-          <th>DB</th>
+          <th data-sort="string">Datetime</th>
+          <th data-sort="string">Controller#action</th>
+          <th data-sort="string">Method</th>
+          <th data-sort="string">Format</th>
+          <th data-sort="string">Path</th>
+          <th data-sort="string">Status</th>
+          <th data-sort="float">Duration</th>
+          <th data-sort="float">Views</th>
+          <th data-sort="float">DB</th>
         </tr>
       </thead>
       <tbody>
         <% @data.each do |e| %>
           <tr>
             <td><%= format_datetime e[:datetime] %></td>
-            <td><%= e[:controller] + '#' + e[:action] %></td>
+            <td><%= link_to e[:controller] + '#' + e[:action], rails_performance.rails_performance_summary_path({controller_eq: e[:controller], action_eq: e[:action]}), remote: true %></td>
             <td><%= e[:method] %></td>
             <td><%= e[:format] %></td>
             <td><%= link_to_path(e) %></td>

data/app/views/rails_performance/requests.html.erb

@@ -9,15 +9,15 @@
           <th colspan='3'>Slowest</th>
         </tr>
         <tr>
-          <th>Controller#Action</th>
-          <th>Format</th>
-          <th>Requests</th>
-          <th>Duration</th>
-          <th>Views</th>
-          <th>DB</th>
-          <th>Duration</th>
-          <th>Views</th>
-          <th>DB</th>
+          <th data-sort="string">Controller#action</th>
+          <th data-sort="string">Format</th>
+          <th data-sort="int">Requests</th>
+          <th data-sort="float">Duration</th>
+          <th data-sort="float">Views</th>
+          <th data-sort="float">DB</th>
+          <th data-sort="float">Duration</th>
+          <th data-sort="float">Views</th>
+          <th data-sort="float">DB</th>
         </tr>
       </thead>
       <tbody>
@@ -25,13 +25,8 @@
           <% groups = e[:group].split("|") %>
           <% c, a = groups[0].split("#") %>
           <tr>
-            <td>
-              <%= statistics_link groups[0], @report, e[:group] %>
-              <%= link_to rails_performance.rails_performance_breakdown_path(controller_eq: c, action_eq: a), class: 'stats_icon', target: '_blank' do %>
-                <%= icon("stat") %>
-              <% end %>
-            </td>
-            <td><%= statistics_link groups[1]&.upcase, @report, e[:group] %></td>
+            <td><%= link_to groups[0],  rails_performance.rails_performance_summary_path({controller_eq: c, action_eq: a}), remote: true %></td>
+            <td><%= link_to groups[1]&.upcase,  rails_performance.rails_performance_summary_path({controller_eq: c, action_eq: a, format_eq: groups[1]}), remote: true %></td>
             <td><%= e[:count] %></td>
             <td><%= ms e[:duration_average] %></td>
             <td><%= ms e[:view_runtime_average] %></td>

data/app/views/rails_performance/summary.js.erb

@@ -0,0 +1,10 @@
+window.panel.header.html(window.panel.close + '<%= j report_name(@datasource.q) %>');
+window.panel.content.html("<%= j render '/rails_performance/summary' %>");
+
+var data1 = <%= raw @throughput_report_data.to_json %>;
+showTIRChart('throughput_report_chart_mini', data1);
+
+var data2 = <%= raw @response_time_report_data.to_json %>;
+showRTChart('response_time_report_chart_mini', data2);
+
+showPanel();

data/app/views/shared/_header.html.erb

@@ -14,11 +14,10 @@
 
   <div id="navbarBasicExample" class="navbar-menu">
     <div class="navbar-start">
-      <%= link_to 'Dahboard', rails_performance.rails_performance_url, class: "navbar-item #{active?(:dashboard)}" %>
-      <%= link_to 'Requests', rails_performance.rails_performance_requests_url, class: "navbar-item #{active?(:requests)}" %>
+      <%= link_to 'Dashboard', rails_performance.rails_performance_url, class: "navbar-item #{active?(:dashboard)}" %>
+      <%= link_to 'Requests Analysis', rails_performance.rails_performance_requests_url, class: "navbar-item #{active?(:requests)}" %>
       <%= link_to '500 Errors', rails_performance.rails_performance_crashes_url, class: "navbar-item #{active?(:crashes)}" %>
       <%= link_to 'Recent Requests', rails_performance.rails_performance_recent_url, class: "navbar-item #{active?(:recent)}" %>
-      <a href='#' class="navbar-item" onclick="javascript: showPanel(); return false;">Toggle</a>
     </div>
 
     <div class="navbar-end">

data/app/views/stylesheets/panel.css

@@ -12,7 +12,13 @@
   display: none;
 }
 
+.panel-close {
+  color: red;
+  padding-right: 10px;
+}
+
 .cd-panel {
+  position: relative;
   visibility: hidden;
   transition: visibility 0s 0.6s;
 }
@@ -25,11 +31,11 @@
 .cd-panel__container {
   z-index: 100;
   position: fixed;
-  width: 30%;
-  max-width: 500px;
+  width: 800px;
   height: 100%;
   top: 0;
   transition: transform 0.3s 0s;
+  overflow: scroll;
 }
 
 .cd-panel--from-right .cd-panel__container {

data/app/views/stylesheets/style.css

@@ -12,6 +12,10 @@
   height: 255px;
 }
 
+.chart_mini {
+  height: 150px;
+  width: 720px;
+}
 
 .logo h2 {
   text-transform: uppercase;
@@ -24,3 +28,8 @@
 .navbar-item.is-active {
   border-bottom: 1px solid red;
 }
+
+
+table th[data-sort] {
+  cursor: pointer;
+}

data/config/routes.rb

@@ -1,10 +1,11 @@
 RailsPerformance::Engine.routes.draw do
   get '/'          => 'rails_performance#index', as: :rails_performance
-  get '/breakdown' => 'rails_performance#breakdown', as: :rails_performance_breakdown
 
   get '/requests'  => 'rails_performance#requests', as: :rails_performance_requests
   get '/crashes'   => 'rails_performance#crashes', as: :rails_performance_crashes
   get '/recent'    => 'rails_performance#recent', as: :rails_performance_recent
+
+  get '/summary'    => 'rails_performance#summary', as: :rails_performance_summary
 end
 
 Rails.application.routes.draw do

data/lib/rails_performance/reports/breakdown_report.rb

@@ -15,7 +15,7 @@ module RailsPerformance
             status: record.status,
             method: record.method,
             path: record.path,
-            datetime: Time.parse(record.datetime),
+            datetime: Time.at(record.datetimei.to_i),
             duration: record.value['duration'],
             db_runtime: record.value['db_runtime'],
             view_runtime: record.value['view_runtime'],

data/lib/rails_performance/version.rb

@@ -1,3 +1,3 @@
 module RailsPerformance
-  VERSION = '0.0.1.11'
+  VERSION = '0.0.1.12'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rails_performance
 version: !ruby/object:Gem::Version
-  version: 0.0.1.11
+  version: 0.0.1.12
 platform: ruby
 authors:
 - Igor Kasyanchuk
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-02-08 00:00:00.000000000 Z
+date: 2020-02-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -91,7 +91,12 @@ files:
 - README.md
 - Rakefile
 - app/assets/config/rails_performance_manifest.js
+- app/assets/images/activity.svg
+- app/assets/images/close.svg
+- app/assets/images/export.svg
 - app/assets/images/home.svg
+- app/assets/images/import.svg
+- app/assets/images/menu.svg
 - app/assets/images/stat.svg
 - app/controllers/rails_performance_controller.rb
 - app/helpers/rails_performance_helper.rb
@@ -99,13 +104,17 @@ files:
 - app/views/javascripts/app.js
 - app/views/javascripts/jquery-3.4.1.min.js
 - app/views/javascripts/panel.js
+- app/views/javascripts/rails.js
+- app/views/javascripts/stupidtable.min.js
+- app/views/javascripts/table.js
 - app/views/layouts/rails_performance.html.erb
 - app/views/rails_performance/_panel.html.erb
-- app/views/rails_performance/breakdown.html.erb
+- app/views/rails_performance/_summary.html.erb
 - app/views/rails_performance/crashes.html.erb
 - app/views/rails_performance/index.html.erb
 - app/views/rails_performance/recent.html.erb
 - app/views/rails_performance/requests.html.erb
+- app/views/rails_performance/summary.js.erb
 - app/views/shared/_header.html.erb
 - app/views/stylesheets/_stylesheets.html.erb
 - app/views/stylesheets/bulma.min.css

data/app/views/rails_performance/breakdown.html.erb

@@ -1,37 +0,0 @@
-<title><%= @report.title %></title>
-
-<div class="card">
-  <div class="card-content">
-    <h2 class="subtitle"><%= @report.title %></h2>
-    <table class="table is-fullwidth is-hoverable is-narrow">
-      <thead>
-        <tr>
-          <th>Datetime</th>
-          <th>Controller#Action</th>
-          <th>Method</th>
-          <th>Path</th>
-          <th>Format</th>
-          <th>Status</th>
-          <th>Duration</th>
-          <th>Views</th>
-          <th>DB</th>
-        </tr>
-      </thead>
-      <tbody>
-        <% @data.each do |e| %>
-          <tr>
-            <td><%= l e[:datetime], format: :short %></td>
-            <td><%= e[:controller] + '#' + e[:action]  %></td>
-            <td><%= e[:method] %></td>
-            <td><%= link_to_path(e) %></td>
-            <td><%= e[:format] %></td>
-            <td><%= status_tag e[:status] %></td>
-            <td><%= ms e[:duration] %></td>
-            <td><%= ms e[:view_runtime] %></td>
-            <td><%= ms e[:db_runtime] %></td>
-          </tr>
-        <% end %>
-      </tbody>
-    </table>
-  </div>
-</div>