[yocto-autobuilder-helper][dunfell 07/23] scripts/generate-testresult-index.py: Use bulma css to improve the look of the index

From: "Steve Sakoman" <steve@sakoman.com>
To: yocto@lists.yoctoproject.org
Subject: [yocto-autobuilder-helper][dunfell 07/23] scripts/generate-testresult-index.py: Use bulma css to improve the look of the index
Date: Wed, 24 Mar 2021 14:39:16 -1000	[thread overview]
Message-ID: <7b3d9d7f821620d3e0549b0f2834f8c2e0b04065.1616625264.git.steve@sakoman.com> (raw)
In-Reply-To: <cover.1616625264.git.steve@sakoman.com>

From: Richard Purdie <richard.purdie@linuxfoundation.org>

Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
(cherry picked from commit 4b8eab92ee1f68ec8cd680c62e40b17006fa6efc)
Signed-off-by: Steve Sakoman <steve@sakoman.com>
---
 scripts/generate-testresult-index.py | 34 ++++++++++++++++++++--------
 1 file changed, 24 insertions(+), 10 deletions(-)

diff --git a/scripts/generate-testresult-index.py b/scripts/generate-testresult-index.py
index c3fea84..d9d577e 100755
--- a/scripts/generate-testresult-index.py
+++ b/scripts/generate-testresult-index.py
@@ -13,18 +13,29 @@ import subprocess
 from jinja2 import Template
 
 index_templpate = """
-<h1>Index of autobuilder test results</h1>
-    
-<table>
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Index of autobuilder test results</title>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css">
+</head>
+<body>
+ 
+<table class="table is-narrow is-striped">
+<thead>
 <tr>
-  <td>Build</td>     
-  <td>Type</td>
-  <td>Branch</td>
-  <td>Test Results Report</td>
-  <td>Performance Reports</td>
-  <td>ptest Logs</td>
-  <td>Buildhistory</td>
+  <th>Build</th>
+  <th>Type</th>
+  <th>Branch</th>
+  <th>Test Results Report</th>
+  <th>Performance Reports</th>
+  <th>ptest Logs</th>
+  <th>Buildhistory</th>
 </tr>
+</thead>
+<tdata>
 {% for entry in entries %}
 <tr>
    <td><a href="{{entry[1]}}">{{entry[0]}}</a></td>
@@ -48,7 +59,10 @@ index_templpate = """
    </td>
 </tr>
 {% endfor %}
+</tdata>
 </table>
+</body>
+</html>
 """
 
 def parse_args(argv=None):
-- 
2.25.1

