Files
2011-04-07 18:09:46 -04:00

234 lines
7.1 KiB
HTML

<!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" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Troubleshooting</title>
<link rel="stylesheet" href="css/blob.css" type="text/css" charset="utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/highcharts.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="container">
<select name="timespan" id="timespan" style="float:right;">
<option>Today</option>
<option>Yesterday</option>
<option>Last 7 Days</option>
<option>Lifetime</option>
</select>
<div class="clearfix" style="clear:both;">
<h2 class="column-head line-items">Line Items</h2>
<h2 class="column-head campaigns">Campaigns</h2>
</div>
<div class="object-group clearfix">
<div class="line-items">
<div class="line-item">
<h2>Cell Tel International Inc. (9754) &mdash; Pacing is low</h2>
<div id="pacing"></div>
<h4><span class="bad">6,376,509</span> / 8,312,500</h4>
</div>
</div>
<div class="campaigns">
<div class="campaign">
<h3><span class="norm">Cell Tel in Ireland (23474) &mdash;</span> <span class="bad">323,468</span> / 1,662,500</h3>
<div class="vitals" style="display: none;">
<h4>Vitals:</h4>
<dl>
<dt></dt>
</dl>
</div>
</div>
<div class="campaign">
<h3><span class="norm">Cell Tel in Australia (23473) &mdash;</span> <span class="bad">850,778</span> / 1,662,500</h3>
<div class="vitals" style="display: none;">
<h4>Vitals:</h4>
<dl>
<dt></dt>
</dl>
</div>
</div>
<div class="campaign">
<h3><span class="norm">Cell Tel in Canada (23472) &mdash;</span> <span class="okay">1,354,751</span> / 1,662,500</h3>
<div class="vitals" style="display: none;">
<h4>Vitals:</h4>
<dl>
<dt></dt>
</dl>
</div>
</div>
<div class="campaign">
<h3><span class="norm">Cell Tel in US (23470) &mdash;</span> 1,844,324 / 1,662,500</h3>
<div class="vitals" style="display: none;">
<h4>Vitals:</h4>
<dl>
<dt></dt>
</dl>
</div>
</div>
<div class="campaign">
<h3><span class="norm">Cell Tel in UK (23471) &mdash;</span> 2,003,188 / 1,662,500</h3>
<div class="vitals" style="display: none;">
<h4>Vitals:</h4>
<dl>
<dt></dt>
</dl>
</div>
</div>
</div>
</div>
<!-- <div class="object-group clearfix">
<div class="line-items">
<div class="line-item">
<h2>Sucky Airways (8346) &mdash; CTR is Low</h2>
<div id="performance"></div>
<h4><span class="bad">0.09% Actual</span> / 0.018% Expected</h4>
</div>
</div>
<div class="campaigns">
<div class="campaign">
<h3><span class="norm">Reduced One-way Weekend (4458) &mdash;</span> 1,844,324 / 1,662,500</h3>
</div>
<div class="campaign">
<h3><span class="norm">Reduced Round-trip Weekend (4459) &mdash;</span> 1,844,324 / 1,662,500</h3>
</div>
<div class="campaign">
<h3><span class="norm">Reduced One-way Domestic (4460) &mdash;</span> 2,003,188 / 1,662,500</h3>
</div>
<div class="campaign">
<h3><span class="norm">Reduced Round-trip Domestic (4461) &mdash;</span> <span class="bad">850,778</span> / 1,662,500</h3>
</div>
<div class="campaign">
<h3><span class="norm">Reduced One-way International (4462) &mdash;</span> <span class="okay">1,354,751</span> / 1,662,500</h3>
</div>
<div class="campaign">
<h3><span class="norm">Reduced Round-trip International (4463) &mdash;</span> <span class="okay">1,354,751</span> / 1,662,500</h3>
</div>
<div class="campaign">
<h3><span class="norm">Reduced Round-trip Wed-Fri Domestic (4464) &mdash;</span> <span class="okay">1,354,751</span> / 1,662,500</h3>
</div>
<div class="campaign">
<h3><span class="norm">Reduced Round-trip Wed-Fri International (4465) &mdash;</span> <span class="okay">1,354,751</span> / 1,662,500</h3>
</div>
</div>
</div> -->
</div>
<script type="text/javascript" charset="utf-8">
function setupCharts() {
var nothing = $('#pacing').css({
width: '400px',
height: '150px'
});
var disabled = { enabled: false },
noText = { text: null };
// Pacing - impressions
var pacing = Highcharts.Chart({
chart: {
renderTo: 'pacing',
spacingTop: 5,
spacingBottom: 5,
spacingRight: 5,
spacingLeft: 0,
type: 'line'
},
credits: disabled,
legend: disabled,
plotOptions: {
series: {
marker: disabled,
pointStart: Date.UTC(2010, 2, 8),
pointInterval: 24 * 3600 * 1000 // one day
}
},
title: {
text: 'Daily Impressions'
},
xAxis: {
type: 'datetime'
},
yAxis: {
maxPadding: 0.01,
max: 12500000,
min: 0,
title: noText
},
series: [
// {
// name: 'Actual Daily Imps',
// data: [324408, 390123, 300898, 294214, 296976, 299419, 444364, 428526, 430260, 429835, 453412, 450110, 451488, 449928, 443420, 530261, 602479, 635945, 346298, 0, 706717, 1287493, 1261719, 932421]
// },
// {
// name: 'Daily Budget',
// data: [456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522, 456522]
// }
{
name: 'Budgeted Imps',
data: [456522, 913043, 1369565, 1826087, 2282609, 2739130, 3195652, 3652174, 4108696, 4565217, 5021739, 5478261, 5934783, 6391304, 6847826, 7304348, 7760870, 8217391, 8673913, 9130435, 9586957, 10043478, 10500000, 10956522]
}
,{
name: 'Actual Imps',
data: [324408, 714531, 1015429, 1309643, 1606619, 1906038, 2350402, 2778928, 3209188, 3639023, 4092435, 4542545, 4994033, 5443961, 5887381, 6417642, 7020121, 7656066, 8002364, 8002364, 8709081, 9996574, 11258293, 12190714]
}
]
});
// CTR
// var performance = Highcharts.Chart({
// chart: {
// renderTo: 'performance',
// spacingTop: 5,
// spacingBottom: 5,
// spacingRight: 5,
// spacingLeft: 0
// },
// credits: disabled,
// legend: disabled,
// plotOptions: {
// series: {
// marker: disabled,
// pointStart: Date.UTC(2010, 2, 8),
// pointInterval: 24 * 3600 * 1000 // one day
// }
// },
// title: {
// text: 'Daily CTR'
// },
// xAxis: {
// type: 'datetime'
// },
// yAxis: {
// labels: {
// formatter: function() {
// return this.value.toFixed(2);
// }
// },
// maxPadding: 0.01,
// tickPixelInterval: 40,
// title: noText
// },
// series: [
// {
// name: 'Actual',
// data: [0.14, 0.07, 0.09, 0.09]
// },
// {
// name: 'Expected',
// data: [0.18, 0.18, 0.18, 0.18]
// }
// ]
// });
}
window.onload = function() {
// setupCharts();
}
</script>
</body>
</html>