ui: device: render basic device info and stability

Signed-off-by: Jakub Kicinski <[email protected]>

Author: kuba-moo

ui/devices.html

@@ -19,9 +19,22 @@
 <div>
     <h2>Device test results</h2>
     <div>
-        <p>Starting with Linux v6.12 (October 2024) all officially <i>supported</i> NIC drivers in Linux will be required to be continuously tested.</p>
+        <p>Starting with Linux v6.12 (October 2024) all officially <i>supported</i> NIC drivers in Linux are required to be continuously tested.</p>
         <p>See the <a href="https://lore.kernel.org/all/[email protected]/">announcement</a> on the mailing list.</p>
-        <p style="font-weight: bold;">No results have been reported so far.</p>
+    </div>
+</div>
+<div class="row">
+    <div class="column">
+        <h3>Latest device info</h3>
+        <table id="device_info">
+        </table>
+    </div>
+</div>
+<div class="row">
+    <div class="column">
+        <h3>Test case status</h3>
+        <table id="stability">
+        </table>
     </div>
 </div>
 </body>

ui/devices.js

@@ -1,3 +1,111 @@
+let xfr_todo = 2;
+let dev_info = null;
+let stability = null;
+
+function load_tables()
+{
+    // Turn stability into matrix by executor
+    let rn_seen = new Set();
+    let tn_db = [];
+    let sta_db = {};
+
+    for (ste of stability) {
+	let tn = ste.grp + ':' + ste.test + ':' + ste.subtest;
+	if (ste.subtest == null)
+	    tn = ste.grp + ':' + ste.test + ':';
+	let rn = ste.remote + ste.executor;
+
+	if (!(tn in sta_db)) {
+	    sta_db[tn] = {};
+	    tn_db.push(tn);
+	}
+
+	sta_db[tn][rn] = ste;
+	rn_seen.add(rn);
+    }
+
+    // Simple sort by name
+    tn_db.sort();
+
+    // Render device info
+    let display_names = {};
+    let dev_table = document.getElementById("device_info");
+
+    for (dev of dev_info) {
+	let rn = dev.remote + dev.executor;
+	if (!rn_seen.has(rn))
+	    continue;
+
+	let row = dev_table.insertRow();
+
+	row.insertCell(0).innerText = dev.remote;
+	row.insertCell(1).innerText = dev.executor;
+
+	const info = JSON.parse(dev.info);
+	const driver = info.driver;
+	row.insertCell(2).innerText = driver;
+
+	delete info.driver;
+	const versions = JSON.stringify(info);
+	row.insertCell(3).innerText = versions;
+
+	display_names[dev.remote + dev.executor] =
+	    dev.remote + '<br />' + dev.executor + '<br />' + driver;
+    }
+
+    // Create headers
+    let sta_tb = document.getElementById("stability");
+
+    const hdr = sta_tb.createTHead().insertRow();
+    hdr.insertCell().innerText = 'Group';
+    hdr.insertCell().innerText = 'Test';
+    hdr.insertCell().innerText = 'Subtest';
+    for (rn of Object.keys(display_names)) {
+	let cell = hdr.insertCell();
+
+	cell.innerHTML = display_names[rn];
+	cell.setAttribute("style", "writing-mode: tb-rl;");
+    }
+
+    // Display
+    for (tn of tn_db) {
+	let row = sta_tb.insertRow();
+
+	row.insertCell(0).innerText = tn.split(':')[0];
+	row.insertCell(1).innerText = tn.split(':')[1];
+	let cell = row.insertCell(2);
+	if (tn.split(':').length == 3)
+	    cell.innerText = tn.split(':')[2];
+
+	let i = 3;
+	for (rn of Object.keys(display_names)) {
+	    cell = row.insertCell(i++);
+	    if (rn in sta_db[tn]) {
+		let ste = sta_db[tn][rn];
+
+		if (ste.passing)
+		    cell.setAttribute("class", "box-pass");
+		else
+		    cell.setAttribute("class", "box-skip");
+	    }
+	}
+    }
+}
+
 function do_it()
 {
+    $(document).ready(function() {
+        $.get("query/device-info", function(data_raw) {
+	    dev_info = data_raw;
+	    if (!--xfr_todo)
+		load_tables();
+	})
+    });
+    $(document).ready(function() {
+        $.get("query/stability?auto=1", function(data_raw) {
+	    stability = data_raw;
+	    if (!--xfr_todo)
+		load_tables();
+	})
+    });
 }