mmtrix_rpm 1.0.0.1

data/ui/views/mmtrix/file/javascript/transaction_sample.js

@@ -0,0 +1,123 @@
+// This file is distributed under Mmtrix's license terms.
+// See https://github.com/mmtrix/rpm/blob/master/LICENSE for complete details.
+
+function show_request_params()
+{
+  $('#params_link').hide();
+  $('#request_params').show();
+}
+
+function show_view(page_id){
+  $('#show_sample_summary, #show_sample_sql, #show_sample_detail').hide();
+  $('#' + page_id).show();
+}
+
+function toggle_row_class(theLink)
+{
+  var image = $('img', theLink).first();
+  var visible = toggle_row_class_for_image(image);
+  image.attr('src', (visible ? EXPANDED_IMAGE : COLLAPSED_IMAGE));
+}
+
+function toggle_row_class_for_image(image)
+{
+  var clazz = image.attr('class_for_children');
+  var elements = $('#trace_detail_table').find('tr.' + clazz);
+  if (elements.size() == 0) return;
+  var visible = !elements.first().is(':visible');
+  show_or_hide_elements(elements, visible);
+  return visible;
+}
+
+function stack_trace_ids(unique_id) {
+  return {'show': 'show_rails_link' + unique_id, 'hide': 'hide_rails_link' + unique_id,
+          'app': 'application_stack_trace' + unique_id, 'full': 'full_stack_trace' + unique_id};
+}
+
+function show_rails(unique_id) {
+  traces = stack_trace_ids(unique_id);
+  $('#' + traces.full).show();
+  $('#' + traces.app).hide();
+  $('#' + traces.show).hide();
+  $('#' + traces.hide).show();
+}
+
+function hide_rails(unique_id) {
+  traces = stack_trace_ids(unique_id);
+  $('#' + traces.full).hide();
+  $('#' + traces.app).show();
+  $('#' + traces.show).show();
+  $('#' + traces.hide).hide();
+}
+
+function show_or_hide_class_elements(clazz, visible)
+{
+  var elements = $('#trace_detail_table').find('tr.' + clazz);
+  show_or_hide_elements(elements, visible);
+}
+
+function show_or_hide_elements(elements, visible)
+{
+  if(visible) {
+    elements.show();
+  } else {
+    elements.hide();
+  }
+}
+
+function mouse_over_row(element)
+{
+  clazz = $(element).attr('child_row_class')
+  $(element).css('cssText', 'background-color: lightyellow');
+}
+
+var g_style_element;
+function get_cleared_highlight_styles()
+{
+  if (!g_style_element)
+  {
+    $('head', document).first().append('<style id="highlight_styles" />');
+    g_style_element = $('#highlight_styles');
+  }
+  else {
+    g_style_element.empty();
+  }
+  return g_style_element;
+}
+
+function mouse_out_row(element)
+{
+  $(element).css('cssText', '')
+}
+
+function get_parent_segments()
+{
+  return $('#trace_detail_table').find('img.parent_segment_image');
+}
+
+function expand_or_contract_segments(expand_or_contract) {
+  var parent_segments = get_parent_segments();
+  parent_segments.attr('src', (expand_or_contract ? EXPANDED_IMAGE : COLLAPSED_IMAGE))
+  parent_segments.each(function (index, element) {
+    show_or_hide_class_elements($(element).attr('class_for_children'), expand_or_contract);
+  });
+}
+
+function expand_all_segments()
+{
+  expand_or_contract_segments(true);
+}
+
+function collapse_all_segments()
+{
+  expand_or_contract_segments(false);
+}
+
+function jump_to_metric(metric_name)
+{
+  highlight($('tr.' + metric_name, '#trace_detail_table'))
+  expand_all_segments();
+}
+function highlight(elements) {
+  elements.css('background-color', 'lightyellow');
+}

data/ui/views/mmtrix/file/stylesheets/style.css

