Skip to content

Instantly share code, notes, and snippets.

@wlach

wlach/perf.html

Created October 23, 2014 22:47
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 wlach/d161372511d078675435 to your computer and use it in GitHub Desktop.
Save wlach/d161372511d078675435 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
perf.html
<!DOCTYPE html>
<html ng-app="perf">
<head>
<title>Treeherder Graphs</title>
<!-- build:css css/help.min.css -->
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
<!-- endbuild -->
<link id="favicon" type="image/png" rel="shortcut icon" href="img/tree_open.png">
<style>
p + p {
margin: 30px 0 0 0;
}
.typeahead,
.tt-query,
.tt-hint {
width: 396px;
height: 30px;
padding: 8px 12px;
font-size: 24px;
line-height: 30px;
border: 2px solid #ccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
outline: none;
box-sizing: content-box;
}
.typeahead {
background-color: #fff;
}
.typeahead:focus {
border: 2px solid #0097cf;
}
.tt-query {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
color: #999
}
.tt-dropdown-menu {
width: 422px;
margin-top: 12px;
padding: 8px 0;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tt-suggestion {
padding: 3px 20px;
font-size: 18px;
line-height: 24px;
}
.tt-suggestion.tt-cursor {
color: #fff;
background-color: #0097cf;
}
.tt-suggestion p {
margin: 0;
}
#graph { width: 100%; height: 500px; }
</style>
</head>
<body id="graphs" ng-controller="PerfCtrl">
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Treeherder Graphs</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown">{{repoName}} <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li ng-repeat="repo in repos">
<a href="#?repo={{repo.name}}">{{repo.name}}</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<div class="container">
<div>
<input class="typeahead" type="text" placeholder="Enter test keywords (e.g. 'tp5o linux')">
</div>
<div id="graph">
</div>
</div>
<script src="vendor/jquery-2.0.3.js"></script>
<script src="vendor/angular/angular.js"></script>
<script src="vendor/angular/angular-route.js"></script>
<script src="vendor/angular/angular-resource.js"></script>
<script src="vendor/bootstrap.js"></script>
<script src="vendor/typeahead.bundle.js"></script>
<script src="vendor/jquery.flot.js"></script>
<script src="vendor/jquery.flot.time.js"></script>
<script src="js/perf.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment