mirror of
https://github.com/adnexus/luxr-prototype.git
synced 2026-07-26 22:08:52 +00:00
new prototype v4.1
This commit is contained in:
philgran
+181
-211
@@ -3,7 +3,7 @@
|
||||
padding: 0;
|
||||
}
|
||||
body {
|
||||
font: 75%/1.5 "Helvetica Neue", Helvetica, sans-serif;
|
||||
font: 75%/1.3 "Helvetica Neue", Helvetica, sans-serif;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
@@ -21,10 +21,53 @@ a {
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
ul, ul li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
dl {
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
dd {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table {
|
||||
border: 1px solid #ccc;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
table th,
|
||||
table td {
|
||||
background: #eee;
|
||||
border: 1px solid #ccc;
|
||||
padding: 3px 6px;
|
||||
}
|
||||
table th {
|
||||
font-size: 0.92em;
|
||||
text-align: left;
|
||||
}
|
||||
table td {
|
||||
background: transparent;
|
||||
text-align: right;
|
||||
vertical-align: top;
|
||||
}
|
||||
/* table th[class] {
|
||||
text-align: center;
|
||||
}
|
||||
table td[class] {
|
||||
text-align: left;
|
||||
} */
|
||||
table tbody tr.open td {
|
||||
border-bottom: 1px dotted #ccc;
|
||||
border-top: 1px dotted #ccc;
|
||||
}
|
||||
|
||||
|
||||
#container {
|
||||
margin: 0 auto;
|
||||
padding: 20px 0 0;
|
||||
width: 900px;
|
||||
width: 1000px;
|
||||
}
|
||||
|
||||
.left-col {
|
||||
@@ -35,232 +78,54 @@ a {
|
||||
margin-left: 190px;
|
||||
}
|
||||
|
||||
#collapsed-lis h3 {
|
||||
line-height: 35px;
|
||||
table tbody tr:nth-child(even) td {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
ul.li-thumbs,
|
||||
ul.li-thumbs li {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
ul.li-thumbs li {
|
||||
background: #f6f6f6;
|
||||
border: 1px solid #ddd;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
font-size: 10px;
|
||||
margin-bottom: 1em;
|
||||
min-height: 35px;
|
||||
padding: 10px;
|
||||
}
|
||||
ul.li-thumbs li.current {
|
||||
border: 4px solid #aaa;
|
||||
border-right-width: 0;
|
||||
margin: -2px -18px 0.8em -2px;
|
||||
padding: 9px;
|
||||
}
|
||||
ul.li-thumbs .progress {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
form {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
form * {
|
||||
/* border-color: #ccc !important; */
|
||||
}
|
||||
|
||||
div#campaigns table {
|
||||
border: 3px solid #aaa;
|
||||
border-top-width: 4px;
|
||||
}
|
||||
|
||||
table {
|
||||
border: 1px solid #ccc;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
table th,
|
||||
table td {
|
||||
background: #eee;
|
||||
border: 1px solid #ccc;
|
||||
padding: 3px 6px;
|
||||
text-align: right;
|
||||
}
|
||||
table td {
|
||||
background: transparent;
|
||||
border-left: 0 none;
|
||||
border-right: 0 none;
|
||||
table th.name,
|
||||
table td.name {
|
||||
border-right-width: 3px;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
table tbody tr.open td {
|
||||
border-bottom: 1px dotted #ccc;
|
||||
border-top: 1px dotted #ccc;
|
||||
table td.name h4 {
|
||||
font-weight: normal;
|
||||
max-width: 140px;
|
||||
}
|
||||
/* table tbody tr:nth-child(odd) td {
|
||||
background: #f9f9f9;
|
||||
table tbody h3 {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
table tbody tr:nth-child(even) td.expanded-detail-cell {
|
||||
background: #f9f9f9;
|
||||
} */
|
||||
table th[class] {
|
||||
text-align: center;
|
||||
}
|
||||
table td[class] {
|
||||
text-align: left;
|
||||
}
|
||||
table td div.summary {
|
||||
height: 43px;
|
||||
}
|
||||
table h1 {
|
||||
display: inline-block;
|
||||
line-height: 43px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div#campaigns .summary {
|
||||
width: auto;
|
||||
}
|
||||
.summary h1 {
|
||||
margin: 0 0.75em;
|
||||
}
|
||||
.summary h1 span {
|
||||
font-size:14px;
|
||||
font-weight:normal;
|
||||
}
|
||||
.summary h4 {
|
||||
margin-bottom: 0.5em;
|
||||
table tbody h5 {
|
||||
color: #6d6d6d;
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
table th.go-to,
|
||||
table td.go-to {
|
||||
text-align: center;
|
||||
}
|
||||
table td.go-to a {
|
||||
color: #930;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
text-decoration: underline;
|
||||
}
|
||||
a.go-to {
|
||||
font-size: 25px;
|
||||
font-weight: normal;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
img.sparkline,
|
||||
#sparkline {
|
||||
float: left;
|
||||
}
|
||||
img.sparkline {
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
table tbody tr.detailed-summary {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
div.expanded-detail .obj-title {
|
||||
background: #eee;
|
||||
margin: 4px 0;
|
||||
padding: 2px 4px;
|
||||
/* color: #999;
|
||||
text-decoration: underline; */
|
||||
}
|
||||
div.expanded-detail > div {
|
||||
float: left;
|
||||
}
|
||||
div.expanded-detail > div,
|
||||
div.expanded-detail > div.stats,
|
||||
div.expanded-detail > div.actions {
|
||||
padding: 3px 10px 10px;
|
||||
width: 273px;
|
||||
}
|
||||
div.expanded-detail > div.stats {
|
||||
width: 323px;
|
||||
}
|
||||
div.expanded-detail > div.actions {
|
||||
width: 223px;
|
||||
}
|
||||
.img-wrap h4 {
|
||||
text-align: right;
|
||||
}
|
||||
dl {
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
.stats {
|
||||
font-size: 13px;
|
||||
}
|
||||
.stats dt {
|
||||
float: left;
|
||||
text-align: right;
|
||||
width: 160px;
|
||||
}
|
||||
.stats dt h2 {
|
||||
display: inline-block;
|
||||
}
|
||||
.stats dd {
|
||||
font-weight: bold;
|
||||
margin: 0 0 5px 110px;
|
||||
}
|
||||
.stats dl.wide dt {
|
||||
width: 140px;
|
||||
}
|
||||
.stats dl.wide dd {
|
||||
margin-left: 130px;
|
||||
}
|
||||
.actions ul {
|
||||
margin-left: 0;
|
||||
padding-left: 1.75em;
|
||||
}
|
||||
.actions ul li {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.actions ul li a,
|
||||
a.btn {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
background: #ccc;
|
||||
padding: 0 4px;
|
||||
table td.go-to h3 a {
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
.bad { background: transparent; color: #d70101; }
|
||||
.okay { background: transparent; color: #f65405; }
|
||||
.good { background: transparent; color: #009A00; }
|
||||
.warn {
|
||||
background: url(img/error-sm.gif) no-repeat 2px center;
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
padding-left: 18px;
|
||||
/* background-color: #ff9292;
|
||||
margin-right: 10px;
|
||||
padding: 2px 0 2px 20px; */
|
||||
}
|
||||
.warn a {
|
||||
background: red !important;
|
||||
}
|
||||
|
||||
.chart {
|
||||
width:300px;
|
||||
height:200px;
|
||||
display: inline-block;
|
||||
font-size: 25px;
|
||||
padding: 5px 6px;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(213, 214, 216)), color-stop(1, rgb(239, 241, 240)));
|
||||
background-image: -moz-linear-gradient(center bottom, rgb(213, 214, 216) 0%, rgb(239, 241, 240) 100%);
|
||||
}
|
||||
|
||||
/* Progress indictators */
|
||||
.progress {
|
||||
background: #eee;
|
||||
border: 1px solid #ccc;
|
||||
border-right-color: #014382;
|
||||
border: 1px solid #999;
|
||||
float: left;
|
||||
width: 100px;
|
||||
height: 15px;
|
||||
margin-bottom: 0.2em;
|
||||
position: relative;
|
||||
width: 100px;
|
||||
height: 8px;
|
||||
}
|
||||
.progress .fill {
|
||||
height: 15px;
|
||||
height: 8px;
|
||||
}
|
||||
.progress .pc-3.fill {
|
||||
background-color: red;
|
||||
@@ -287,13 +152,118 @@ a.btn {
|
||||
width: 100%;
|
||||
}
|
||||
.vr {
|
||||
border-right: 1px solid #000;
|
||||
border-right: 1px solid #989898;
|
||||
margin: -2px 0;
|
||||
height: 19px;
|
||||
height: 12px;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
}
|
||||
.goal {
|
||||
color: #014382;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.progress .fill.bad { background-color: #ff0000; }
|
||||
.progress .fill.okay { background-color: #fdbf00; }
|
||||
.progress .fill.good { background-color: #b6de6b; }
|
||||
.progress .fill.status { background-color: #00a0f0; }
|
||||
|
||||
.bad { background: transparent; color: #ff0000; }
|
||||
.okay { background: transparent; color: #f65405; }
|
||||
.good { background: transparent; color: #009A00; }
|
||||
.warn {
|
||||
background: url(../img/error-sm.gif) no-repeat 2px center;
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
padding-left: 18px;
|
||||
/* background-color: #ff9292;
|
||||
margin-right: 10px;
|
||||
padding: 2px 0 2px 20px; */
|
||||
}
|
||||
.warn a {
|
||||
background: red !important;
|
||||
}
|
||||
|
||||
.alert {
|
||||
background: url(../img/error-sm.gif) no-repeat 2px center;
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
table td.expanded-detail-cell {
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
}
|
||||
div.expanded-detail {
|
||||
padding: 6px 10px;
|
||||
}
|
||||
div.expanded-detail .obj-title {
|
||||
background: #eee;
|
||||
margin: 4px 0;
|
||||
padding: 2px 4px;
|
||||
/* color: #999;
|
||||
text-decoration: underline; */
|
||||
}
|
||||
div.expanded-detail > div {
|
||||
float: left;
|
||||
}
|
||||
div.expanded-detail > div,
|
||||
div.expanded-detail > div.stats,
|
||||
div.expanded-detail > div.actions {
|
||||
width: 313px;
|
||||
}
|
||||
|
||||
.stats,
|
||||
.actions {
|
||||
font-size: 11px;
|
||||
}
|
||||
.stats h2 {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.stats dt {
|
||||
float: left;
|
||||
text-align: right;
|
||||
width: 90px;
|
||||
}
|
||||
.stats dt h2 {
|
||||
display: inline-block;
|
||||
}
|
||||
.stats dd {
|
||||
font-weight: bold;
|
||||
margin: 0 0 10px 105px;
|
||||
}
|
||||
|
||||
.graphic label,
|
||||
.graphic select {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.actions h3 {
|
||||
border-bottom: 1px solid #ccc;
|
||||
margin-bottom: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.actions ul {
|
||||
margin-left: 0;
|
||||
padding-left: 1.75em;
|
||||
}
|
||||
.actions ul li {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.actions ul li a {
|
||||
color: #930;
|
||||
text-decoration: underline;
|
||||
}
|
||||
a.btn {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
background: #ccc;
|
||||
padding: 0 4px;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
.chart {
|
||||
width:300px;
|
||||
height:200px;
|
||||
}
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
+303
-262
@@ -18,320 +18,359 @@
|
||||
<table id="campaigns">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="summary">Summary</th>
|
||||
<th class="name">Line Item</th>
|
||||
<th>Imps</th>
|
||||
<th>Spend</th>
|
||||
<th>Revenue</th>
|
||||
<th>Clicks</th>
|
||||
<th>Conversions</th>
|
||||
<th>Revenue</th>
|
||||
<th>Profit</th>
|
||||
<th>Media Cost</th>
|
||||
<th></th>
|
||||
<th>Days Into Flight</th>
|
||||
<th>CTR</th>
|
||||
<th class="go-to">Campaigns</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<h4>2010 Q4 P&G Kitchen Products</h4>
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h6><span class="bad">4,494,033</span> / 6,391,304</h6>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:60%"></div>
|
||||
<div class="fill pc-10" style="width:42%"></div>
|
||||
</div>
|
||||
<h6 class="goal">10,500,000</h6>
|
||||
</div>
|
||||
<h1>70%</h1>
|
||||
<td class="name">
|
||||
<h4>Bank of America — March (26586)</h4>
|
||||
</td>
|
||||
<td>
|
||||
<h3>8,101,365</h3>
|
||||
<h5>/ 13,923,359</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:60%"></div>
|
||||
<div class="fill bad" style="width:42%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>4,494,033</td>
|
||||
<td>2,993</td>
|
||||
<td>24</td>
|
||||
<td>$11,333.27</td>
|
||||
<td>$3,138.35</td>
|
||||
<td>$8,194.92</td>
|
||||
<td>
|
||||
<h3>$14,119.68</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h3>$27,266.72</h3>
|
||||
<h5>/ $41,770,077</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:60%"></div>
|
||||
<div class="fill bad" style="width:42%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<h3>2,567</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h3>0</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h3>27</h3>
|
||||
<h5>/ 35</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:77%"></div>
|
||||
<div class="fill status" style="width:77%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<h3>0.028%</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td class="go-to">
|
||||
<img src="img/error-sm.gif" />
|
||||
<a href="matrix_camp.html" title="View campaigns on this line item">5 Campaigns »</a>
|
||||
<h3>2 <a href="matrix_camp.html" title="View campaigns on this line item"><img src="img/arrow.png" alt="➡" /></a></h3>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="detailed-summary">
|
||||
<td class="expanded-detail-cell" colspan="10">
|
||||
<div class="expanded-detail clearfix">
|
||||
<div class="img-wrap">
|
||||
<div class="stats">
|
||||
<h2>Bank of America — March (26586)</h2>
|
||||
<dl>
|
||||
<dt>State:</dt>
|
||||
<dd>Active</dd>
|
||||
<dt>Flight dates:</dt>
|
||||
<dd>03/17/2011 — 04/22/2011</dd>
|
||||
<dt>Lifetime budget:</dt>
|
||||
<dd>10,500,000 imps</dd>
|
||||
<dt>Daily budget:</dt>
|
||||
<dd>456,522 imps</dd>
|
||||
<dt>Revenue:</dt>
|
||||
<dd>$3.00 CPM</dd>
|
||||
<dt>Advertiser goals:</dt>
|
||||
<dd>N/A</dd>
|
||||
<dt>User frequency:</dt>
|
||||
<dd>1 imp per user per day</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="graphic">
|
||||
<label>
|
||||
<select name="charted_metric" id="charted-metric">
|
||||
<option value="imps">Impressions</option>
|
||||
<option value="rev">Revenue</option>
|
||||
</select> by Day
|
||||
</label>
|
||||
<div id="pacing" class="chart">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<dl>
|
||||
<dt><h2>Daily Average:</h2></dt>
|
||||
<dd><h2>409,592</h2></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>Lifetime Budget:</dt>
|
||||
<dd>10,500,000 imps</dd>
|
||||
<dt>Daily Budget:</dt>
|
||||
<dd>456,522 imps</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> -->
|
||||
<h3>Alerts and Suggestions</h3>
|
||||
<ul>
|
||||
<li class="alert">1 creative has status <b>unauditable</b> — <a href="#">View creative</a></li>
|
||||
<li class="alert">1 campaign is <b>underdelivering</b> — <a href="#">View campaign</a></li>
|
||||
<li>Frequency cap is <b>very tight</b> <a href="#">Edit frequency cap</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h6><span class="okay">5,771,250</span> / 7,125,000</h6>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:95%"></div>
|
||||
<div class="fill pc-35" style="width:76%;"></div>
|
||||
</div>
|
||||
<h6 class="goal">7,500,000</h6>
|
||||
</div>
|
||||
<h1>81%</h1>
|
||||
<td class="name">
|
||||
<h4>Sleepy's Q4 2011 (28632)</h4>
|
||||
</td>
|
||||
<td>
|
||||
<h3>9,479,766</h3>
|
||||
<h5>/ 97,871,051</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:10%"></div>
|
||||
<div class="fill good" style="width:9%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>5,771,250</td>
|
||||
<td>2,831</td>
|
||||
<td>71</td>
|
||||
<td>$3,558.10</td>
|
||||
<td>$2,110.00</td>
|
||||
<td>$1,448.10</td>
|
||||
<td><a href="matrix_camp.html" class="go-to" title="View campaigns on this line item">➡</a></td>
|
||||
<td>
|
||||
<h3>$5,518.36</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h3>$7,583.81</h3>
|
||||
<h5>/ $78,296.84</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:10%"></div>
|
||||
<div class="fill good" style="width:9%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<h3>860</h3>
|
||||
<h5>/ 17,617</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:10%"></div>
|
||||
<div class="fill bad" style="width:5%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<h3>0</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h3>10</h3>
|
||||
<h5>/ 91</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:10%"></div>
|
||||
<div class="fill status" style="width:10%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<h3 class="bad">0.009%</h3>
|
||||
<h5>/ 0.018%</h5>
|
||||
</td>
|
||||
<td class="go-to">
|
||||
<h3>3 <a href="matrix_camp.html" title="View campaigns on this line item"><img src="img/arrow.png" alt="➡" /></a></h3>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h6><span class="okay">2,868,750</span> / 3,375,000</h6>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:75%"></div>
|
||||
<div class="fill pc-35" style="width:63%;"></div>
|
||||
</div>
|
||||
<h6 class="goal">4,500,000</h6>
|
||||
</div>
|
||||
<h1>85%</h1>
|
||||
<td class="name">
|
||||
<h4>Essilor (21196)</h4>
|
||||
</td>
|
||||
<td>
|
||||
<h3>9,742,081</h3>
|
||||
<h5>/ 15,618,748</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:53%"></div>
|
||||
<div class="fill okay" style="width:62%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>2,868,750</td>
|
||||
<td>790</td>
|
||||
<td>108</td>
|
||||
<td>$7000.00</td>
|
||||
<td>$5,500.00</td>
|
||||
<td>$1,500.00</td>
|
||||
<td><a href="matrix_camp.html" class="go-to" title="View campaigns on this line item">➡</a></td>
|
||||
<td>
|
||||
<h3>$4,149.12</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h3>$8,767.87</h3>
|
||||
<h5>/ $14,056.87</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:53%"></div>
|
||||
<div class="fill okay" style="width:62%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<h3>1,961</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h3>0</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h3>45</h3>
|
||||
<h5>/ 90</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:50%"></div>
|
||||
<div class="fill status" style="width:50%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<h3>0.020%</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td class="go-to">
|
||||
<h3>1 <a href="matrix_camp.html" title="View campaigns on this line item"><img src="img/arrow.png" alt="➡" /></a></h3>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<td class="name">
|
||||
<h4>All Saints (22756)</h4>
|
||||
</td>
|
||||
<td>
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h6><span class="okay">3,523,500</span> / 4,050,000</h6>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:90%"></div>
|
||||
<div class="fill pc-35" style="width:78%;"></div>
|
||||
</div>
|
||||
<h6 class="goal">4,500,000</h6>
|
||||
</div>
|
||||
<h1>87%</h1>
|
||||
<h3>12,596,029</h3>
|
||||
<h5>N/A</h5>
|
||||
</div>
|
||||
</td>
|
||||
<td>3,523,500</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td><a href="matrix_camp.html" class="go-to" title="View campaigns on this line item">➡</a></td>
|
||||
<td>
|
||||
<h3>$12,523.86</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h3>$713,450.00</h3>
|
||||
<h5>/ $900,000</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:81%"></div>
|
||||
<div class="fill good" style="width:79%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<h3>30,312</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h3>14,269</h3>
|
||||
<h5>18,000</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:81%"></div>
|
||||
<div class="fill good" style="width:79%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<h3>58</h3>
|
||||
<h5>/ 72</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:81%"></div>
|
||||
<div class="fill status" style="width:81%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<h3>0.05%</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td class="go-to">
|
||||
<h3>1 <a href="matrix_camp.html" title="View campaigns on this line item"><img src="img/arrow.png" alt="➡" /></a></h3>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<td class="name">
|
||||
<h4>MattressLand (21194)</h4>
|
||||
</td>
|
||||
<td>
|
||||
<div>
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h6><span class="good">190,574</span> / 200,000</h6>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:6.6%"></div>
|
||||
<div class="fill pc-100" style="width:6%;"></div>
|
||||
</div>
|
||||
<h6 class="goal">3,000,000</h6>
|
||||
</div>
|
||||
<h1>95%</h1>
|
||||
<h3>19,479,766</h3>
|
||||
<h5>/ 97,871,051</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:25%"></div>
|
||||
<div class="fill okay" style="width:19%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>190,574</td>
|
||||
<td>211</td>
|
||||
<td>0</td>
|
||||
<td>$930.00</td>
|
||||
<td>$657.96</td>
|
||||
<td>$272.04</td>
|
||||
<td><a href="matrix_camp.html" class="go-to" title="View campaigns on this line item">➡</a></td>
|
||||
<td>
|
||||
<h3>$4,149.12</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>
|
||||
<div>
|
||||
<h3>$14,876.40</h3>
|
||||
<h5>/ $78,296.84</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:25%"></div>
|
||||
<div class="fill okay" style="width:19%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<h3>3,167</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h3>0</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h3>8</h3>
|
||||
<h5>/ 30</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:25%"></div>
|
||||
<div class="fill status" style="width:25%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<h3 class="good">0.020%</h3>
|
||||
<h5>/ 0.018%</h5>
|
||||
</td>
|
||||
<td class="go-to">
|
||||
<h3>2 <a href="matrix_camp.html" title="View campaigns on this line item"><img src="img/arrow.png" alt="➡" /></a></h3>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<td class="name">
|
||||
<h4>AT&T (22754)</h4>
|
||||
</td>
|
||||
<td>
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h6><span class="good">558,921</span> / 550,000</h6>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:100%"></div>
|
||||
<div class="fill pc-100" style="width:103%;"></div>
|
||||
</div>
|
||||
<h6 class="goal">550,000</h6>
|
||||
</div>
|
||||
<h1>103%</h1>
|
||||
<h3>1,246,021</h3>
|
||||
<h5>N/A</h5>
|
||||
</div>
|
||||
</td>
|
||||
<td>558,921</td>
|
||||
<td>335</td>
|
||||
<td>195</td>
|
||||
<td>$3,752.58</td>
|
||||
<td>$2,710.11</td>
|
||||
<td>$1,042.47</td>
|
||||
<td><a href="matrix_camp.html" class="go-to" title="View campaigns on this line item">➡</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h6><span class="good">2,225,572</span> / 2,300,000</h6>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:92%"></div>
|
||||
<div class="fill pc-100" style="width:89%;"></div>
|
||||
</div>
|
||||
<h6 class="goal">2,500,000</h6>
|
||||
</div>
|
||||
<h1>96%</h1>
|
||||
</div>
|
||||
<td>
|
||||
<h3>$1,131.86</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>2,225,572</td>
|
||||
<td>1,121</td>
|
||||
<td>99</td>
|
||||
<td>$5,570.49</td>
|
||||
<td>$1,994.94</td>
|
||||
<td>$3,575.55</td>
|
||||
<td><a href="matrix_camp.html" class="go-to" title="View campaigns on this line item">➡</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<td>
|
||||
<div>
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h6><span class="good">190,574</span> / 200,000</h6>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:6.6%"></div>
|
||||
<div class="fill pc-100" style="width:6%;"></div>
|
||||
</div>
|
||||
<h6 class="goal">3,000,000</h6>
|
||||
</div>
|
||||
<h1>95%</h1>
|
||||
<h3>$3,115.00</h3>
|
||||
<h5>/ $3,900.00</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:77%"></div>
|
||||
<div class="fill good" style="width:80%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>190,574</td>
|
||||
<td>211</td>
|
||||
<td>0</td>
|
||||
<td>$930.00</td>
|
||||
<td>$657.96</td>
|
||||
<td>$272.04</td>
|
||||
<td><a href="matrix_camp.html" class="go-to" title="View campaigns on this line item">➡</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h6><span class="good">2,225,572</span> / 2,300,000</h6>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:92%"></div>
|
||||
<div class="fill pc-100" style="width:89%;"></div>
|
||||
</div>
|
||||
<h6 class="goal">2,500,000</h6>
|
||||
</div>
|
||||
<h1>96%</h1>
|
||||
<td>
|
||||
<h3>1,312</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h3>0</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>
|
||||
<h3>58</h3>
|
||||
<h5>/ 72</h5>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:77%"></div>
|
||||
<div class="fill status" style="width:77%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>2,225,572</td>
|
||||
<td>1,121</td>
|
||||
<td>99</td>
|
||||
<td>$5,570.49</td>
|
||||
<td>$1,994.94</td>
|
||||
<td>$3,575.55</td>
|
||||
<td><a href="matrix_camp.html" class="go-to" title="View campaigns on this line item">➡</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h6><span class="good">190,574</span> / 200,000</h6>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:6.6%"></div>
|
||||
<div class="fill pc-100" style="width:6%;"></div>
|
||||
</div>
|
||||
<h6 class="goal">3,000,000</h6>
|
||||
</div>
|
||||
<h1>95%</h1>
|
||||
</div>
|
||||
</div>
|
||||
<td>
|
||||
<h3>0.019%</h3>
|
||||
<h5>N/A</h5>
|
||||
</td>
|
||||
<td>190,574</td>
|
||||
<td>211</td>
|
||||
<td>0</td>
|
||||
<td>$930.00</td>
|
||||
<td>$657.96</td>
|
||||
<td>$272.04</td>
|
||||
<td><a href="matrix_camp.html" class="go-to" title="View campaigns on this line item">➡</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h6><span class="good">558,921</span> / 550,000</h6>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:100%"></div>
|
||||
<div class="fill pc-100" style="width:103%;"></div>
|
||||
</div>
|
||||
<h6 class="goal">550,000</h6>
|
||||
</div>
|
||||
<h1>103%</h1>
|
||||
</div>
|
||||
<td class="go-to">
|
||||
<h3>3 <a href="matrix_camp.html" title="View campaigns on this line item"><img src="img/arrow.png" alt="➡" /></a></h3>
|
||||
</td>
|
||||
<td>558,921</td>
|
||||
<td>335</td>
|
||||
<td>195</td>
|
||||
<td>$3,752.58</td>
|
||||
<td>$2,710.11</td>
|
||||
<td>$1,042.47</td>
|
||||
<td><a href="matrix_camp.html" class="go-to" title="View campaigns on this line item">➡</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h6><span class="good">2,225,572</span> / 2,300,000</h6>
|
||||
<div class="progress">
|
||||
<div class="vr" style="left:92%"></div>
|
||||
<div class="fill pc-100" style="width:89%;"></div>
|
||||
</div>
|
||||
<h6 class="goal">2,500,000</h6>
|
||||
</div>
|
||||
<h1>96%</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>2,225,572</td>
|
||||
<td>1,121</td>
|
||||
<td>99</td>
|
||||
<td>$5,570.49</td>
|
||||
<td>$1,994.94</td>
|
||||
<td>$3,575.55</td>
|
||||
<td><a href="matrix_camp.html" class="go-to" title="View campaigns on this line item">➡</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -349,6 +388,7 @@
|
||||
|
||||
pacing = Highcharts.Chart({
|
||||
chart: {
|
||||
backgroundColor: 'transparent',
|
||||
renderTo: 'pacing',
|
||||
spacingTop: 5,
|
||||
spacingBottom: 5,
|
||||
@@ -361,19 +401,20 @@
|
||||
plotOptions: {
|
||||
series: {
|
||||
marker: disabled,
|
||||
pointStart: Date.UTC(2010, 2, 8),
|
||||
pointStart: Date.UTC(2010, 2, 17),
|
||||
pointInterval: 24 * 3600 * 1000 // one day
|
||||
}
|
||||
},
|
||||
title: {
|
||||
text: 'Daily Impressions'
|
||||
},
|
||||
title: noText,
|
||||
xAxis: {
|
||||
type: 'datetime'
|
||||
},
|
||||
yAxis: {
|
||||
gridLineWidth: 0,
|
||||
lineColor: '#ccc',
|
||||
maxPadding: 0.01,
|
||||
min: 0,
|
||||
tickWidth: 1,
|
||||
title: noText
|
||||
},
|
||||
series: [
|
||||
|
||||
Reference in New Issue
Block a user