adnexus/luxr-prototype
1
0
Fork 0
mirror of https://github.com/adnexus/luxr-prototype.git synced 2026-07-26 22:08:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

reorganizing file stucture to accomodate added complexity

Browse Source
This commit is contained in:
philgran
2011-04-05 12:04:03 -04:00
parent e1ac58229e
commit 9ebc83a3af
15 changed files with 333 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
campaign.html
+50 -46
View File
@@ -6,8 +6,8 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>untitled</title>
<script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="highcharts.js" type="text/javascript" charset="utf-8"></script>
<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>
@@ -17,50 +17,54 @@
<script type="text/javascript" charset="utf-8">
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'chart',
defaultSeriesType: 'area'
},
title: {
text: 'Impression Budgets for Campaign ABC (23423)'
},
xAxis: {
categories: ['Day 1', 'Day 2', 'Day 3', 'Day 4', 'Day 5', 'Day 6', 'Day 7'],
tickmarkPlacement: 'on',
title: {
enabled: false
}
},
yAxis: {
title: {
text: 'Impressions'
},
labels: {
formatter: function() {
return this.value;
}
}
},
plotOptions: {
area: {
// stacking: 'normal',
lineColor: '#666666',
lineWidth: 1,
marker: {
lineWidth: 1,
lineColor: '#666666'
}
}
},
series: [{
name: 'Lifetime Budget',
data: [1500, 5000, 7000, 9500, 13500, 23000, 30000]
}, {
name: 'Daily Budget',
data: [1500, 3500, 2000, 2500, 4000, 9500, 7000]
}]
});
chart = new Highcharts.Chart({
chart: {
renderTo: 'chart',
defaultSeriesType: 'area'
},
colors: ['#cccccc', '#00ff00', '#ff0000'],
title: {
text: 'Impression Budgets for Campaign ABC (23423)'
},
xAxis: {
categories: ['Day 1', 'Day 2', 'Day 3', 'Day 4', 'Day 5', 'Day 6', 'Day 7'],
tickmarkPlacement: 'on',
title: {
enabled: false
}
},
yAxis: {
title: {
text: 'Impressions'
},
labels: {
formatter: function() {
return this.value;
}
}
},
plotOptions: {
area: {
// stacking: 'normal',
lineColor: '#666666',
lineWidth: 1,
marker: {
lineWidth: 1,
lineColor: '#666666'
}
}
},
series: [{
name: 'Pacing',
data: [0, 5000, 10000, 15000, 20000, 25000, 30000]
}, {
name: 'Lifetime Budget',
data: [1500, 5000, 7000, 12000, 25500, 32000, 30000]
}, {
name: 'Daily Budget',
data: [1500, 3500, 2000, 2500, 4000, 9500, 7000]
}]
});
});
css.css → css/css.css
+1 -1
View File
@@ -129,7 +129,7 @@ form ul li.toggle a {
.okay { background: orange; }
.good { background: green; }
.warn {
background: url(error-sm.gif) no-repeat 2px center;
background: url(img/error-sm.gif) no-repeat 2px center;
color: red;
font-weight: bold;
padding-left: 18px;
css/list.css
+65
View File
@@ -0,0 +1,65 @@
* {
margin: 0;
padding: 0;
}
body {
font: 75%/1.5 "Helvetica Neue", Helvetica, sans-serif;
}
/* h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 8px;
} */
h1 {
font-size: 24px;
}
a {
color: #000;
font-weight: bold;
text-decoration: none;
}
#container {
margin: 0 auto;
padding: 20px 0 0;
width: 900px;
}
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;
vertical-align: middle;
}
table tbody tr:nth-child(odd) td {
background: #f9f9f9;
}
table th[class] {
text-align: center;
}
table td[class] {
text-align: left;
}
table td div {
height: 43px;
}
table h1 {
display: inline-block;
line-height: 43px;
margin: 0 1em;
}
img.sparkline {
float: left;
}
ending.html
+3 -3
View File
@@ -7,9 +7,9 @@
<title>LUXr Prototype - Triage Screen</title>
<link rel="stylesheet" href="css.css" type="text/css" charset="utf-8" />
<script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="highcharts.js" type="text/javascript" charset="utf-8"></script>
<script src="js.js" type="text/javascript" charset="utf-8"></script>
<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>
</head>
<body>
error-sm.gif → img/error-sm.gif
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 330 B

After

Width:  |  Height:  |  Size: 330 B

img/sparkline.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

index.html
+2 -2
View File
@@ -7,8 +7,8 @@
<title>LUXr Prototype - Triage Screen</title>
<link rel="stylesheet" href="css.css" type="text/css" charset="utf-8" />
<script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js.js" type="text/javascript" charset="utf-8"></script>
<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>
<body>
highcharts.js → js/highcharts.js
View File
jquery.min.js → js/jquery.min.js
Vendored
View File
js.js → js/js.js
View File
list.html
+208 -6
View File
@@ -6,17 +6,219 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>untitled</title>
<script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="highcharts.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="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">
<!-- <ul id="campaigns">
<li>
<!-- Create graph in photoshop -->
<img src="sparkline.png" />
<h1>85</h1>
</li>
</ul>
</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="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 colspan="9">
<div>
</div>
</td>
</tr>
<tr>
<td class="summary">
<div>
<img src="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="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="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="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="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="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="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="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="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="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>
</body>
</html>
psd/pacing chart.psd
BIN
View File
Binary file not shown.
psd/sparkline.psd
BIN
View File
Binary file not shown.
setup.html
+2 -2
View File
@@ -7,8 +7,8 @@
<title>LUXr Prototype - Triage Screen</title>
<link rel="stylesheet" href="css.css" type="text/css" charset="utf-8" />
<script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js.js" type="text/javascript" charset="utf-8"></script>
<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">
.campaign h2 { border-bottom: 1px solid; }
</style>
trouble.html
+2 -2
View File
@@ -7,8 +7,8 @@
<title>LUXr Prototype - Triage Screen</title>
<link rel="stylesheet" href="css.css" type="text/css" charset="utf-8" />
<script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js.js" type="text/javascript" charset="utf-8"></script>
<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>
<body>