Skip to content

Instantly share code, notes, and snippets.

@KrunchMuffin

KrunchMuffin/twbootstrap.htm

Created May 29, 2012 12:57
Show Gist options
  • Save KrunchMuffin/2828235 to your computer and use it in GitHub Desktop.
Save KrunchMuffin/2828235 to your computer and use it in GitHub Desktop.
Download ZIP
bootstrap help
Raw
twbootstrap.htm
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KPI Dashboard</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<!-- Le styles -->
<link href="../assets/css/jquery-ui-1.8.16.custom.css" rel="stylesheet">
<link href="../assets/css/bootstrap.css" rel="stylesheet">
<link href="../assets/css/reports.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link href="../assets/css/bootstrap-responsive.min.css" rel="stylesheet">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="index.cfm">KPI Dashboard</a>
<div class="btn-group pull-right">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<i class="icon-user"></i> Username
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="index.cfm?logout"><i class="icon-lock"></i> Sign Out</a></li>
</ul>
</div>
<div class="nav-collapse">
<ul class="nav">
<li ><a href="index.cfm">Home</a></li>
<li ><a href="finance.cfm">Finance</a></li>
<li ><a href="soon.cfm?currpage=hr&pagename=Human%20Resources">Human Resources</a></li>
<li class="active"><a href="inventorymgmt.cfm">Inventory Mgmt</a></li>
<li ><a href="soon.cfm?currpage=market&pagename=Marketing">Marketing</a></li>
<li ><a href="soon.cfm?currpage=dist&pagename=Distribution">Distribution</a></li>
<li ><a href="soon.cfm?currpage=sales&pagename=Sales%20%26%20Customer%20Service">Sales &amp; CS</a></li>
<li ><a href="soon.cfm?currpage=dev&pagename=Development%20%26%20IS">Dev. &amp; IS</a></li>
</ul>
<ul class="nav pull-right">
<li><a href="soon.cfm?currpage=qb&pagename=Query%20Builder">Query Builder</a></li>
<li class="divider-vertical"></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span2">
<div class="well sidebar-nav">
<ul class="nav nav-list">
<li class="nav-header">Inventory Data / Reports</li>
<li><a href="#db">Depreciated Books</a></li>
<li><a href="#fbsytd">Filled By Source (YTD)</a></li>
<li><a href="#fbspy">Filled By Source (Prev Year)</a></li>
<li><a href=""></a></li>
</ul>
</div>
</div>
<div class="span10">
<div class="row-fluid">
<div class="span12">
<h1>Inventory Data / Reports</h1>
</div>
</div>
<div class="row-fluid">
<div class="span6">
<div class="hidden" id="baal">For zzz, sum of Quantity * Lowest zzz Price.</div>
<a class="btn btn-info" href="inventorymgmt.cfm?export=book-assets-zzz"><i class="icon-list-alt icon-white"></i> Export</a>
<table class="table table-bordered table-condensed table-stripped">
<thead>
<tr>
<th colspan="3">
Book Assets @ Lowest zzz Price (May 24, 2012) <i class="icon-question-sign" data-title="Definition" rel="popover" data-info-div="baal"></i>
</th>
</tr>
<tr>
<th>Depreciation</th>
<th>Quantity (%)</th>
<th>Price (%)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Fully Depreciated</td>
<td>20,781 (6.76%)</td>
<td>$538,590.00 (4.42%)</td>
</tr>
<tr>
<td>&lt; 100%</td>
<td>286,413 (93.24%)</td>
<td>$11,650,162.00 (95.58%)</td>
</tr>
</tbody>
</table>
</div>
<div class="span6">
<!-- WebCharts3D v5.1(2077b) -->
<IMG SRC="http://placehold.it/300x240" id="Images_5174992350100167_PNG" name="Images_5174992350100167_PNG" usemap="#Images_5174992350100167_PNG_map" border="0"/>
<br>
<!-- WebCharts3D v5.1(2077b) -->
<IMG SRC="http://placehold.it/300x240" id="Images_5174992350100167_PNG" name="Images_5174992350100167_PNG" usemap="#Images_5174992350100167_PNG_map" border="0"/>
</div>
</div>
<div class="row-fluid">
<div class="span6">
<a class="btn btn-info" href="finance.cfm?export=inventory"><i class="icon-list-alt icon-white"></i> Export</a>
<table class="table table-condensed table-bordered table-stripped">
<thead>
<tr>
<th>&nbsp;</th>
<th>ccc Shelved Inventory</th>
<th>ccc Rented Inventory</th>
<th>ccc Shelved Inventory</th>
</tr>
</thead>
<tbody>
<tr>
<td>Total Books</td>
<td>129,426</td>
<td>170,449</td>
<td>339,589</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row-fluid">
<div class="span6">
<table class="table table-condensed table-bordered">
<thead>
<tr>
<th colspan="6"><h2>Filled By Source (April 2012)</h2></th>
</tr>
<tr>
<th>Process</th>
<th>Vendor</th>
<th colspan="2">Quantity <span class="label label-info">(%)</span></th>
<th colspan="2">Book Cost <span class="label label-info">(%)</span></th>
</tr>
</thead>
<tbody>
<tr>
<td>Auto</td>
<td>zzz</td>
<td>15,199</td>
<td><span class="label label-info">97.06%</span></td>
<td>$1,390,415.56</td>
<td><span class="label label-info">97.87%</span></td>
</tr>
<tr>
<td>Auto</td>
<td>zzz</td>
<td>461</td>
<td><span class="label label-info">2.94%</span></td>
<td>$30,286.49</td>
<td><span class="label label-info">2.13%</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row-fluid" id="fbsytd">
<div class="span6">
<a class="btn btn-info" href="inventorymgmt.cfm?export=FilledBySourceYTD"><i class="icon-list-alt icon-white"></i> Export</a>
<table class="table table-condensed table-bordered">
<thead>
<tr>
<th colspan="6"><h2>Filled By Source (YTD 2012)</h2></th>
</tr>
<tr>
<th>Process</th>
<th>Vendor</th>
<th colspan="2">Quantity <span class="label label-info">(%)</span></th>
<th colspan="2">Book Cost <span class="label label-info">(%)</span></th>
</tr>
</thead>
<tbody>
<tr>
<td><span>Auto</span></td>
<td>CBR</td>
<td>245,790</td>
<td><span class="label label-info">76.70%</span></td>
<td>$21,401,749.09</td>
<td><span class="label label-info">77.60%</span></td>
</tr>
<tr>
<td><span>Auto</span></td>
<td>zzz</td>
<td>26,694</td>
<td><span class="label label-info">8.33%</span></td>
<td>$2,122,577.22</td>
<td><span class="label label-info">7.70%</span></td>
</tr>
<tr>
<td><span>zzz</span></td>
<td>SEB</td>
<td>25,130</td>
<td><span class="label label-info">7.84%</span></td>
<td>$2,486,892.77</td>
<td><span class="label label-info">9.02%</span></td>
</tr>
<tr>
<td><b>Manual</b></td>
<td><b>Subtotal</b></td>
<td><b>10,165</b></td>
<td><span class="label label-info">3.17%</span></td>
<td><b>$725,747.22</b></td>
<td><span class="label label-info">2.63%</span></td>
</tr>
<tr>
<td><b>Auto</b></td>
<td><b>Subtotal</b></td>
<td><b>310,287</b></td>
<td><span class="label label-info">96.83%</span></td>
<td><b>$26,854,921.84</b></td>
<td><span class="label label-info">97.37%</span></td>
</tr>
<tr>
<td><b>&nbsp;</b></td>
<td><b>Grand Total</b></td>
<td><b>320,452</b></td>
<td><span class="label label-info">100.00%</span></td>
<td><b>$27,580,669.06</b></td>
<td><span class="label label-info">100.00%</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row-fluid" id="fbspy">
<div class="span6">
<a class="btn btn-info" href="inventorymgmt.cfm?export=FilledBySourcePrevYear"><i class="icon-list-alt icon-white"></i> Export</a>
<table class="table table-condensed table-bordered">
<thead>
<tr>
<th colspan="6"><h2>Filled By Source (Total 2011)</h2></th>
</tr>
<tr>
<th>Process</th>
<th>Vendor</th>
<th colspan="2">Quantity <span class="label label-info">(%)</span></th>
<th colspan="2">Book Cost <span class="label label-info">(%)</span></th>
</tr>
</thead>
<tbody>
<tr>
<td><span>Auto</span></td>
<td>zzz</td>
<td>400,307</td>
<td><span class="label label-info">62.46%</span></td>
<td>$31,571,378.58</td>
<td><span class="label label-info">62.62%</span></td>
</tr>
<tr>
<td><span>Auto</span></td>
<td>zzz</td>
<td>44,569</td>
<td><span class="label label-info">6.95%</span></td>
<td>$3,871,468.63</td>
<td><span class="label label-info">7.68%</span></td>
<tr>
<td><b>Manual</b></td>
<td><b>Subtotal</b></td>
<td><b>150,320</b></td>
<td><span class="label label-info">23.45%</span></td>
<td><b>$11,202,432.54</b></td>
<td><span class="label label-info">22.22%</span></td>
</tr>
<tr>
<td><b>Auto</b></td>
<td><b>Subtotal</b></td>
<td><b>490,579</b></td>
<td><span class="label label-info">76.55%</span></td>
<td><b>$39,215,302.98</b></td>
<td><span class="label label-info">77.78%</span></td>
</tr>
<tr>
<td><b>&nbsp;</b></td>
<td><b>Grand Total</b></td>
<td><b>640,899</b></td>
<td><span class="label label-info">100.00%</span></td>
<td><b>$50,417,735.52</b></td>
<td><span class="label label-info">100.00%</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<script src="assets/js/inventory.js"></script>
<div id="a1-chart" title="Filled By Source - YTD"><img src="assets/img/ajax-loader.gif" class="loader"></div>
<div id="a2-chart" title="Filled By Source - Prev Year"><img src="assets/img/ajax-loader.gif" class="loader"></div>
<div class="hidden" id="sric">For zzz, sum of Quantity * Book Value for all books on shelf and on rent. If Book Value is unavailable, Acquisition Value is used to determine the value. For zzz, sum of Quantity * Calculated Unit Cost. Currently, zzz cost only includes quantities that are listed for sale thru zzz.</div>
<hr>
<footer>
<p>&copy; 2012</p>
</footer>
</div><!--/.fluid-container-->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
<script src="../assets/js/reports.js"></script>
<script>
$(function(){
$('input:checkbox').removeAttr('checked');
//$('a[rel=tooltip]').tooltip({live: true });
$('i[rel=popover]').popover({
content: function() {
return $('#'+$(this).data('info-div')).html();
}
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment