Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Tree: f6bc56144b
Fetching contributors…

Cannot retrieve contributors at this time

226 lines (212 sloc) 6.609 kB
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Frenzy Bunnies Dashboard</title>
<link href="/css/bootstrap.min.css" rel="stylesheet">
<style type="text/css" media="all">
body{
padding-top: 40px;
height:100%;
}
h1{
margin-top: 1.5em;
}
.prop-label, .job-detail .prop-value{
color: #a8a8a8;
}
#job-list .job{
width: 45em;
clear:both;
}
.job-detail{
float: left;
}
.job-detail .name, .job-results .prop-value{
font-size: 2em;
}
.job-results{
float:right;
text-align: center;
}
.job-results > div {
margin-left: 1em;
}
.job-results .prop-label, .job-detail .time{
color: #a8a8a8;
}
.job-failed, .job-passed{
display:inline-block;
}
.job-failed .prop-value{
color: red;
}
.job-passed .prop-value{
color: green;
}
#heap-usage-detail{
list-style: none;
padding: 0;
display: block;
overflow: auto;
margin: 2em 10px 0 0;
}
#heap-usage-detail li {
margin-top: 2em;
float: left;
text-align: center;
}
#heap-usage-detail .prop-value{
font-size: 2em;
margin:1em;
padding: 0.5em;
}
#heap-usage-detail .prop-label{
margin-top: 2em;
color: #a8a8a8;
}
#heap-usage-detail{
clear:both;
}
.sub-h3{
margin-top: -1.5em;
margin-bottom: 1.5em;
}
.thread-name{
font-size: 1.5em;
text-overflow: ellipsis;
width: 200px;
white-space: nowrap;
overflow: hidden;
}
.thread-name .state{
font-size:0.5em;
}
.state.NEW{
background-color: #ddd
}
.state.RUNNABLE{
background-color:#468847;
}
.state.BLOCKED{
background-color:#000;
}
.state.WAITING{
}
.state.TIMED_WAITING{
}
.state.TERMINATED{
background-color: red;
}
</style>
<script id="tmpl-job" type="text/template">
<div class="job-detail">
<h3><%= name %></h3>
<div class="sub-h3">
<span class="prop-label">Up for</span>
<span class="prop-value"><%= jQuery.timeago(new Date(stats.since*1000)) %></span>
</div>
</div>
<div class="job-results">
<div class="job-failed">
<h3 class="prop-value"><%= stats.failed %></h3>
<div class="prop-label sub-h3">Failed</div>
</div>
<div class="job-passed">
<h3 class="prop-value"><%= stats.passed %></h3>
<div class="prop-label sub-h3">Passed</div>
</div>
</div>
</script>
<script id="tmpl-health" type="text/template">
<h1>Health</h1>
<h3>JVM</h3>
<div class="prop-label sub-h3">Up for <%= jQuery.timeago(new Date() - new Date(jvm_uptime_ms)) %></div>
<article id="heap-usage">
<ul id="heap-usage-detail">
<li>
<span class="prop-value label label-warning"><%= heap_usage_used_bytes %></span>
<div class="prop-label">Used<div>
</li>
<li>
<span class="prop-value label label-success"><%= heap_usage_committed_bytes %></span>
<div class="prop-label">Committed</div>
</li>
<li>
<span class="prop-value label label-inverse"><%= heap_usage_max_bytes %></span>
<div class="prop-label">Max<div>
</li>
</ul>
</article>
<article id="jvm-updtime">
</article>
<h3>Threads</h3>
<div class="prop-label sub-h3"><%= threads.length %> thread(s) running</div>
<article id="threads">
<% _.each(threads, function(thread) { %>
<div class="thread">
<div class="thread-name span4" title="<%= thread.name %>">
<%= thread.name %><br/>
<span class="label state <%=thread.state%>"><%= thread.state %></span>
</div>
<div class="thread-stack span8">
<% _.each(thread.stack_trace, function(fragment, i) { %>
<% fragment_el = ellipsis(fragment, 80); %>
<% if(i < 2) { %>
<div class="thread-stack-fragment" title="<%= fragment %>">
<%= fragment_el %>
</div>
<% } else if(i == 2) { %>
<div class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" title="<%= fragment %>"><%= fragment_el %> <b class="caret"></b></a>
<ul class="dropdown-menu">
<% } else if ( i < thread.stack_trace.length-1 ) { %>
<li><a href="#" title="<%= fragment %>"><%= fragment_el %></a></li>
<% } else { %>
</ul></div>
<% } %>
<% }); %>&nbsp;
</div>
</div>
<% }); %>
</article>
</script>
</head>
<link rel="" href="" title="" type="" />
<body data-spy="scroll" data-offset="40">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="#">Frenzy<img src="/img/bunny16.png" class="icon"/>Bunnies</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="#jobs-s">Jobs</a></li>
<li><a href="#health-s">Health</a></li>
</ul>
</div>
</div>
</div>
</div>
<section id="jobs-s">
<div class="container">
<div class="row span12" id="jobs">
<h1>Jobs</h1>
<div id="job-list"></div>
</div>
</div>
</section>
<section id="health-s">
<div class="container">
<div class="row span12" id="health">
</div>
</div>
</section>
</div> <!-- /container -->
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/jquery.filesize.js"></script>
<script type="text/javascript" src="js/jquery.timeago.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/underscore-min.js"></script>
<script type="text/javascript" src="js/backbone-min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.