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

View File

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