mirror of
https://github.com/adnexus/luxr-prototype.git
synced 2026-07-27 06:13:04 +00:00
110 lines
3.6 KiB
HTML
110 lines
3.6 KiB
HTML
<!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>LUXr Prototype - Triage Screen</title>
|
|
<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>
|
|
|
|
<body>
|
|
|
|
<div id="container">
|
|
<form action="#" method="get" accept-charset="utf-8">
|
|
<fieldset style="display:none;">
|
|
<div class="check">
|
|
<label for="lorem_ipsum">Lorem ipsum</label>
|
|
<input type="checkbox" name="lorem_ipsum" value="" id="lorem_ipsum" />
|
|
</div>
|
|
<div class="check">
|
|
<label for="dolor_sit_amet">Dolor sit amet</label>
|
|
<input type="checkbox" name="dolor_sit_amet" value="" id="dolor_sit_amet" />
|
|
</div>
|
|
<div class="selectbox">
|
|
<select name="opts" id="opts">
|
|
<option value="option1">Option 1</option>
|
|
<option value="option2">Option 2</option>
|
|
<option value="option1">Option 3</option>
|
|
<option value="option2">Option 4</option>
|
|
<option value="option1">Option 5</option>
|
|
<option value="option2">Option 6</option>
|
|
</select>
|
|
</div>
|
|
<div class="radioset">
|
|
<label>Consectetur adipisicing elit in culpa qui officia?</label>
|
|
<input type="radio" name="pair" value="" id="yes" />
|
|
<input type="radio" name="pair" value="" id="no" />
|
|
</div>
|
|
</fieldset>
|
|
<ul class="clearfix">
|
|
<li><a href="trouble.html">Campaigns<br/>by Budget</a></li>
|
|
<li><a href="ending.html">Line Items<br/>by Budget</a></li>
|
|
<li><a href="setup.html">Impression<br/>Pacing</a></li>
|
|
<li><a href="#">Revenue<br/>Pacing</a></li>
|
|
<li><a href="#">Spend<br/>Pacing</a></li>
|
|
<li class="toggle"><a href="#">Edit<br/>Presets</a></li>
|
|
</ul>
|
|
</form>
|
|
<div id="results">
|
|
<!-- <div class="campaign">
|
|
<h1>Pacing: 72</h1>
|
|
<h2><span class="okay"></span> Health: 83%</h2>
|
|
<ul>
|
|
<li>Targeting is narrow <a href="#">Change targeting</a></li>
|
|
</ul>
|
|
<a href="#" class="cta" title="Go to detailed campaign view">➡</a>
|
|
</div>
|
|
<div class="campaign">
|
|
<h1><span class="bad"></span> Health: 61%</h1>
|
|
|
|
<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>
|
|
<a href="#" class="cta" title="Go to detailed campaign view">➡</a>
|
|
</div>
|
|
<div class="campaign">
|
|
<h1>Pacing: 108</h1>
|
|
<h2><span class="good"></span> Health: 94%</h2>
|
|
<ul>
|
|
<li>CPM is good.</li>
|
|
<li>Targeting is good.</li>
|
|
</ul>
|
|
<a href="#" class="cta" title="Go to detailed campaign view">➡</a>
|
|
</div>
|
|
<div class="campaign">
|
|
<h1>2 hours left</h1>
|
|
<h2><span class="bad"></span> Health: 54%</h2>
|
|
<ul>
|
|
<li>Targeting is narrow <a href="#">Change targeting</a></li>
|
|
</ul>
|
|
<a href="#" class="cta" title="Go to detailed campaign view">➡</a>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript" charset="utf-8">
|
|
$(function(){
|
|
var filters = $('form fieldset'),
|
|
open = filters.is(':visible');
|
|
$('li.toggle a').bind('click', function(){
|
|
if (open) {
|
|
filters.hide();
|
|
$(this).text('Edit presets');
|
|
open = false;
|
|
} else {
|
|
filters.show();
|
|
$(this).text('Save as preset');
|
|
open = true;
|
|
}
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|