feat: add full compatibility string to rollouts

goosebit/ui/bff/common/columns.py

@@ -134,6 +134,11 @@ class RolloutColumns:
         searchable=True,
         orderable=True,
     )
+    compatibility = DTColumnDescription(
+        title="Compatibility",
+        data="software.compatibility",
+        name="software__compatibility",
+    )
     paused = DTColumnDescription(
         title="Paused",
         name="paused",

goosebit/ui/bff/rollouts/routes.py

@@ -86,6 +86,7 @@ async def devices_get_columns() -> DTColumns:
                 RolloutColumns.feed,
                 RolloutColumns.sw_file,
                 RolloutColumns.sw_version,
+                RolloutColumns.compatibility,
                 RolloutColumns.paused,
                 RolloutColumns.success_count,
                 RolloutColumns.failure_count,

goosebit/ui/static/js/rollouts.js

@@ -1,6 +1,19 @@
 let dataTable;
 
 const renderFunctions = {
+    "software.compatibility": (data, type) => {
+        const result = data.reduce((acc, { model, revision }) => {
+            if (!acc[model]) {
+                acc[model] = [];
+            }
+            acc[model].push(revision);
+            return acc;
+        }, {});
+
+        return Object.entries(result)
+            .map(([model, revision]) => `${model} - ${revision.join(", ")}`)
+            .join("\n");
+    },
     paused: (data, type) => {
         if (type === "display") {
             const color = data ? "danger" : "muted";

goosebit/ui/static/js/util.js

@@ -46,7 +46,11 @@ async function updateSoftwareSelection(devices = null) {
             const optionElem = document.createElement("option");
             optionElem.value = item.id;
             optionElem.textContent = `${item.version}`;
-            const models = [...new Set(item.compatibility.map((item) => item.model))];
+            const models = [
+                ...new Set(
+                    item.compatibility.map((item) => (item.revision ? `${item.model} - ${item.revision}` : item.model)),
+                ),
+            ];
             optionElem.textContent = `${item.version} (${models})`;
             selectElem.appendChild(optionElem);
         }