Mirror
/
ardupilot
mirror of https://github.com/ArduPilot/ardupilot
5
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

autotest: improved web page layout 

now uses a css style sheet
This commit is contained in:
Max Levine 2011-11-10 07:14:28 +11:00 committed by Andrew Tridgell
parent 0e1727e492
commit 48e411a5d5
2 changed files with 150 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
Tools/autotest/web/css/main.css Normal file
View File

@ -0,0 +1,124 @@
@charset "utf-8";
/* CSS Document */
/* Background-Styles */
html {
overflow-y: scroll;
}
body {
font-family:Helvetica;
margin:0px;
padding:0px;
background-color: #fff;
background-image: url(images/bg.png);
}
#logo {
background-image:url(images/logo.png);
background-repeat:no-repeat;
height: 120px;
width: 420px;
-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
box-shadow: 2px 2px 5px #888;
background-color: #000;
}
h2 {
text-shadow: #ccc 0px 1px 0px;
text-decoration:none;
color:#D14836;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
#git {
background-color: #FFF;
font-size: 15px;
display: auto;
padding: 10px;
border: 1px solid #CCC;
position: relative;
-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
box-shadow: 2px 2px 5px #888;
}
#git a {
color:#00F;
font-weight: normal;
}
#git a:hover {
color:#D14836;
}
#main {
padding-top:0px;
min-width: 420px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-right: 20px;
padding-bottom: 50px;
padding-left: 20px;
}
ul#testresults {
background-color: #FFF;
display: block;
padding: 10px;
border: 1px solid #CCC;
list-style-type: none;
position: relative;
-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
box-shadow: 2px 2px 5px #888;
}
ul#testresults li {
list-style-type: none;
display: block;
background-color: #eef1f1;
margin: 5px;
padding: 5px;
}
ul#testlogs {
background-color: #FFF;
display: block;
padding: 10px;
border: 1px solid #CCC;
list-style-type: none;
position: relative;
-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
box-shadow: 2px 2px 5px #888;
}
ul#testlogs li {
text-decoration:none;
list-style-type: none;
display: block;
background-color: #eef1f1;
margin: 5px;
padding: 5px;
font-size: 15px;
}
ul#testlogs li a {
text-decoration:none;
color:#8aa19c;
font-weight: bold;
font-size: 12px;
}
ul#testlogs li a:hover {
color:#D14836;
}

41
Tools/autotest/web/index.html
View File

@ -1,31 +1,42 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE HTML>
<HTML> <head>
<HEAD> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>ArduPilot Automatic Testing</TITLE> <title>ArduPilot Automatic Testing</title>
</HEAD>
<BODY> <!--CSS -->
<a href="http://autotest.diydrones.com/"><image src="logo.png"/></a> <link href="css/main.css" rel="stylesheet" type="text/css" />
<h1>ArduPilot Automatic Testing</h1> </head>
<body>
<div id="main">
<a href="http://autotest.diydrones.com/">
<div id="logo">
</div>
</a>
<h2>Automatic test run at ${date}</h2> <h2>Automatic test run at ${date}</h2>
Test run on git commit <a href="http://code.google.com/p/ardupilot-mega/source/detail?r=${githash}">${githash}</a> <div id="git">Test run on git commit <a href="http://code.google.com/p/ardupilot-mega/source/detail?r=${githash}">${githash}</a>
</div>
<ul> <h2>Test Results</h2>
<ul id="testresults">
${{tests:<li>${name} - ${result} (${elapsed} seconds)</li> ${{tests:<li>${name} - ${result} (${elapsed} seconds)</li>
}} }}
</ul> </ul>
<h2>Test logs</h2> <h2>Test logs</h2>
<ul> <ul id=testlogs>
${{files:<li>${name} - <a href="${fname}">${fname}</a> ${{files:<li>${name} - <a href="${fname}">${fname}</a>
}} }}
</ul> </ul>
<h2>Older results</h2> <h2>Older results</h2>
<div id="git">
Older test results are <a href="history">available here</a> Older test results are <a href="history">available here</a>
</div>
</BODY> </div>
</HTML> </body>
</html>