mirror of
https://github.com/adnexus/luxr-prototype.git
synced 2026-07-26 22:08:52 +00:00
committing changes from yesterday
This commit is contained in:
philgran
+41
-7
@@ -40,12 +40,16 @@ table td {
|
||||
border-right: 0 none;
|
||||
vertical-align: middle;
|
||||
}
|
||||
table tbody tr:nth-child(odd) td {
|
||||
table tbody tr.open td {
|
||||
border-bottom: 1px dotted #ccc;
|
||||
border-top: 1px dotted #ccc;
|
||||
}
|
||||
/* table tbody tr:nth-child(odd) td {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
table tbody tr:nth-child(even) td.expanded-detail-cell {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
} */
|
||||
table th[class] {
|
||||
text-align: center;
|
||||
}
|
||||
@@ -58,16 +62,22 @@ table td div.summary {
|
||||
table h1 {
|
||||
display: inline-block;
|
||||
line-height: 43px;
|
||||
margin: 0 1em;
|
||||
margin: 0 0 0 1em;
|
||||
}
|
||||
|
||||
img.sparkline {
|
||||
img.sparkline,
|
||||
#sparkline {
|
||||
float: left;
|
||||
}
|
||||
|
||||
table tbody tr.detailed-summary {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.expanded-detail > div {
|
||||
float: left;
|
||||
}
|
||||
div.expanded-detail > div,
|
||||
div.expanded-detail > div.stats,
|
||||
div.expanded-detail > div.actions {
|
||||
padding: 3px 10px 10px;
|
||||
@@ -104,9 +114,9 @@ div.expanded-detail > div.actions {
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
.bad { background: red; }
|
||||
.okay { background: orange; }
|
||||
.good { background: green; }
|
||||
.bad { color: red; }
|
||||
.okay { color: orange; }
|
||||
.good { color: green; }
|
||||
.warn {
|
||||
background: url(img/error-sm.gif) no-repeat 2px center;
|
||||
color: red;
|
||||
@@ -120,6 +130,30 @@ div.expanded-detail > div.actions {
|
||||
background: red !important;
|
||||
}
|
||||
|
||||
.progress {
|
||||
background: #eee;
|
||||
border: 1px solid #ccc;
|
||||
height: 20px;
|
||||
}
|
||||
.progress .fill {
|
||||
height: 20px;
|
||||
}
|
||||
.progress .pc-10.fill {
|
||||
background-color: #d70101;
|
||||
width: 10%;
|
||||
}
|
||||
.progress .pc-35.fill {
|
||||
background-color: #f65405;
|
||||
width: 35%;
|
||||
}
|
||||
.progress .pc-75.fill {
|
||||
background-color: #becf00;
|
||||
width: 75%;
|
||||
}
|
||||
.progress .pc-100.fill {
|
||||
background-color: #009A00;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
+1
-1
@@ -6,7 +6,7 @@
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
|
||||
<title>LUXr Prototype - Triage Screen</title>
|
||||
<link rel="stylesheet" href="css.css" type="text/css" charset="utf-8" />
|
||||
<link rel="stylesheet" href="css/css.css" type="text/css" charset="utf-8" />
|
||||
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="js/highcharts.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
+1
-1
@@ -6,7 +6,7 @@
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
|
||||
<title>LUXr Prototype - Triage Screen</title>
|
||||
<link rel="stylesheet" href="css.css" type="text/css" charset="utf-8" />
|
||||
<link rel="stylesheet" href="css/css.css" type="text/css" charset="utf-8" />
|
||||
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
|
||||
Executable
+10671
File diff suppressed because it is too large
Load Diff
+349
@@ -0,0 +1,349 @@
|
||||
<!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>
|
||||
<link rel="stylesheet" href="css/list.css" type="text/css" charset="utf-8" />
|
||||
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="js/highcharts.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- <ul id="campaigns">
|
||||
<li>
|
||||
<img src="sparkline.png" />
|
||||
<h1>85</h1>
|
||||
</li>
|
||||
</ul> -->
|
||||
<div id="container">
|
||||
<table id="campaigns">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="summary">Summary</th>
|
||||
<th>Imps</th>
|
||||
<th>Clicks</th>
|
||||
<th>Conversions</th>
|
||||
<th>Revenue</th>
|
||||
<th>Profit</th>
|
||||
<th>Media Cost</th>
|
||||
<th>Revenue eCPM</th>
|
||||
<th>Cost eCPM</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="expanded-detail-cell" colspan="9">
|
||||
<div class="expanded-detail clearfix">
|
||||
<div class="img-wrap"><img src="img/pacing-chart-fill.png" /></div>
|
||||
<div class="stats">
|
||||
<dl>
|
||||
<dt><h2>Pacing:</h2></dt>
|
||||
<dd><h2>85</h2></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>Lifetime Budget:</dt>
|
||||
<dd>$7000.00</dd>
|
||||
<dt>Daily Budget:</dt>
|
||||
<dd>$500.00</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>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="expanded-detail-cell" colspan="9">
|
||||
<div class="expanded-detail clearfix">
|
||||
<div class="img-wrap"><img src="img/pacing-chart-fill.png" /></div>
|
||||
<div class="stats">
|
||||
<dl>
|
||||
<dt><h2>Pacing:</h2></dt>
|
||||
<dd><h2>85</h2></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>Lifetime Budget:</dt>
|
||||
<dd>$7000.00</dd>
|
||||
<dt>Daily Budget:</dt>
|
||||
<dd>$500.00</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>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="expanded-detail-cell" colspan="9">
|
||||
<div class="expanded-detail clearfix">
|
||||
<div class="img-wrap"><img src="img/pacing-chart-fill.png" /></div>
|
||||
<div class="stats">
|
||||
<dl>
|
||||
<dt><h2>Pacing:</h2></dt>
|
||||
<dd><h2>85</h2></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>Lifetime Budget:</dt>
|
||||
<dd>$7000.00</dd>
|
||||
<dt>Daily Budget:</dt>
|
||||
<dd>$500.00</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>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="expanded-detail-cell" colspan="9">
|
||||
<div class="expanded-detail clearfix">
|
||||
<div class="img-wrap"><img src="img/pacing-chart-fill.png" /></div>
|
||||
<div class="stats">
|
||||
<dl>
|
||||
<dt><h2>Pacing:</h2></dt>
|
||||
<dd><h2>85</h2></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>Lifetime Budget:</dt>
|
||||
<dd>$7000.00</dd>
|
||||
<dt>Daily Budget:</dt>
|
||||
<dd>$500.00</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>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="expanded-detail-cell" colspan="9">
|
||||
<div class="expanded-detail clearfix">
|
||||
<div class="img-wrap"><img src="img/pacing-chart-fill.png" /></div>
|
||||
<div class="stats">
|
||||
<dl>
|
||||
<dt><h2>Pacing:</h2></dt>
|
||||
<dd><h2>85</h2></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>Lifetime Budget:</dt>
|
||||
<dd>$7000.00</dd>
|
||||
<dt>Daily Budget:</dt>
|
||||
<dd>$500.00</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>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="expanded-detail-cell" colspan="9">
|
||||
<div class="expanded-detail clearfix">
|
||||
<div class="img-wrap"><img src="img/pacing-chart-fill.png" /></div>
|
||||
<div class="stats">
|
||||
<dl>
|
||||
<dt><h2>Pacing:</h2></dt>
|
||||
<dd><h2>85</h2></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>Lifetime Budget:</dt>
|
||||
<dd>$7000.00</dd>
|
||||
<dt>Daily Budget:</dt>
|
||||
<dd>$500.00</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>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="expanded-detail-cell" colspan="9">
|
||||
<div class="expanded-detail clearfix">
|
||||
<div class="img-wrap"><img src="img/pacing-chart-fill.png" /></div>
|
||||
<div class="stats">
|
||||
<dl>
|
||||
<dt><h2>Pacing:</h2></dt>
|
||||
<dd><h2>85</h2></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>Lifetime Budget:</dt>
|
||||
<dd>$7000.00</dd>
|
||||
<dt>Daily Budget:</dt>
|
||||
<dd>$500.00</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>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -8,7 +8,7 @@
|
||||
<title>untitled</title>
|
||||
<link rel="stylesheet" href="css/list.css" type="text/css" charset="utf-8" />
|
||||
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="js/highcharts.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="js/highcharts.src.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@ -38,7 +38,7 @@
|
||||
<td class="summary">
|
||||
<div>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
<h1 class="good">95</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
@@ -50,14 +50,14 @@
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<tr class="detailed-summary">
|
||||
<td class="expanded-detail-cell" colspan="9">
|
||||
<div class="expanded-detail clearfix">
|
||||
<div class="img-wrap"><img src="img/pacing-chart-fill.png" /></div>
|
||||
<div class="stats">
|
||||
<dl>
|
||||
<dt><h2>Pacing:</h2></dt>
|
||||
<dd><h2>85</h2></dd>
|
||||
<dd><h2>95</h2></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>Lifetime Budget:</dt>
|
||||
@@ -66,6 +66,59 @@
|
||||
<dd>$500.00</dd>
|
||||
<dt>Advertiser Goal:</dt>
|
||||
<dd>$6.50 CPC</dd>
|
||||
<dt>Spend:</dt>
|
||||
<dd class="bad">-$241</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>
|
||||
<td>1,244</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$10,490.79</td>
|
||||
<td>$10,490.42</td>
|
||||
<td>$0.36</td>
|
||||
<td>$8,433.11</td>
|
||||
<td>$0.29</td>
|
||||
</tr>
|
||||
<tr class="detailed-summary">
|
||||
<td class="expanded-detail-cell" colspan="9">
|
||||
<div class="expanded-detail clearfix">
|
||||
<div class="img-wrap">
|
||||
<img src="img/pacing-chart-fill.png" />
|
||||
</div>
|
||||
<div class="stats">
|
||||
<dl>
|
||||
<dt><h2>Pacing:</h2></dt>
|
||||
<dd><h2>95</h2></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>Lifetime Budget:</dt>
|
||||
<dd>$7000.00</dd>
|
||||
<dt>Daily Budget:</dt>
|
||||
<dd>$500.00</dd>
|
||||
<dt>Advertiser Goal:</dt>
|
||||
<dd>$6.50 CPC</dd>
|
||||
<dt>Spend:</dt>
|
||||
<dd class="bad">-$241</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="actions">
|
||||
@@ -82,7 +135,7 @@
|
||||
<td class="summary">
|
||||
<div>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
<h1 class="bad">68</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
@@ -94,152 +147,144 @@
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
<tr class="detailed-summary">
|
||||
<td class="expanded-detail-cell" colspan="9">
|
||||
<div class="expanded-detail clearfix">
|
||||
<div class="img-wrap">
|
||||
<h4>Target: 240,000 Impressions</h4>
|
||||
<div class="progress">
|
||||
<div class="fill pc-75"></div>
|
||||
</div>
|
||||
<h4>Actual: <span class="bad">84,302</span> Impressions</h4>
|
||||
<div class="progress">
|
||||
<div class="fill pc-35"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<dl>
|
||||
<dt><h2>Pacing:</h2></dt>
|
||||
<dd><h2>95</h2></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>Lifetime Budget:</dt>
|
||||
<dd>$7000.00</dd>
|
||||
<dt>Daily Budget:</dt>
|
||||
<dd>$500.00</dd>
|
||||
<dt>Advertiser Goal:</dt>
|
||||
<dd>$6.50 CPC</dd>
|
||||
<dt>Spend:</dt>
|
||||
<dd class="bad">-$241</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>
|
||||
<td>18,225</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
<h1 class="good">103</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
<td>1,244</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
<td>$10,490.79</td>
|
||||
<td>$10,490.42</td>
|
||||
<td>$0.36</td>
|
||||
<td>$8,433.11</td>
|
||||
<td>$0.29</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
<tr class="detailed-summary">
|
||||
<td class="expanded-detail-cell" colspan="9">
|
||||
<div class="expanded-detail clearfix">
|
||||
<div class="img-wrap"><img src="img/pacing-chart-fill.png" /></div>
|
||||
<div class="stats">
|
||||
<dl>
|
||||
<dt><h2>Pacing:</h2></dt>
|
||||
<dd><h2>103</h2></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>Lifetime Budget:</dt>
|
||||
<dd>$7000.00</dd>
|
||||
<dt>Daily Budget:</dt>
|
||||
<dd>$500.00</dd>
|
||||
<dt>Advertiser Goal:</dt>
|
||||
<dd>$6.50 CPC</dd>
|
||||
<dt>Spend:</dt>
|
||||
<dd class="bad">-$241</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>
|
||||
<ul>
|
||||
<li><a href="#">Show only campaigns on this line item (14032)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="summary">
|
||||
<div>
|
||||
<img src="img/sparkline.png" class="sparkline" />
|
||||
<h1>85</h1>
|
||||
</div>
|
||||
</td>
|
||||
<td>18,225</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td>$1,822.50</td>
|
||||
<td>$1,822.48</td>
|
||||
<td>$0.02</td>
|
||||
<td>$100.00</td>
|
||||
<td>$0.00</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
var chart,
|
||||
disabled = { enabled: false },
|
||||
noText = { text: null };
|
||||
$(function(){
|
||||
$('table tr').not('.detailed-summary').bind('click', function(){
|
||||
$(this).next('tr.detailed-summary').toggle();
|
||||
});
|
||||
|
||||
chart = Highcharts.Chart({
|
||||
chart: {
|
||||
renderTo: 'sparkline',
|
||||
defaultSeriesType: 'area',
|
||||
spacingTop: 0,
|
||||
spacingBottom: 0,
|
||||
spacingRight: 0,
|
||||
spacingLeft: 0,
|
||||
type: 'area'
|
||||
},
|
||||
credits: disabled,
|
||||
legend: disabled,
|
||||
plotOptions: {
|
||||
series: { marker: disabled }
|
||||
},
|
||||
title: noText,
|
||||
tooltip: disabled,
|
||||
xAxis: {
|
||||
labels: disabled,
|
||||
title: noText
|
||||
},
|
||||
yAxis: {
|
||||
labels: disabled,
|
||||
max: 20,
|
||||
title: noText
|
||||
},
|
||||
series: [{
|
||||
name: '',
|
||||
data: [-15, -8, 4, 6, 2, 12, 25, 40, 31, 10, -1, -20, -55, -17, 20, 25, 40, 61, 30]
|
||||
},{
|
||||
name: '',
|
||||
data: [31, 10, -1, -20, -55, -17, 20, 25, 40, 61, 30, -15, -8, 4, 6, 2, 12, 25, 40]
|
||||
},{
|
||||
name: '',
|
||||
data: [4, 6, 2, 12, 25, -20, -55, -17, 20, 25, 40, 61, 30, 40, 10, 4, 5, -3, 4, 50]
|
||||
}]
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Binary file not shown.
Binary file not shown.
+1
-1
@@ -6,7 +6,7 @@
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
|
||||
<title>LUXr Prototype - Triage Screen</title>
|
||||
<link rel="stylesheet" href="css.css" type="text/css" charset="utf-8" />
|
||||
<link rel="stylesheet" href="css/css.css" type="text/css" charset="utf-8" />
|
||||
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
|
||||
<style type="text/css" media="screen">
|
||||
|
||||
+1
-1
@@ -6,7 +6,7 @@
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
|
||||
<title>LUXr Prototype - Triage Screen</title>
|
||||
<link rel="stylesheet" href="css.css" type="text/css" charset="utf-8" />
|
||||
<link rel="stylesheet" href="css/css.css" type="text/css" charset="utf-8" />
|
||||
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
|
||||
Reference in New Issue
Block a user