puppetlabs/vmpooler
2
0
Fork 0
mirror of https://github.com/puppetlabs/vmpooler.git synced 2026-01-26 18:08:42 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

dashboard2

Browse source
This commit is contained in:
Scott Schneider 2015-06-12 16:12:15 -07:00 • committed by Scott Schneider
parent b6cb20ba9f
commit 5f787a3ca7
11 changed files with 881 additions and 907 deletions
Download patch file Download diff file Expand all files Collapse all files

64
lib/vmpooler/views/dashboard.erb
View file

@ -1,21 +1,63 @@
<!-- stats-vmpooler-running -->
<!-- header -->
<div class='label'>VMs running tests</div>
<div id='header'>
<div class='row'>
<div id='logo' class='col-md-2'><embed src='/img/logo.gif' style='max-width: 100%; max-height: 100%' /></div>
<div id='site-name' class='col-md-10'><%= site_name %></div>
<div id='stats-vmpooler-running' class='module'>
<div class='spinner'></div> Loading data...
<!-- dashboard-numbers -->
<div id='dashboard-numbers'></div>
</div>
</div>
<script src='/lib/stats-vmpooler-running.js'></script>
<!-- dashboard-running -->
<div class='row'>
<div class='col-md-10' style='padding-right: 10px'>
<div class='section_label'><b>VMS RUNNING TESTS</b> &nbsp; ( past hour )</div>
</div>
<div class='col-md-2'>
<div class='section_label'><b>LEGEND</b></div>
</div>
</div>
<div class='row'>
<div id='dashboard-running'></div>
</div>
<br />
<!-- stats-vmpooler-pool -->
<!-- dashboard-weekly -->
<div class='label'>individual pool capacity / fullness status</div>
<div id='stats-vmpooler-pool' class='module'>
<div class='spinner'></div> Loading data...
<div class='row'>
<div class='col-md-4' style='padding-right: 10px'>
<div class='section_label'><b>VMS CLONED</b> &nbsp; ( by day, past week )</div>
</div>
<div class='col-md-4' style='padding-right: 10px'>
<div class='section_label'><b>AVG CLONE / BOOT TIME</b> &nbsp; ( by day, past week )</div>
</div>
<div class='col-md-4'>
<div class='section_label'><b>PLATFORM USAGE COUNT</b> &nbsp; ( past week )</div>
</div>
</div>
<script src='/lib/stats-vmpooler-pool.js'></script>
<div class='row'>
<div id='dashboard-weekly' style='padding-left: 5px'></div>
</div>
<br />
<!-- dashboard-pool -->
<div class='row'>
<div class='col-md-12'>
<div class='section_label'><b>INDIVIDUAL POOL CAPACITY</b> &nbsp; ( "fullness" status, past hour )</div>
</div>
</div>
<div class='row'>
<div id='dashboard-pool'></div>
</div>
<script src='/lib/dashboard.js'></script>

44
lib/vmpooler/views/layout.erb
View file

@ -1,35 +1,47 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
<head>
<meta charset='utf-8'>
<link rel='stylesheet' type='text/css' href='/dashboard.css' />
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
<script type='text/javascript' src='http://d3js.org/d3.v3.min.js'></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src='https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js'></script>
<script src='https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js'></script>
<![endif]-->
<link rel='stylesheet' href='/bootstrap.min.css'>
<link rel='stylesheet' href='/vmpooler.css'>
<script type='text/javascript' src='/lib/jquery.min.js'></script>
<script type='text/javascript' src='/lib/bootstrap.min.js'></script>
<script type='text/javascript' src='/lib/d3.min.js'></script>
</head>
<body>
<div id='wrap'>
<div id='content'>
<div id='loading' style='position: absolute; top: 0px; height: 100%; width: 100%; background-color: #fff; z-index: 1;'>
<div id='logo' style='position: relative; top: 50%; transform: translateY(-50%);'>
<center>
<img src='/img/logo.gif' />
<div id='header'>
<embed src='/img/logo.gif' width='200px' height='150px' class='logo' />
<br />
<div class='text'><%= site_name %></div>
<div class='spinner'></div>
</center>
</div>
</div>
<div id='stats-vmpooler-numbers' class='module'></div>
<script src='/lib/stats-vmpooler-numbers.js'></script>
</div>
<div class='container-fluid'>
<%= yield %>
</div>
</div>
</div>
</body>