Skip to content

Commit

Permalink
Modifying results layout
Browse files Browse the repository at this point in the history
  • Loading branch information
@miglesiasEB
miglesiasEB committed Nov 26, 2014
1 parent 7631634 commit 53209bd
Showing 1 changed file with 77 additions and 62 deletions.
139 changes: 77 additions & 62 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,57 +8,64 @@
<body data-spy="scroll" data-target=".nav-graph">

<div class="container">
<nav class="navbar navbar-default" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a class="navbar-brand" href="#">Grunt WebPageTest</a>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a class="navbar-brand" href="#">Grunt WebPageTest</a>
</div>
<div class="pull-right" style="padding-top: 5px;">
<ul class="nav nav-pills">
<li><a href="#responseTime">Response Time</a></li>
<li><a href="#contentsSize">Contents Size</a></li>
<li><a href="#contentsRequests">Contents Requests</a></li>
</ul>
</div>
</div>
</nav>
</div>

<div id="app" class="container">
<div class="row">
<div class="col-md-2 sidebar" >
<div data-spy="affix" data-offset-top="60" class="nav-graph">
<h2>Location</h2>
<select id="locations" class="form-control" v-model="location" >
<option v-repeat="locations" value="{{$key}}" >{{$value}}</option>
</select>

<h2>URL</h2>
<select id="urls" class="form-control" v-model="url" >
<option v-repeat="urls" value="{{$key}}" >{{$key}}</option>
</select>

<h2>Results</h2>
<ul class="nav nav-pills nav-stacked">
<li><a href="#responseTime">Response Time</a></li>
<li><a href="#contentsSize">Contents Size</a></li>
<li><a href="#contentsRequests">Contents Requests</a></li>
</ul>
</div>
<div class="col-md-8">
<h2>URL</h2>
<select id="urls" class="form-control" v-model="url" >
<option v-repeat="urls" value="{{$key}}" >{{$key}}</option>
</select>
</div>
<div class="col-md-10">

<div class="col-md-4">
<h2>Location</h2>
<select id="locations" class="form-control" v-model="location" >
<option v-repeat="locations" value="{{$key}}" >{{$value}}</option>
</select>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2 id="responseTime" >Response Time</h2>
<h3>FirstView</h3>
<h4>Average</h4>
<div id="firstAverage" class="graphs"></div>
<div id="firstAverageLegend" class="legend"></div>

<h4>Median</h4>
<div id="firstMedian" class="graphs"></div>
<div id="firstMedianLegend" class="legend"></div>

<h3>RepeatView</h3>
<h4>Average</h4>
<div id="repeatAverage" class="graphs"></div>
<div id="repeatAverageLegend" class="legend"></div>

<h4>Median</h4>
<div id="repeatMedian" class="graphs"></div>
<div id="repeatMedianLegend" class="legend"></div>

<div class="col-md-6">
<h3>FirstView</h3>
<h4>Average</h4>
<div id="firstAverage" class="graphs"></div>
<div id="firstAverageLegend" class="legend"></div>

<h4>Median</h4>
<div id="firstMedian" class="graphs"></div>
<div id="firstMedianLegend" class="legend"></div>
</div>
<div class="col-md-6">
<h3>RepeatView</h3>
<h4>Average</h4>
<div id="repeatAverage" class="graphs"></div>
<div id="repeatAverageLegend" class="legend"></div>

<h4>Median</h4>
<div id="repeatMedian" class="graphs"></div>
<div id="repeatMedianLegend" class="legend"></div>
</div>
</div>
<div class="col-md-12">
<h3>Detail</h3>
<h4>Average</h4>
<table class="table table-striped table-bordered">
Expand Down Expand Up @@ -107,17 +114,21 @@ <h4>Median</h4>
</tr>
</tbody>
</table>


</div>
<div class="col-md-12">
<h2 id="contentsSize" >Contents Size</h2>
<h3>FirstView</h3>
<div id="firstContentsSize" class="graphs"></div>
<div id="firstContentsSizeLegend" class="legend"></div>

<h3>RepeatView</h3>
<div id="repeatContentsSize" class="graphs"></div>
<div id="repeatContentsSizeLegend" class="legend"></div>

<div class="col-md-6">
<h3>FirstView</h3>
<div id="firstContentsSize" class="graphs"></div>
<div id="firstContentsSizeLegend" class="legend"></div>
</div>
<div class="col-md-6">
<h3>RepeatView</h3>
<div id="repeatContentsSize" class="graphs"></div>
<div id="repeatContentsSizeLegend" class="legend"></div>
</div>
</div>
<div class="col-md-12">
<h3>Detail</h3>
<table class="table table-striped table-bordered">
<thead>
Expand Down Expand Up @@ -145,16 +156,21 @@ <h3>Detail</h3>
</tr>
</tbody>
</table>

</div>
<div class="col-md-12">
<h2 id="contentsRequests" >Contents Requests</h2>
<h3>FirstView</h3>
<div id="firstContentsRequests" class="graphs"></div>
<div id="firstContentsRequestsLegend" class="legend"></div>

<h3>RepeatView</h3>
<div id="repeatContentsRequests" class="graphs"></div>
<div id="repeatContentsRequestsLegend" class="legend"></div>

<div class="col-md-6">
<h3>FirstView</h3>
<div id="firstContentsRequests" class="graphs"></div>
<div id="firstContentsRequestsLegend" class="legend"></div>
</div>
<div class="col-md-6">
<h3>RepeatView</h3>
<div id="repeatContentsRequests" class="graphs"></div>
<div id="repeatContentsRequestsLegend" class="legend"></div>
</div>
</div>
<div class="col-md-12">
<h3>Detail</h3>
<table class="table table-striped table-bordered">
<thead>
Expand Down Expand Up @@ -182,7 +198,6 @@ <h3>Detail</h3>
</tr>
</tbody>
</table>

</div>
</div>
</div>
Expand Down

0 comments on commit 53209bd

Please sign in to comment.