Commit 76369e5cc67f27d1f5c96269f16cce604f2e8e71
1 parent
d69719a0
Exists in
master
and in
1 other branch
Hide large segments of external files in backtraces, centred around in-app files…
…. Expand external traces when clicking [...] button.
Showing
5 changed files
with
79 additions
and
11 deletions
Show diff stats
app/assets/javascripts/errbit.js
... | ... | @@ -95,4 +95,10 @@ $(function() { |
95 | 95 | } |
96 | 96 | |
97 | 97 | init(); |
98 | + | |
99 | + // Show external backtrace lines when clicking separator | |
100 | + $('td.backtrace_separator span').live('click', function(){ | |
101 | + $('tr.hidden_external_backtrace').removeClass('hidden_external_backtrace'); | |
102 | + $('td.backtrace_separator').hide(); | |
103 | + }); | |
98 | 104 | }); | ... | ... |
app/assets/stylesheets/errbit.css
... | ... | @@ -762,6 +762,26 @@ table.backtrace td.line.in-app { |
762 | 762 | table.backtrace td.line.in-app .file { color: #2AEB2E; } |
763 | 763 | table.backtrace td.line.in-app .method { color: #2ACB2E; } |
764 | 764 | |
765 | +/* External backtrace classes and separators */ | |
766 | +table.backtrace tr.hidden_external_backtrace { | |
767 | + display: none; | |
768 | +} | |
769 | +table.backtrace td.backtrace_separator span { | |
770 | + cursor: pointer; | |
771 | + display: inline-block; | |
772 | + font-size: 17px; | |
773 | + font-weight: bold; | |
774 | + padding: 0px 11px 5px; | |
775 | + margin: 4px 0; | |
776 | + background-color: #444444; | |
777 | + border: 1px solid #555555; | |
778 | +} | |
779 | +table.backtrace td.backtrace_separator span:hover { | |
780 | + background-color: #666666; | |
781 | + border: 1px solid #777777; | |
782 | +} | |
783 | + | |
784 | + | |
765 | 785 | |
766 | 786 | /* Extra empty rows at top and bottom of table */ |
767 | 787 | table.backtrace tr.padding th, table.backtrace tr.padding td { | ... | ... |
app/helpers/notices_helper.rb
... | ... | @@ -30,5 +30,38 @@ module NoticesHelper |
30 | 30 | href = app.issue_tracker.url_to_file(file_path, line['number']) |
31 | 31 | link_to(text || file_name, href, :target => '_blank') |
32 | 32 | end |
33 | + | |
34 | + # Group lines into sections of in-app files and external files | |
35 | + # (An implementation of Enumerable#chunk so we don't break 1.8.7 support.) | |
36 | + def grouped_lines(lines) | |
37 | + line_groups = [] | |
38 | + lines.each do |line| | |
39 | + in_app = Notice.in_app_backtrace_line?(line) | |
40 | + if line_groups.last && line_groups.last[0] == in_app | |
41 | + line_groups.last[1] << line | |
42 | + else | |
43 | + line_groups << [in_app, [line]] | |
44 | + end | |
45 | + end | |
46 | + line_groups | |
47 | + end | |
48 | + | |
49 | + def rows_for_line_segment(lines, start, length, row_class = nil) | |
50 | + html = "" | |
51 | + lines[start, length].each do |line| | |
52 | + html << render(:partial => "notices/backtrace_line", :locals => {:line => line, :row_class => row_class}) | |
53 | + end | |
54 | + html.html_safe | |
55 | + end | |
56 | + | |
57 | + def path_for_backtrace_line(line) | |
58 | + path = File.dirname(line['file']) | |
59 | + path == "." ? "" : path + '/' | |
60 | + end | |
61 | + | |
62 | + def file_for_backtrace_line(line) | |
63 | + file = File.basename(line['file']) | |
64 | + line['number'].present? ? "#{file}:#{line['number']}" : file | |
65 | + end | |
33 | 66 | end |
34 | 67 | ... | ... |
app/views/notices/_backtrace.html.haml
1 | 1 | .window |
2 | 2 | %table.backtrace |
3 | - - lines.each do |line| | |
4 | - - path = File.dirname(line['file']) | |
5 | - - path = path == "." ? "" : path + '/' | |
6 | - - file = File.basename(line['file']) | |
7 | - - file = "#{file}:#{line['number']}" unless line['number'].blank? | |
8 | - %tr | |
9 | - %td.line{:class => (Notice.in_app_backtrace_line?(line) ? 'in-app' : nil)} | |
10 | - %span.path>= path | |
11 | - %span.file= link_to_source_file(@app, line, file).html_safe | |
12 | - → | |
13 | - %span.method= line['method'] | |
3 | + -# Group lines into internal / external so we can toggle the external backtrace | |
4 | + -# Includes a margin of x lines that are not toggled. | |
5 | + - external_margin = 3 | |
6 | + - grouped_lines(lines).each do |in_app, line_group| | |
7 | + - if !in_app && line_group.size > 6 | |
8 | + = rows_for_line_segment(line_group, 0, external_margin) | |
9 | + = rows_for_line_segment(line_group, 2, line_group.size - (external_margin * 2), 'hidden_external_backtrace') | |
10 | + %tr | |
11 | + %td.line.backtrace_separator | |
12 | + %span ... | |
13 | + = rows_for_line_segment(line_group, external_margin * -1, external_margin) | |
14 | 14 | |
15 | + - else | |
16 | + - line_group.each do |line| | |
17 | + = render :partial => "notices/backtrace_line", :locals => {:line => line} | ... | ... |
... | ... | @@ -0,0 +1,6 @@ |
1 | +%tr{:class => defined?(row_class) ? row_class : nil} | |
2 | + %td.line{:class => (Notice.in_app_backtrace_line?(line) ? 'in-app' : nil)} | |
3 | + %span.path>= path_for_backtrace_line(line) | |
4 | + %span.file= link_to_source_file(@app, line, file_for_backtrace_line(line)).html_safe | |
5 | + → | |
6 | + %span.method= line['method'] | ... | ... |