adding new prototype

This commit is contained in:
philgran
2011-04-07 18:09:46 -04:00
parent 5985ba20c2
commit 8354efef8c
5 changed files with 474 additions and 4 deletions
+233
View File
@@ -0,0 +1,233 @@
<!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>
BIN
View File
Binary file not shown.
+68
View File
@@ -0,0 +1,68 @@
body {
font: 75%/1.5 "Helvetica Neue", Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
}
a {
color: #000;
font-weight: bold;
text-decoration: none;
}
#container {
margin: 0 auto;
overflow: hidden;
padding: 20px 0 0;
width: 1000px;
}
.bad { background: transparent; color: red; }
.okay { background: transparent; color: #FF9900; }
.good { background: transparent; color: green; }
.norm { font-weight: normal; }
.object-group {
border: 7px solid #ccc;
margin-bottom: 14px;
padding: 7px;
}
#performance {
width: 400px;
height: 150px;
}
.line-items,
.campaigns {
width: 480px;
}
.line-items {
float: left;
}
.campaigns {
float: right;
}
.column-head {
margin-bottom: 10px;
/* text-align: center; */
}
.campaign,
.line-item {
background: #eee;
border: 1px solid #ccc;
padding: 10px;
}
.campaign {
margin-top: -1px;
padding: 4px 10px;
}
.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
+122
View File
@@ -0,0 +1,122 @@
<!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>untitled</title>
<style type="text/css" media="screen">
body {
font: 75%/1.5 "Helvetica Neue", Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
color: #999;
font-weight: normal;
margin: 0;
}
h2 {
font-size: 12px;
}
#container {
margin: 0 auto;
width: 1099px;
}
dt {
float: left;
font-size: 14px;
font-weight: bold;
text-align: right;
width: 350px;
}
dd {
background: #eee;
border: 1px solid #ccc;
font-size: 14px;
margin: 0 0 10px 360px;
}
</style>
</head>
<body>
<div id="container">
<h1>Checks the following for the campaign:</h1>
<h2>Flight dates</h2>
<dt>start_date &gt; now</dt>
<dd>&nbsp;</dd>
<dt>end_date &lt; now</dt>
<dd>&nbsp;</dd>
<h2>Active status</h2>
<dt>status != active</dt>
<dd>&nbsp;</dd>
<h2>Lifetime budget</h2>
<dt>stats.spend > lifetime_budget</dt>
<dd>&nbsp;</dd>
<h2>Lifetime imp budget</h2>
<dt>stats.imps > lifetime_budget_imps</dt>
<dd>&nbsp;</dd>
<h2>Daily budget</h2>
<dt>stats.spend > daily_budget</dt>
<dd>&nbsp;</dd>
<h2>Daily imp budget</h2>
<dt>stats.imps > daily_budget_imps</dt>
<dd>&nbsp;</dd>
<h2>Creatives pending audit or failed</h2>
<dt>audit_status != audited</dt>
<dd>&nbsp;</dd>
<h2>Creatives prohibited</h2>
<dt>is_prohibited = true</dt>
<dd>&nbsp;</dd>
<h2>Creatives inactive</h2>
<dt>state != active</dt>
<dd>&nbsp;</dd>
<h1>Checks the following for the advertiser:</h1>
<h2>Active status</h2>
<dt>status != active</dt>
<dd>&nbsp;</dd>
<h1>Checks the following for the line item:</h1>
<dt style="height:2em;">Advertiser currency <br/><span style="font-size:10px;line-height:1em;">(pulls from different field if advertiser currency != "USD")</span></dt>
<dd>&nbsp;</dd>
<h2>Flight dates</h2>
<dt>start_date &gt; now</dt>
<dd>&nbsp;</dd>
<dt>end_date &lt; now</dt>
<dd>&nbsp;</dd>
<h2>Active Status</h2>
<dt>status != active</dt>
<dd>&nbsp;</dd>
<h2>Lifetime budget</h2>
<dt>stats.revenue > lifetime_budet</dt>
<dd>&nbsp;</dd>
<h2>Lifetime imp budget</h2>
<dt>stats.imps > lifetime_budget_imps</dt>
<dd>&nbsp;</dd>
<h2>Daily budget</h2>
<dt>stats.revenue > daily_budget</dt>
<dd>&nbsp;</dd>
<h2>Daily imp budget</h2>
<dt>stats.imps > daily_budget_imps</dt>
<dd>&nbsp;</dd>
<h1>Checks the following for the member:</h1>
<h2>Active status</h2>
<dt>status != active</dt>
<dd>&nbsp;</dd>
<h2>Contract approved</h2>
<dt>contract_approved != true</dt>
<dd>&nbsp;</dd>
<br/>
<h2>Maintains a count of errors/warnings/etc. for each object type (campaign, advertiser, etc.)</h2>
<h1>Inputs:</h1>
<h2>Campaign ID via form field</h2>
</div>
</body>
</html>
+51 -4
View File
@@ -79,12 +79,59 @@
</td>
</tr>
<tr>
<td class="summary">
<div>
<h1 class="good">507,946 <span style="font-size:10px">Average Daily Imps</span></h1>
</div>
</td>
<td>11,333,269</td>
<td>2,993</td>
<td>0</td>
<td>$11,333.27</td>
<td>$3,138.35</td>
<td>$8,194.92</td>
</tr>
<tr class="detailed-summary">
<td class="expanded-detail-cell" colspan="9">
<div class="expanded-detail clearfix">
<div class="img-wrap">
<div id="cumulative" class="chart">
</div>
<!-- <div id="performance" class="chart">
</div> -->
</div>
<div class="stats">
<dl>
<dt><h2>Average:</h2></dt>
<dd><h2>507,946</h2></dd>
</dl>
<dl>
<dt>Lifetime Budget:</dt>
<dd>10,500,000 imps</dd>
<dt>Daily Budget:</dt>
<dd>388,888 imps</dd>
<dt>Advertiser Goal:</dt>
<dd>$6.50 CPC</dd>
</dl>
</div>
<div class="actions">
<!-- <ul>
<li>Frequency cap is low <a href="#">Open up frequency cap</a></li>
<li>CPM is low relative to ECP <a href="#">Increase CPM</a></li>
<li>Targeting is narrow <a href="#">Change targeting</a></li>
</ul> -->
</div>
</div>
</td>
</tr>
<!-- <tr>
<td class="summary">
<div>
<div id="sparkline" style="width:80px; height:40px;">
</div>
<!-- <img src="img/sparkline.png" class="sparkline" /> -->
<h1 class="okay">85</h1>
</div>
</td>
@@ -131,8 +178,8 @@
</div>
</div>
</td>
</tr>
<tr>
</tr> -->
<!-- <tr>
<td class="summary">
<div>
<img src="img/sparkline.png" class="sparkline" />
@@ -178,7 +225,7 @@
</div>
</div>
</td>
</tr>
</tr> -->
<!-- <tr>
<td class="summary">
<div>