mirror of
https://github.com/adnexus/luxr-prototype.git
synced 2026-07-26 22:08:52 +00:00
adding new prototype
This commit is contained in:
@@ -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) — 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) —</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) —</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) —</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) —</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) —</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) — 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) —</span> 1,844,324 / 1,662,500</h3>
|
||||
</div>
|
||||
<div class="campaign">
|
||||
<h3><span class="norm">Reduced Round-trip Weekend (4459) —</span> 1,844,324 / 1,662,500</h3>
|
||||
</div>
|
||||
<div class="campaign">
|
||||
<h3><span class="norm">Reduced One-way Domestic (4460) —</span> 2,003,188 / 1,662,500</h3>
|
||||
</div>
|
||||
<div class="campaign">
|
||||
<h3><span class="norm">Reduced Round-trip Domestic (4461) —</span> <span class="bad">850,778</span> / 1,662,500</h3>
|
||||
</div>
|
||||
<div class="campaign">
|
||||
<h3><span class="norm">Reduced One-way International (4462) —</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) —</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) —</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) —</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>
|
||||
Vendored
BIN
Binary file not shown.
@@ -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;
|
||||
}
|
||||
@@ -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 > now</dt>
|
||||
<dd> </dd>
|
||||
<dt>end_date < now</dt>
|
||||
<dd> </dd>
|
||||
<h2>Active status</h2>
|
||||
<dt>status != active</dt>
|
||||
<dd> </dd>
|
||||
<h2>Lifetime budget</h2>
|
||||
<dt>stats.spend > lifetime_budget</dt>
|
||||
<dd> </dd>
|
||||
<h2>Lifetime imp budget</h2>
|
||||
<dt>stats.imps > lifetime_budget_imps</dt>
|
||||
<dd> </dd>
|
||||
<h2>Daily budget</h2>
|
||||
<dt>stats.spend > daily_budget</dt>
|
||||
<dd> </dd>
|
||||
<h2>Daily imp budget</h2>
|
||||
<dt>stats.imps > daily_budget_imps</dt>
|
||||
<dd> </dd>
|
||||
<h2>Creatives pending audit or failed</h2>
|
||||
<dt>audit_status != audited</dt>
|
||||
<dd> </dd>
|
||||
<h2>Creatives prohibited</h2>
|
||||
<dt>is_prohibited = true</dt>
|
||||
<dd> </dd>
|
||||
<h2>Creatives inactive</h2>
|
||||
<dt>state != active</dt>
|
||||
<dd> </dd>
|
||||
|
||||
|
||||
<h1>Checks the following for the advertiser:</h1>
|
||||
<h2>Active status</h2>
|
||||
<dt>status != active</dt>
|
||||
<dd> </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> </dd>
|
||||
<h2>Flight dates</h2>
|
||||
<dt>start_date > now</dt>
|
||||
<dd> </dd>
|
||||
<dt>end_date < now</dt>
|
||||
<dd> </dd>
|
||||
<h2>Active Status</h2>
|
||||
<dt>status != active</dt>
|
||||
<dd> </dd>
|
||||
<h2>Lifetime budget</h2>
|
||||
<dt>stats.revenue > lifetime_budet</dt>
|
||||
<dd> </dd>
|
||||
<h2>Lifetime imp budget</h2>
|
||||
<dt>stats.imps > lifetime_budget_imps</dt>
|
||||
<dd> </dd>
|
||||
<h2>Daily budget</h2>
|
||||
<dt>stats.revenue > daily_budget</dt>
|
||||
<dd> </dd>
|
||||
<h2>Daily imp budget</h2>
|
||||
<dt>stats.imps > daily_budget_imps</dt>
|
||||
<dd> </dd>
|
||||
|
||||
|
||||
<h1>Checks the following for the member:</h1>
|
||||
<h2>Active status</h2>
|
||||
<dt>status != active</dt>
|
||||
<dd> </dd>
|
||||
<h2>Contract approved</h2>
|
||||
<dt>contract_approved != true</dt>
|
||||
<dd> </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
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user