Instantly share code, notes, and snippets.

Embed
What would you like to do?
<% environments_to_check = ['staging', 'production' ] %>
<script type="text/javascript">
var Hoptoad = {
host : <%= host.to_json %>,
api_key : <%= api_key.to_json %>,
notice : <%= notice.to_json %>,
checkEnvironment : function(environment) {
this.notice['environment_name'] = environment;
var data = [];
for (var key in this.notice) {
data[data.length] = 'notice[' + key + ']=' + this.notice[key];
}
data[data.length] = 'notice[api_key]=' + this.api_key;
data[data.length] = 'callback=Hoptoad.onSuccess_'+environment;
data[data.length] = '_=' + (new Date()).getTime();
var head = document.getElementsByTagName('head')[0];
var done = false;
var
script = document.createElement('script');
script.src = 'http://' + this.host + '/notices_api/v1/notices/exist?' +
data.join('&');
script.type = 'text/javascript';
script.onload = script.onreadystatechange = function(){
if (!done && (!this.readyState ||
this.readyState == 'loaded' || this.readyState == 'complete')) {
done = true;
// Handle memory leak in IE. (via jQuery)
script.onload = script.onreadystatechange = null;
head.removeChild(script);
}
};
head.appendChild(script);
},
initialize: function() {
<% environments_to_check.each do |environment| %>
Hoptoad.checkEnvironment("<%=environment%>");
<% end %>
},
<% environments_to_check.each do |environment| %>
onSuccess_<%=environment%>: function(error) {
Hoptoad.onSuccess(error,"<%=environment%>")
},
<% end %>
onSuccess: function(error,environment) {
var body = document.getElementsByTagName('body')[0];
var text = document.createTextNode("This error exists in "+environment+"!");
var element = document.createElement('a');
element.id = 'hoptoad';
element.href = 'http://' + error.subdomain + '.' + this.host +
'/projects/' + error.project_id + '/errors/' + error.id;
element.appendChild(text);
body.insertBefore(element, body.firstChild);
var h1 = document.getElementsByTagName('h1')[0];
var pre = document.getElementsByTagName('pre')[0];
var wrapper = document.createElement('div');
wrapper.id = 'wrapper';
wrapper.appendChild(h1);
wrapper.appendChild(pre);
body.insertBefore(wrapper, body.children[1]);
}
};
window.onload = function() {
Hoptoad.initialize.apply(Hoptoad);
};
</script>
<style type="text/css">
#hoptoad {
background: #FFF url(http://hoptoadapp.com/images/fell-off-the-toad.gif) no-repeat top right;
color: #F00;
padding: 45px 101px 45px 12px;
font-size: 14px;
font-weight: bold;
display: block;
float: right;
}
#wrapper {
padding-right: 360px;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment