better_errors 0.0.3 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of better_errors might be problematic. Click here for more details.
- data/README.md +6 -0
- data/lib/better_errors/templates/main.erb +66 -1
- data/lib/better_errors/version.rb +1 -1
- metadata +1 -1
data/README.md
CHANGED
@@ -25,6 +25,12 @@ Or install it yourself as:
|
|
25
25
|
|
26
26
|
$ gem install better_errors
|
27
27
|
|
28
|
+
If you would like to use Better Errors' **advanced features**, you need to install the `binding_of_caller` gem:
|
29
|
+
|
30
|
+
$ gem install binding_of_caller
|
31
|
+
|
32
|
+
This is an optional dependency however, and Better Errors will work without it.
|
33
|
+
|
28
34
|
## Usage
|
29
35
|
|
30
36
|
If you're using Rails, there's nothing else you need to do.
|
@@ -14,7 +14,7 @@
|
|
14
14
|
}
|
15
15
|
header {
|
16
16
|
padding:32px 32px;
|
17
|
-
border-bottom:1px solid #
|
17
|
+
border-bottom:1px solid #e64c38;
|
18
18
|
background-color: #ffe5e7;
|
19
19
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe5e7), to(#ffb2b8)); /* Safari 4+, Chrome */
|
20
20
|
background-image: -webkit-linear-gradient(top, #ffe5e7, #ffb2b8); /* Chrome 10+, Safari 5.1+, iOS 5+ */
|
@@ -41,6 +41,40 @@
|
|
41
41
|
header table th, header table td {
|
42
42
|
padding:4px 6px;
|
43
43
|
}
|
44
|
+
nav {
|
45
|
+
display:block;
|
46
|
+
padding:12px 12px;
|
47
|
+
border-bottom:1px solid #000000;
|
48
|
+
background-color: #444444;
|
49
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); /* Safari 4+, Chrome */
|
50
|
+
background-image: -webkit-linear-gradient(top, #444444, #222222); /* Chrome 10+, Safari 5.1+, iOS 5+ */
|
51
|
+
background-image: -moz-linear-gradient(top, #444444, #222222); /* Firefox 3.6-15 */
|
52
|
+
background-image: -o-linear-gradient(top, #444444, #222222); /* Opera 11.10-12.00 */
|
53
|
+
background-image: linear-gradient(to bottom, #444444, #222222); /* Firefox 16+, IE10, Opera 12.50+ */
|
54
|
+
}
|
55
|
+
nav a {
|
56
|
+
color:#ffffff;
|
57
|
+
text-decoration:none;
|
58
|
+
padding:4px 16px;
|
59
|
+
border-radius:16px;
|
60
|
+
}
|
61
|
+
nav a:hover {
|
62
|
+
background-color: #666666;
|
63
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#444444)); /* Safari 4+, Chrome */
|
64
|
+
background-image: -webkit-linear-gradient(top, #666666, #444444); /* Chrome 10+, Safari 5.1+, iOS 5+ */
|
65
|
+
background-image: -moz-linear-gradient(top, #666666, #444444); /* Firefox 3.6-15 */
|
66
|
+
background-image: -o-linear-gradient(top, #666666, #444444); /* Opera 11.10-12.00 */
|
67
|
+
background-image: linear-gradient(to bottom, #666666, #444444); /* Firefox 16+, IE10, Opera 12.50+ */
|
68
|
+
}
|
69
|
+
nav a.selected {
|
70
|
+
color:#000000;
|
71
|
+
background-color: #efefef;
|
72
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#cfcfcf)); /* Safari 4+, Chrome */
|
73
|
+
background-image: -webkit-linear-gradient(top, #efefef, #cfcfcf); /* Chrome 10+, Safari 5.1+, iOS 5+ */
|
74
|
+
background-image: -moz-linear-gradient(top, #efefef, #cfcfcf); /* Firefox 3.6-15 */
|
75
|
+
background-image: -o-linear-gradient(top, #efefef, #cfcfcf); /* Opera 11.10-12.00 */
|
76
|
+
background-image: linear-gradient(to bottom, #efefef, #cfcfcf); /* Firefox 16+, IE10, Opera 12.50+ */
|
77
|
+
}
|
44
78
|
.frames {
|
45
79
|
width:50%;
|
46
80
|
float:left;
|
@@ -183,6 +217,10 @@
|
|
183
217
|
<% end %>
|
184
218
|
</table>
|
185
219
|
</header>
|
220
|
+
<nav>
|
221
|
+
<a href="#" id="application_frames">Application Frames</a>
|
222
|
+
<a href="#" id="all_frames">All Frames</a>
|
223
|
+
</nav>
|
186
224
|
<section class="backtrace">
|
187
225
|
<ul class="frames">
|
188
226
|
<% backtrace_frames.each_with_index do |frame, index| %>
|
@@ -303,6 +341,33 @@
|
|
303
341
|
}
|
304
342
|
|
305
343
|
document.querySelector(".frames li:first-child").click();
|
344
|
+
|
345
|
+
var applicationFrames = document.getElementById("application_frames");
|
346
|
+
var allFrames = document.getElementById("all_frames");
|
347
|
+
|
348
|
+
applicationFrames.onclick = function() {
|
349
|
+
allFrames.className = "";
|
350
|
+
applicationFrames.className = "selected";
|
351
|
+
for(var i = 0; i < frames.length; i++) {
|
352
|
+
if(frames[i].attributes["data-context"].value == "application") {
|
353
|
+
frames[i].style.display = "block";
|
354
|
+
} else {
|
355
|
+
frames[i].style.display = "none";
|
356
|
+
}
|
357
|
+
}
|
358
|
+
return false;
|
359
|
+
};
|
360
|
+
|
361
|
+
allFrames.onclick = function() {
|
362
|
+
applicationFrames.className = "";
|
363
|
+
allFrames.className = "selected";
|
364
|
+
for(var i = 0; i < frames.length; i++) {
|
365
|
+
frames[i].style.display = "block";
|
366
|
+
}
|
367
|
+
return false;
|
368
|
+
};
|
369
|
+
|
370
|
+
applicationFrames.click();
|
306
371
|
})();
|
307
372
|
</script>
|
308
373
|
</html>
|