Skip to content

Instantly share code, notes, and snippets.

@chrismdp

chrismdp/cycle-metrics.html

Created March 1, 2010 21:51
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chrismdp/318854 to your computer and use it in GitHub Desktop.
Save chrismdp/318854 to your computer and use it in GitHub Desktop.
Download ZIP
to use, replace line 47 with your project list, and line 51 with your metrics host...
Raw
cycle-metrics.html
<html>
<head>
<script type='text/javascript' src='jquery-1.3.2.min.js'></script>
<script type='text/javascript' src='jquery.cycle.lite.1.0.min.js'></script>
<style>
body { margin: 0 }
li { width: 100% }
h1 {
position: absolute;
font-family: arial;
background: white;
top: 20px;
right: 30px;
font-size: 3em;
}
.arrows {
text-align:right;
padding-right: 20px;
}
.arrows a {
padding: 0 5px;
text-decoration:none;
}
.arrows a, h1 {
color: #ddd;
background: #333;
padding: 5px 15px;
}
#pages {
list-style:none;
margin:0;
padding:0;
width:100%;
}
</style>
</head>
<body style="margin:0">
<div class='arrows'>
<a href="#" id="prev">&lt;&lt;</a>
<a href="#" id="next">&gt;&gt;</a>
</div>
<ul id='pages'>
</ul>
<script>
setTimeout("location.reload(true);",900000);
var sites = ["project1", "project2", "project3"];
$.each(sites, function(i, project) {
$.each(["churn", "flay", "flog", "rcov", "reek", "roodi", "saikuro", "stats"], function(j, page) {
$("<iframe/>").
attr("src", "http://metrics.edendevelopment.co.uk/"+project+"/"+page+".html").
attr("frameborder", "0").
attr("width", "100%").
attr("height", "95%").
appendTo("#pages").
wrap("<li></li>").
before("<h1>"+project+"</h1>");
});
});
$('#pages').cycle({
timeout: 20000,
speed: 1000,
delay: 5000,
next: '#next',
prev: '#prev'});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment