goosebit 0.1.0__py3-none-any.whl → 0.1.2__py3-none-any.whl

goosebit/ui/static/js/devices.js

@@ -1,72 +1,105 @@
-document.addEventListener("DOMContentLoaded", function() {
-    var dataTable = new DataTable("#device-table", {
+let dataTable;
+
+document.addEventListener("DOMContentLoaded", async () => {
+    dataTable = new DataTable("#device-table", {
         responsive: true,
-        paging: false,
+        paging: true,
+        processing: false,
+        serverSide: true,
+        order: [],
         scrollCollapse: true,
         scroller: true,
         scrollY: "65vh",
         stateSave: true,
+        stateLoadParams: (settings, data) => {
+            // if save state is older than last breaking code change...
+            if (data.time <= 1722434189000) {
+                // ... delete it
+                for (const key of Object.keys(data)) {
+                    delete data[key];
+                }
+            }
+        },
         select: true,
         rowId: "uuid",
         ajax: {
             url: "/api/devices/all",
-            dataSrc: "",
+            contentType: "application/json",
         },
-        initComplete:function(){
+        initComplete: () => {
             updateBtnState();
         },
         columnDefs: [
+            {
+                targets: [1, 2, 3, 4, 5, 6, 9, 10],
+                searchable: true,
+                orderable: true,
+            },
             {
                 targets: "_all",
-                render: function(data, type, row) {
-                    return data || "❓";
-                },
-            }
+                searchable: false,
+                orderable: false,
+                render: (data) => data || "-",
+            },
         ],
         columns: [
-            { data: 'name' },
             {
-                data: 'online',
-                render: function(data, type, row) {
-                    if ( type === 'display' || type === 'filter' ) {
-                        color = data ? "success" : "danger"
+                data: "online",
+                render: (data, type) => {
+                    if (type === "display" || type === "filter") {
+                        const color = data ? "success" : "danger";
                         return `
                         <div class="text-${color}">
                             ●
                         </div>
-                        `
+                        `;
                     }
                     return data;
-                }
+                },
             },
-            { data: 'uuid' },
-            { data: 'fw' },
+            { data: "uuid" },
+            { data: "name" },
+            { data: "hw_model" },
+            { data: "hw_revision" },
+            { data: "feed" },
+            { data: "flavor" },
+            { data: "fw_installed_version" },
+            { data: "fw_target_version" },
+            { data: "update_mode" },
+            { data: "state" },
             {
-                data: 'force_update',
-                render: function(data, type, row) {
-                    if ( type === 'display' || type === 'filter' ) {
-                        color = data ? "success" : "danger"
+                data: "force_update",
+                render: (data, type) => {
+                    if (type === "display" || type === "filter") {
+                        const color = data ? "success" : "muted";
                         return `
                         <div class="text-${color}">
                             ●
                         </div>
-                        `
+                        `;
                     }
                     return data;
-                }
+                },
             },
-            { data: 'fw_file' },
-            { data: 'last_ip' },
             {
-                data: 'last_seen',
-                render: function(data, type, row) {
-                    if ( type === 'display' || type === 'filter' ) {
+                data: "progress",
+                render: (data, type) => {
+                    if (type === "display" || type === "filter") {
+                        return data ? `${data}%` : "-";
+                    }
+                    return data;
+                },
+            },
+            { data: "last_ip" },
+            {
+                data: "last_seen",
+                render: (data, type) => {
+                    if (type === "display" || type === "filter") {
                         return secondsToRecentDate(data);
                     }
                     return data;
-                }
+                },
             },
-            { data: 'state' },
         ],
         layout: {
             top1Start: {
@@ -74,272 +107,212 @@ document.addEventListener("DOMContentLoaded", function() {
                     {
                         text: '<i class="bi bi-check-all"></i>',
                         extend: "selectAll",
-                        titleAttr: 'Select All'
+                        titleAttr: "Select All",
                     },
                     {
                         text: '<i class="bi bi-x"></i>',
                         extend: "selectNone",
-                        titleAttr: 'Clear Selection'
+                        titleAttr: "Clear Selection",
                     },
                     {
                         text: '<i class="bi bi-file-text"></i>',
-                        action: function (e, dt, node, config) {
-                            selectedDevice = dataTable.rows( {selected:true} ).data().toArray()[0];
-                            window.location.href = `/ui/logs/${selectedDevice["uuid"]}`;
+                        action: () => {
+                            const selectedDevice = dataTable.rows({ selected: true }).data().toArray()[0];
+                            window.location.href = `/ui/logs/${selectedDevice.uuid}`;
                         },
                         className: "buttons-logs",
-                        titleAttr: 'View Log'
+                        titleAttr: "View Log",
                     },
-                ]
+                ],
             },
             bottom1Start: {
                 buttons: [
                     {
                         text: '<i class="bi bi-pen" ></i>',
-                        action: function (e, dt, node, config) {
+                        action: (e, dt) => {
                             const input = document.getElementById("device-selected-name");
-                            const selectedDeviceName = dt.rows( {selected:true} ).data().toArray().map(d => d["name"])[0];
-                            input.value = selectedDeviceName;
+                            input.value = dt
+                                .rows({ selected: true })
+                                .data()
+                                .toArray()
+                                .map((d) => d.name)[0];
 
-                            new bootstrap.Modal('#device-rename-modal').show();
+                            new bootstrap.Modal("#device-rename-modal").show();
                         },
                         className: "buttons-rename",
-                        titleAttr: 'Rename Devices'
+                        titleAttr: "Rename Devices",
                     },
                     {
                         text: '<i class="bi bi-gear" ></i>',
-                        action: function (e, dt, node, config) {
-                            new bootstrap.Modal('#device-config-modal').show();
+                        action: () => {
+                            const selectedDevice = dataTable.rows({ selected: true }).data().toArray()[0];
+                            $("#rollout-selected-feed").val(selectedDevice.feed);
+                            $("#rollout-selected-flavor").val(selectedDevice.flavor);
+
+                            let selectedValue;
+                            if (selectedDevice.update_mode === "Rollout") {
+                                selectedValue = "rollout";
+                            } else if (selectedDevice.update_mode === "Latest") {
+                                selectedValue = "latest";
+                            } else {
+                                selectedValue = selectedDevice.fw_assigned;
+                            }
+                            $("#selected-fw").val(selectedValue);
+
+                            new bootstrap.Modal("#device-config-modal").show();
                         },
                         className: "buttons-config",
-                        titleAttr: 'Configure Devices'
+                        titleAttr: "Configure Devices",
                     },
                     {
                         text: '<i class="bi bi-trash" ></i>',
-                        action: function (e, dt, node, config) {
-                            selectedDevices = dt.rows( {selected:true} ).data().toArray().map(d => d["uuid"]);
+                        action: (e, dt) => {
+                            const selectedDevices = dt
+                                .rows({ selected: true })
+                                .data()
+                                .toArray()
+                                .map((d) => d.uuid);
                             deleteDevices(selectedDevices);
                         },
                         className: "buttons-delete",
-                        titleAttr: 'Delete Devices'
+                        titleAttr: "Delete Devices",
                     },
                     {
                         text: '<i class="bi bi-box-arrow-in-up-right"></i>',
-                        action: function (e, dt, node, config) {
-                            selectedDevices = dataTable.rows( {selected:true} ).data().toArray().map(d => d["uuid"]);
+                        action: () => {
+                            const selectedDevices = dataTable
+                                .rows({ selected: true })
+                                .data()
+                                .toArray()
+                                .map((d) => d.uuid);
                             forceUpdateDevices(selectedDevices);
                         },
                         className: "buttons-force-update",
-                        titleAttr: 'Force Update'
+                        titleAttr: "Force Update",
                     },
                     {
                         text: '<i class="bi bi-pin-angle"></i>',
-                        action: function (e, dt, node, config) {
-                            selectedDevices = dataTable.rows( {selected:true} ).data().toArray().map(d => d["uuid"]);
+                        action: () => {
+                            const selectedDevices = dataTable
+                                .rows({ selected: true })
+                                .data()
+                                .toArray()
+                                .map((d) => d.uuid);
                             pinDevices(selectedDevices);
                         },
                         className: "buttons-pin",
-                        titleAttr: 'Pin Version'
+                        titleAttr: "Pin Version",
                     },
-                ]
-            }
+                ],
+            },
         },
     });
 
-    dataTable.on('click', 'button.edit-name', function (e) {
-        let data = dataTable.row(e.target.closest('tr')).data();
-        uuid = data["uuid"];
-        updateDeviceName(uuid);
+    dataTable.on("click", "button.edit-name", (e) => {
+        const data = dataTable.row(e.target.closest("tr")).data();
+        updateDeviceName(data.uuid);
     });
 
-    dataTable.on( 'select', function ( e, dt, type, indexes ) {
-        updateBtnState();
-    } ).on( 'deselect', function ( e, dt, type, indexes ) {
-        updateBtnState();
-    } );
+    dataTable
+        .on("select", () => {
+            updateBtnState();
+        })
+        .on("deselect", () => {
+            updateBtnState();
+        });
 
-    setInterval(function () {
+    setInterval(() => {
         dataTable.ajax.reload(null, false);
     }, TABLE_UPDATE_TIME);
 
-    updateFirmwareSelection();
+    await updateFirmwareSelection(true);
 });
 
-
 function updateBtnState() {
-    dataTable = $("#device-table").DataTable();
-    if (dataTable.rows( {selected:true} ).any()){
-        document.querySelector('button.buttons-select-none').classList.remove('disabled');
-        document.querySelector('button.buttons-config').classList.remove('disabled');
-        document.querySelector('button.buttons-force-update').classList.remove('disabled');
-        document.querySelector('button.buttons-delete').classList.remove('disabled');
-        document.querySelector('button.buttons-pin').classList.remove('disabled');
+    if (dataTable.rows({ selected: true }).any()) {
+        document.querySelector("button.buttons-select-none").classList.remove("disabled");
+        document.querySelector("button.buttons-config").classList.remove("disabled");
+        document.querySelector("button.buttons-force-update").classList.remove("disabled");
+        document.querySelector("button.buttons-delete").classList.remove("disabled");
+        document.querySelector("button.buttons-pin").classList.remove("disabled");
     } else {
-        document.querySelector('button.buttons-select-none').classList.add('disabled');
-        document.querySelector('button.buttons-config').classList.add('disabled');
-        document.querySelector('button.buttons-force-update').classList.add('disabled');
-        document.querySelector('button.buttons-delete').classList.add('disabled');
-        document.querySelector('button.buttons-pin').classList.add('disabled');
+        document.querySelector("button.buttons-select-none").classList.add("disabled");
+        document.querySelector("button.buttons-config").classList.add("disabled");
+        document.querySelector("button.buttons-force-update").classList.add("disabled");
+        document.querySelector("button.buttons-delete").classList.add("disabled");
+        document.querySelector("button.buttons-pin").classList.add("disabled");
     }
-    if (dataTable.rows( {selected:true} ).count() == 1){
-        document.querySelector('button.buttons-logs').classList.remove('disabled');
-        document.querySelector('button.buttons-rename').classList.remove('disabled');
-    } else {
-        document.querySelector('button.buttons-logs').classList.add('disabled');
-        document.querySelector('button.buttons-rename').classList.add('disabled');
-    }
-
-
-    if(dataTable.rows( {selected:true} ).ids().toArray().length === dataTable.rows().ids().toArray().length){
-        document.querySelector('button.buttons-select-all').classList.add('disabled');
+    if (dataTable.rows({ selected: true }).count() === 1) {
+        document.querySelector("button.buttons-logs").classList.remove("disabled");
+        document.querySelector("button.buttons-rename").classList.remove("disabled");
     } else {
-        document.querySelector('button.buttons-select-all').classList.remove('disabled');
+        document.querySelector("button.buttons-logs").classList.add("disabled");
+        document.querySelector("button.buttons-rename").classList.add("disabled");
     }
 }
 
-function updateFirmwareSelection() {
-    const url = '/api/firmware/all';
+async function updateDeviceConfig() {
+    const devices = dataTable
+        .rows({ selected: true })
+        .data()
+        .toArray()
+        .map((d) => d.uuid);
+    const firmware = document.getElementById("selected-fw").value;
+    const feed = document.getElementById("rollout-selected-feed").value;
+    const flavor = document.getElementById("rollout-selected-flavor").value;
 
-    fetch(url)
-    .then(response => {
-        if (!response.ok) {
-            throw new Error('Request failed');
-        }
-        return response.json();
-    })
-    .then(data => {
-        selectElem = document.getElementById("device-selected-fw");
-
-        optionElem = document.createElement("option");
-        optionElem.value = "latest";
-        optionElem.textContent = "latest";
-
-        selectElem.appendChild(optionElem);
-
-        data.forEach(item => {
-            optionElem = document.createElement("option");
-            optionElem.value = item["name"];
-            optionElem.textContent = item["name"];
-
-            selectElem.appendChild(optionElem);
-        });
-    })
-    .catch(error => {
-        console.error('Failed to fetch device data:', error);
-    });
-}
-
-function updateDeviceConfig() {
-    selectedDevices = dataTable.rows( {selected:true} ).data().toArray().map(d => d["uuid"]);
-    selectedFirmware = document.getElementById("device-selected-fw").value;
-
-    fetch('/api/devices/update', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json'
-        },
-        body: JSON.stringify({
-            'devices': selectedDevices,
-            'firmware': selectedFirmware
-        })
-    }).then(response => {
-        if (!response.ok) {
-            throw new Error('Failed to update devices.');
-        }
-        return response.json();
-    }).catch(error => {
-        console.error('Error:', error);
-    });
+    try {
+        await post("/api/devices/update", { devices, firmware, feed, flavor });
+    } catch (error) {
+        console.error("Update device config failed:", error);
+    }
 
     setTimeout(updateDeviceList, 50);
 }
 
-function updateDeviceName() {
-    selectedDevices = dataTable.rows( {selected:true} ).data().toArray().map(d => d["uuid"]);
-    name = document.getElementById("device-selected-name").value;
+async function updateDeviceName() {
+    const devices = dataTable
+        .rows({ selected: true })
+        .data()
+        .toArray()
+        .map((d) => d.uuid);
+    const name = document.getElementById("device-selected-name").value;
 
-    fetch('/api/devices/update', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json'
-        },
-        body: JSON.stringify({
-            'devices': selectedDevices,
-            'name': name
-        })
-    }).then(response => {
-        if (!response.ok) {
-            throw new Error('Failed to update devices.');
-        }
-        return response.json();
-    }).catch(error => {
-        console.error('Error:', error);
-    });
+    try {
+        await post("/api/devices/update", { devices, name });
+    } catch (error) {
+        console.error("Update device name failed:", error);
+    }
 
     setTimeout(updateDeviceList, 50);
 }
 
-
-function forceUpdateDevices(devices) {
-    fetch('/api/devices/force_update', {
-        method: 'POST',
-         headers: {
-            'Content-Type': 'application/json'
-         },
-        body: JSON.stringify({
-            'devices': devices,
-        })
-    }).then(response => {
-        if (!response.ok) {
-            throw new Error('Failed to force device update.');
-        }
-        return response.json();
-    }).catch(error => {
-        console.error('Error:', error);
-    });
+async function forceUpdateDevices(devices) {
+    try {
+        await post("/api/devices/force_update", { devices });
+    } catch (error) {
+        console.error("Update force update state failed:", error);
+    }
 
     setTimeout(updateDeviceList, 50);
 }
 
-function deleteDevices(devices) {
-    fetch('/api/devices/delete', {
-        method: 'POST',
-         headers: {
-            'Content-Type': 'application/json'
-         },
-        body: JSON.stringify({
-            'devices': devices,
-        })
-    }).then(response => {
-        if (!response.ok) {
-            throw new Error('Failed to delete devices.');
-        }
-        return response.json();
-    }).catch(error => {
-        console.error('Error:', error);
-    });
+async function deleteDevices(devices) {
+    try {
+        await post("/api/devices/delete", { devices });
+    } catch (error) {
+        console.error("Delete device failed:", error);
+    }
 
     setTimeout(updateDeviceList, 50);
 }
 
-function pinDevices(devices) {
-    fetch('/api/devices/update', {
-        method: 'POST',
-         headers: {
-            'Content-Type': 'application/json'
-         },
-        body: JSON.stringify({
-            'devices': devices,
-            'firmware': "pinned"
-        })
-    }).then(response => {
-        if (!response.ok) {
-            throw new Error('Failed to update devices.');
-        }
-        return response.json();
-    }).catch(error => {
-        console.error('Error:', error);
-    });
+async function pinDevices(devices) {
+    try {
+        await post("/api/devices/update", { devices, pinned: true });
+    } catch (error) {
+        console.error("Error:", error);
+    }
 
     setTimeout(updateDeviceList, 50);
 }
@@ -347,24 +320,3 @@ function pinDevices(devices) {
 function updateDeviceList() {
     dataTable.ajax.reload();
 }
-
-function secondsToRecentDate(t) {
-    if (t == null) {
-        return null
-    }
-    t = Number(t);
-    var d = Math.floor(t / 86400)
-    var h = Math.floor(t % 86400 / 3600);
-    var m = Math.floor(t % 86400 % 3600 / 60);
-    var s = Math.floor(t % 86400 % 3600 % 60);
-
-    if (d > 0) {
-        return d + (d == 1 ? " day" : " days");
-    } else if (h > 0) {
-        return h + (h == 1 ? " hour" : " hours");
-    } else if (m > 0) {
-        return m + (m == 1 ? " minute" : " minutes");
-    } else {
-        return s + (s == 1 ? " second" : " seconds");
-    }
-}