@@ -0,0 +1,490 @@
+
+
+/*
+Originally based on the theme credited below.
+Tweaks by Lew Cirne and Victoria Wesson for Mmtrix
+
+Theme Name: Simpla
+Theme URI: http://ifelse.co.uk/simpla/
+Description: A clean, minimalist theme
+Version: 1.01
+Author: Phu Ly
+Author URI: http://ifelse.co.uk/
+*/
+
+/*****************************
+ * Profile
+ *****************************/
+
+table.profile {
+    border-collapse: collapse;
+    border: 1px solid #CCC;
+    font-size: 9pt;
+    line-height: normal;
+    padding: 0.3em;
+	width: 100%;
+}
+
+table.profile th {
+    text-align: left;
+    border-top: 1px solid #aaaaaa;
+    border-bottom: 1px solid #aaaaaa;
+    background: #dddddd;
+    border-left: 1px solid silver;
+}
+
+table.profile tr.break td {
+    border: 0;
+    border-top: 1px solid #aaaaaa;
+    border-bottom: 1px solid #aaaaaa;
+    padding: 4px;
+    margin: 0;
+}
+
+table.profile tr.method td {
+    font-weight: bold;
+}
+
+
+table.profile td:first-child {
+    width: 190px;
+}
+
+table.profile td
+{
+	border-left: 1px solid #CCC;
+    text-align: left;
+	vertical-align: top;
+}
+
+table.profile .method_name {
+    text-align: left;
+}
+
+
+
+/*************************************
++Containers
+*************************************/
+body{
+	color:#333;
+	min-width: 1004px;
+	font-family: "Lucida Grande","Lucida Sans Unicode", Verdana, Tahoma, Arial, Helvetica, sans-serif;
+	font-size:12px;
+	margin:0;
+	padding:0;
+	text-align:center;
+}
+#wrap{
+	margin:0 auto;
+	text-align:left;
+	width:76em;
+}
+#content{
+	width: 984px;
+	margin: 10px auto;
+	text-align:left;
+}
+#header{
+	padding: 0px;
+}
+#footer
+{
+	color:#888;
+	clear:both;
+	font-size:smaller;
+	padding-top: 15px;
+	text-align: left;
+}
+#footer p
+{
+	margin-left: 15px;
+	margin-top: 10px;
+}
+
+/*************************************
+Navigation Bar (horizontal at top)
+*************************************/
+#navbar{
+	color:#00A;
+	font-size:1.2em;
+}
+
+/*************************************
++Hn and p
+*************************************/
+h1, h2, h3, p
+{
+	color:#333333;
+}
+
+h1, h2, h3
+{
+	margin: 10px 0px 10px 0px;
+    font-weight: normal;
+	letter-spacing: 0px;
+}
+
+p
+{
+	margin: 7px 0px 7px 0px;
+}
+
+
+#header h1{
+	font-size:1.2em;
+	font-weight:normal;
+}
+#header h1 a{
+	color:#E87830;
+}
+#header h1 a:hover{
+	color:#CC0000;
+}
+#header p{
+	font-size:1.1em;
+	margin:0;
+	margin-top:-0.1em;
+	margin-bottom:0.3em;
+}
+#header table
+{
+	padding: 0px 0px 0px 0px;
+}
+
+/*************************************
++Misc
+*************************************/
+a:link, a:visited, a:active {
+	color:#116677;
+	text-decoration:none;
+}
+a:hover{
+	color:#0055aa;
+	text-decoration:underline;
+}
+img{
+	border-style:none;
+}
+var{
+	font-family: Courier;
+	font-style: normal;
+	font-size: 1.1em;
+}
+
+/* regular tables use thead instead of th.  th is only used by name/value table layouts */
+th
+{
+	padding: 5px 5px 5px 5px;
+	text-align: right;
+}
+th.left
+{
+	text-align: left;
+}
+th.title
+{
+	font-size: 1.2em;
+	text-align: left;
+	padding: 6px 5px 8px 5px;
+	color: #EEEEEE;
+}
+td.locals
+{
+	font-size: 0.9em;
+	text-align: left;
+    font-family: monospace;
+}
+
+/*************************************
++Mmtrix Specific - need to preserve
+*************************************/
+.light_background
+{
+	background-color: #FAFEFE;
+}
+div.flash, #errorExplanation
+{
+	margin: 8px 10px 8px 10px;
+	border: 2px;
+	border-style: solid;
+}
+
+div.flash
+{
+	padding: 10px 5px 10px 20px;
+}
+
+#errorExplanation
+{
+	padding: 5px 5px 5px 20px;
+	color: #bb0011;
+}
+
+div.flash.error
+{
+	border-color: #bb0011;
+	color: #bb0011;
+}
+
+div.flash.notice
+{
+	border-color: #eeaa33;
+	color: #eeaa33;
+}
+
+#metricsummary{
+	background:#ddd;
+	border-top:1px solid #777;
+	clear:both;
+	font-size:0.9em;
+	padding:0.5em;
+}
+
+.application_title
+{
+	font-size: larger;
+}
+
+#navlist
+{
+	font-size: smaller;
+	margin: 0px;
+	padding: 0px 10px 15px 0px;
+	white-space: nowrap;
+	color: #333333;
+}
+
+#navlist li
+{
+	display: inline;
+	list-style-type: none;
+	padding: 0px 0px 0px 20px;
+	font-size: 12px;
+	color: #333333;
+}
+
+#navlist li a
+{
+	color: #333333;
+}
+
+#secondary_nav
+{
+	margin: 0px;
+	padding: 5px 5px 5px 5px;
+}
+
+#secondary_nav li
+{
+	display: inline;
+	list-style-type: none;
+	padding: 0px 20px 0px 0px;
+	font-size: .9em;
+}
+
+#pie_chart_image
+{
+	margin:  15px 0px 15px 0px;
+}
+
+#reset_transactions, #reset_transactions a
+{
+    color:red;
+    text-align:right;
+}
+
+
+.transaction_list_table
+{
+	width: 600px;
+	margin-right: 15px;
+}
+.transaction_list_table thead a:visited
+{
+	color: white;
+}
+.transaction_list_table thead a
+{
+	color: white;
+	text-decoration: underline;
+}
+
+.segment_list_table thead a
+{
+        color: white;
+        text-decoration: underline;
+}
+
+.application_stack_trace, .full_stack_trace
+{
+	font-family: monospace;
+	margin-top: 10px;
+	margin-left: 20px;
+	max-width: 950px;
+	overflow: auto;
+}
+
+#summary_table
+{
+}
+
+.sql_statement
+{
+	width: 800px;
+	overflow: auto;
+}
+
+.plan
+{
+    font-family: monospace;
+    font-size: 0.8em;
+    white-space: pre;
+}
+#page_nav
+{
+	height: 42px;
+}
+
+#page_nav tr
+{
+	vertical-align: middle;
+}
+
+#page_nav td
+{
+	padding-left: 20px;
+	color:#333;
+	white-space: nowrap;
+}
+
+
+table
+{
+	font-size: 12px;
+	border-collapse: collapse;
+	border-spacing: 0px;
+	padding: 5px 5px 5px 5px;
+}
+
+
+thead
+{
+	text-align:left;
+	font-weight: normal;
+	line-height:100%;
+	background-color: #6688aa;
+	color: white;
+	padding: 5px 5px 5px 5px;
+}
+
+thead a, thead a:hover
+{
+    color: white;
+}
+
+tfoot
+{
+	background-color: #6688aa;
+	color: #333;
+}
+
+tfoot td
+{
+	font-size: smaller;
+	text-align:right;
+}
+
+td.title_bar_right
+{
+	text-align:right;
+	font-size: 11px;
+}
+
+
+
+td.top_nav
+{
+	text-align: right;
+	vertical-align: bottom;
+	padding: 0px 0px 0px 0px;
+}
+
+td.time_nav
+{
+	text-align: right;
+}
+
+td
+{
+	text-align: left;
+	padding: 5px 5px 5px 5px;
+}
+
+ul.tab_list {
+	list-style-type: none;
+	padding: 0;
+}
+
+ul.tab_list li {
+	padding-left: 1em;
+}
+.selected {
+	background: url(/mmtrix/image?file=arrow-close.png) no-repeat;
+}
+
+.expand {
+	background-image:url(/mmtrix/image?file=arrow-open.png);
+	width:16px;
+	background-position: top left;
+	padding-left: 20px;
+	background-repeat:no-repeat;
+	text-decoration: none;
+}
+
+.collapse {
+	background-image:url(/mmtrix/image?file=arrow-close.png);
+	text-decoration: none;
+	width:16px;
+	padding-left: 20px;
+	background-position: top left;
+	background-repeat:no-repeat;
+}
+
+
+.clock {
+	margin-bottom: -5px;
+}
+
+.selected_source_line {
+  background: #bdf
+}
+
+.scrolling_container {
+	overflow: auto;
+	padding-left: 5px;
+	max-height: 150px;
+   border: 1px solid #898989;
+}
+
+.odd_row {
+	background-color: #eeeeee;
+}
+
+.even_row {
+	background-color: #ffffff;
+}
+
+.leaf_segment
+{
+	padding-left: 20px;
+}
+
+.help
+{
+	padding: 10px 5px 5px 5px;
+}
+
+.help p
+{
+}

