Autotest: fix html and use class on CSS

This commit is contained in:
Pierre Kancir 2020-10-23 22:05:25 +02:00 committed by Andrew Tridgell
parent 60805fdfa3
commit 45a35f9470
2 changed files with 22 additions and 21 deletions

View File

@ -14,7 +14,7 @@ body {
background-image: url(/images/bg.png); background-image: url(/images/bg.png);
} }
#logo { .logo {
background-image:url(/images/logo.png); background-image:url(/images/logo.png);
background-repeat:no-repeat; background-repeat:no-repeat;
height: 120px; height: 120px;
@ -35,7 +35,7 @@ h2 {
padding-left: 5px; padding-left: 5px;
} }
#git { .git {
background-color: #FFF; background-color: #FFF;
font-size: 15px; font-size: 15px;
display: auto; display: auto;
@ -47,12 +47,12 @@ h2 {
box-shadow: 2px 2px 5px #888; box-shadow: 2px 2px 5px #888;
} }
#git a { .git a {
color:#00F; color:#00F;
font-weight: normal; font-weight: normal;
} }
#git a:hover { .git a:hover {
color:#D14836; color:#D14836;
} }
@ -65,7 +65,7 @@ h2 {
} }
#main { .main {
padding-top:0px; padding-top:0px;
min-width: 420px; min-width: 420px;
margin-top: 0; margin-top: 0;
@ -77,7 +77,7 @@ h2 {
padding-left: 20px; padding-left: 20px;
} }
ul#testresults { ul.testresults {
background-color: #FFF; background-color: #FFF;
display: block; display: block;
padding: 10px; padding: 10px;
@ -89,7 +89,7 @@ ul#testresults {
box-shadow: 2px 2px 5px #888; box-shadow: 2px 2px 5px #888;
} }
ul#testresults li { ul.testresults li {
list-style-type: none; list-style-type: none;
display: block; display: block;
background-color: #eef1f1; background-color: #eef1f1;
@ -97,7 +97,7 @@ ul#testresults li {
padding: 5px; padding: 5px;
} }
ul#testlogs { ul.testlogs {
background-color: #FFF; background-color: #FFF;
display: block; display: block;
padding: 10px; padding: 10px;
@ -109,7 +109,7 @@ ul#testlogs {
box-shadow: 2px 2px 5px #888; box-shadow: 2px 2px 5px #888;
} }
ul#testlogs li { ul.testlogs li {
text-decoration:none; text-decoration:none;
list-style-type: none; list-style-type: none;
display: block; display: block;
@ -120,13 +120,13 @@ ul#testlogs li {
} }
ul#testlogs li a { ul.testlogs li a {
text-decoration:none; text-decoration:none;
color:#8aa19c; color:#8aa19c;
font-weight: bold; font-weight: bold;
font-size: 12px; font-size: 12px;
} }
ul#testlogs li a:hover { ul.testlogs li a:hover {
color:#D14836; color:#D14836;
} }

View File

@ -1,48 +1,49 @@
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html lang="en">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ArduPilot Automatic Testing</title> <title>ArduPilot Automatic Testing</title>
<!--CSS --> <!--CSS -->
<link href="/css/main.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="css/main.css" type="text/css" />
</head> </head>
<body> <body>
<div id="main"> <div class="main">
<a href="https://autotest.ardupilot.org/"> <a href="https://autotest.ardupilot.org/">
<div id="logo"> <div class="logo">
</div> </div>
</a> </a>
<h2>Automatic test run at ${date}</h2> <h2>Automatic test run at ${date}</h2>
<div id="git">Test run on git commit <a href="https://github.com/ArduPilot/ardupilot/commit/${githash}">${githash}</a> <div class="git">Test run on git commit <a href="https://github.com/ArduPilot/ardupilot/commit/${githash}">${githash}</a>
</div> </div>
<h2>Test Results</h2> <h2>Test Results</h2>
<img src="autotest-badge.svg"></img> <img src="autotest-badge.svg" alt="missing autotest badge"/>
<ul id="testresults"> <ul class="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 id=testlogs> <ul class=testlogs>
${{files:<li>${name} - <a href="${fname}">${fname}</a> ${{files:<li>${name} - <a href="${fname}">${fname}</a>
}} }}
</ul> </ul>
<h2>Flight Tracks</h2> <h2>Flight Tracks</h2>
<ul id=testlogs> <ul class=testlogs>
${{images:${fname}<br><img src="${fname}" alt="${name}" /><p></a> ${{images:${fname}<br><img src="${fname}" alt="${name}" />
}} }}
</ul> </ul>
<h2>Older results</h2> <h2>Older results</h2>
<div id="git"> <div class="git">
Older test results are <a href="history">available here</a> Older test results are <a href="history">available here</a>
</div> </div>
</div> </div>