data/ui/views/mmtrix/index.rhtml

@@ -0,0 +1,70 @@
+<table>
+    <tr>
+		<td valign=top>
+        <table class="transaction_list_table">
+            <thead>
+                <tr>
+                    <td>
+                        <%= link_to_if (params[:h] ||params[:u]), 'Timestamp' %>
+                    </td>
+                    <td>
+                        <%= link_to_unless_current('Resp. Time', :h => 'y') %>
+                    </td>
+                    <td>
+                        <%= link_to_unless_current('URL', :u =>'y') %>
+                    </td>
+                    <td/>
+                </tr>
+                </thead><% @samples.each do |sample| %>
+                  <%= render :partial => :sample, :object => sample %>
+                <% end %>
+        </table>
+		</td>
+		<td valign=top>
+        <% if defined?(Rainbows) || defined?(Unicorn) || defined?(Passenger) %>
+        <div class="flash">
+        <p id="errorExplanation">
+          We've noticed you're running a forking web server, like Rainbows, Unicorn, or Passenger. See Below</p><p> Developer mode may be unpredictable,
+          since those servers run many processes and developer mode is entirely in the process.</p><p> We suggest you try Thin,
+          Mongrel, or another single-process web server for development mode.</p><p>
+          (You can ignore this message if you're sure that you're running only one process, and it's not being reaped when inactive.)
+        </p>
+        </div>
+        <% end %>
+
+        <%= link_to_if @samples.size > 0, "Clear Transactions (#{@samples.size})", 'reset' %><br/>
+        <%= link_to "List Threads", 'threads' %><br/>
+        <% if Mmtrix::Agent.config[:'profiling.available'] %>
+          <p><b>Profiling available:</b>
+          <% if Mmtrix::Rack::DeveloperMode.profiling_enabled? %>
+            <%= link_to "Stop Profiling", 'profile?stop=true'%>
+          <% else %>
+            <%= link_to "Start Profiling", 'profile?start=true' %>
+          <% end %>
+          </p>
+        <% else %>
+          <p>You can use the ruby-prof gem to display profiles of your actions with Developer Mode.  Just
+          install the ruby-prof gem and restart your app.</p>
+        <% end %>
+			<h3>Welcome</h3>
+			<p>
+			Welcome to <b>Mmtrix Developer Mode</b>.  This Rails extension traces the performance activity
+			of your 100 most recent controller actions in your rails application, and presents the performance
+			information for your analysis.
+			</p>
+			<p>
+			The url's of the most recent transactions are presented to the left, most-recent first.  Click
+			on any one of these to drill down and inspect its performance information.
+			</p>
+			<p>
+			The identical agent technology that provides this data is also capable of monitoring your application as it
+       runs in production.  For more information, visit <a href="http://www.mmtrix.com">http://www.mmtrix.com</a>.
+			</p>
+			<p>
+			Note, to increase the accuracy of our performance measurement, we automatically "strip out" any
+			time spent in application code loading, which will not happen when your application runs in
+			production mode.
+			</p>
+		</td>
+	</tr>
+</table>

data/ui/views/mmtrix/sample_not_found.rhtml

@@ -0,0 +1,2 @@
+<p>No sample found with this id.  Did you restart your application? </p>
+<%= link_to "Back", ''%>