goosebit 0.1.0__py3-none-any.whl

goosebit/ui/static/js/index.js

@@ -0,0 +1,161 @@
+document.addEventListener("DOMContentLoaded", function() {
+    var dataTable = new DataTable("#device-table", {
+        responsive: true,
+        paging: false,
+        scrollCollapse: true,
+        scroller: true,
+        scrollY: "65vh",
+        stateSave: true,
+        ajax: {
+            url: "/api/devices/all",
+            dataSrc: "",
+        },
+        initComplete:function(){
+            updateBtnState();
+        },
+        columnDefs: [
+            {
+                targets: "_all",
+                render: function(data, type, row) {
+                    return data || "❓";
+                },
+            }
+        ],
+        columns: [
+            { data: 'name' },
+            {
+                data: 'online',
+                render: function(data, type, row) {
+                    if ( type === 'display' || type === 'filter' ) {
+                        online = data ? "Online" : "Offline"
+                        color = data ? "success" : "danger"
+                        return `
+                        <div class="text-${color}">
+                            ●
+                        </div>
+                        `
+                    }
+                    return data;
+                }
+            },
+            { data: 'uuid' },
+            { data: 'fw' },
+            { data: 'last_ip' },
+            {
+                data: 'last_seen',
+                render: function(data, type, row) {
+                    if ( type === 'display' || type === 'filter' ) {
+                        return secondsToRecentDate(data);
+                    }
+                    return data;
+                }
+            },
+        ],
+        select: true,
+        rowId: "uuid",
+        layout: {
+            top1Start: {
+                buttons: [
+                    {
+                        text: '<i class="bi bi-check-all"></i>',
+                        extend: "selectAll",
+                        titleAttr: 'Select All'
+                    },
+                    {
+                        text: '<i class="bi bi-x"></i>',
+                        extend: "selectNone",
+                        titleAttr: 'Clear Selection'
+                    },
+                    {
+                        text: '<i class="bi bi-file-earmark-arrow-down"></i>',
+                        action: function (e, dt, node, config) {
+                            selectedDevices = dt.rows( {selected:true} ).data().toArray();
+                            downloadLogins(selectedDevices);
+                        },
+                        className: "buttons-export-login",
+                        titleAttr: 'Export Login'
+                    },
+                    {
+                        text: '<i class="bi bi-file-text"></i>',
+                        action: function (e, dt, node, config) {
+                            selectedDevice = dt.rows( {selected:true} ).data().toArray()[0];
+                            window.location.href = `/ui/logs/${selectedDevice["uuid"]}`;
+                        },
+                        className: "buttons-logs",
+                        titleAttr: 'View Log'
+                    },
+                ]
+            }
+        }
+    });
+
+    dataTable.on( 'select', function ( e, dt, type, indexes ) {
+        updateBtnState();
+    } ).on( 'deselect', function ( e, dt, type, indexes ) {
+        updateBtnState();
+    } );
+
+    setInterval(function () {
+        dataTable.ajax.reload(null, false);
+    }, TABLE_UPDATE_TIME);
+});
+
+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-export-login').classList.remove('disabled');
+    } else {
+        document.querySelector('button.buttons-select-none').classList.add('disabled');
+        document.querySelector('button.buttons-export-login').classList.add('disabled');
+    }
+    if (dataTable.rows( {selected:true} ).count() == 1){
+        document.querySelector('button.buttons-logs').classList.remove('disabled');
+    } else {
+        document.querySelector('button.buttons-logs').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');
+    } else {
+        document.querySelector('button.buttons-select-all').classList.remove('disabled');
+    }
+}
+
+function downloadLogins(devices) {
+    let deviceLogins = devices.map(dev => {
+        return [dev["name"], `https://${dev["uuid"]}-access.loadsync.io`, dev["uuid"], dev["web_pwd"]];
+    });
+    deviceLogins.unshift(["Building", "Access Link", "Serial Number/Wifi SSID", "Login/Wifi Password"]);
+
+    let csvContent = "data:text/csv;charset=utf-8," + deviceLogins.map(e => e.join(",")).join("\n");
+    var encodedUri = encodeURI(csvContent);
+    var link = document.createElement("a");
+    link.setAttribute("href", encodedUri);
+    link.setAttribute("download", "LoadsyncLogins-Export.csv");
+    document.body.appendChild(link);
+
+    link.click();
+}
+
+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");
+    }
+}

goosebit/ui/static/js/logs.js

@@ -0,0 +1,18 @@
+document.addEventListener("DOMContentLoaded", function() {
+    var logs_ws = create_ws(`/realtime/logs/${device}`);
+
+    logs_ws.addEventListener('message', (event) => {
+        res = JSON.parse(event.data);
+
+        const logElem = document.getElementById('device-log');
+        if (res["clear"]) {
+            logElem.textContent = ""
+        }
+        logElem.textContent += res["log"];
+    });
+});
+
+function create_ws(s) {
+    var l = window.location;
+    return new WebSocket(((l.protocol === "https:") ? "wss://" : "ws://") + l.hostname + (((l.port != 80) && (l.port != 443)) ? ":" + l.port : "") + s);
+}

goosebit/ui/static/svg/goosebit-logo.svg

@@ -0,0 +1 @@
+<svg width="160mm" height="160mm" version="1.1" viewBox="0 0 160 160" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-32.316 -71.486)"><g transform="translate(3.1433 .77798)" stroke="#000"><path d="m112.72 77.662a3.072 3.072 0 0 0-3.0722 3.0722 3.072 3.072 0 0 0 0.89762 2.1699v13.542h-43.886c-7.6869 0-14.133 5.0881-16.192 12.091h-12.416a3.072 3.072 0 0 0-2.159-0.89762 3.072 3.072 0 0 0-3.0722 3.0722 3.072 3.072 0 0 0 3.0722 3.0722 3.072 3.072 0 0 0 2.1699-0.89762h11.731c-0.0039 0.15084-0.02274 0.29776-0.02274 0.44958v7.3003h-11.719a3.072 3.072 0 0 0-2.159-0.89762 3.072 3.072 0 0 0-3.0722 3.0722 3.072 3.072 0 0 0 3.0722 3.0722 3.072 3.072 0 0 0 2.1699-0.89762h11.708v7.7499h-11.719a3.072 3.072 0 0 0-2.159-0.89762 3.072 3.072 0 0 0-3.0722 3.0722 3.072 3.072 0 0 0 3.0722 3.0722 3.072 3.072 0 0 0 2.1699-0.89762h11.708v7.7499h-11.719a3.072 3.072 0 0 0-2.159-0.89762 3.072 3.072 0 0 0-3.0722 3.0722 3.072 3.072 0 0 0 3.0722 3.0722 3.072 3.072 0 0 0 2.1699-0.89762h11.708v7.7499h-11.719a3.072 3.072 0 0 0-2.159-0.89762 3.072 3.072 0 0 0-3.0722 3.0722 3.072 3.072 0 0 0 3.0722 3.0722 3.072 3.072 0 0 0 2.1699-0.89762h11.708v7.7499h-11.719a3.072 3.072 0 0 0-2.159-0.89762 3.072 3.072 0 0 0-3.0722 3.0722 3.072 3.072 0 0 0 3.0722 3.0722 3.072 3.072 0 0 0 2.1699-0.89761h11.708v7.7494h-11.719a3.072 3.072 0 0 0-2.159-0.89762 3.072 3.072 0 0 0-3.0722 3.0722 3.072 3.072 0 0 0 3.0722 3.0722 3.072 3.072 0 0 0 2.1699-0.89762h11.708v7.3008c0 0.1517 0.0188 0.29835 0.02274 0.44907h-11.742a3.072 3.072 0 0 0-2.159-0.89762 3.072 3.072 0 0 0-3.0722 3.0722 3.072 3.072 0 0 0 3.0722 3.0722 3.072 3.072 0 0 0 2.1699-0.89762h12.405c1.6399 5.5765 6.0655 9.9236 11.683 11.468v15.152a3.072 3.072 0 0 0-0.89762 2.159 3.072 3.072 0 0 0 3.0722 3.0722 3.072 3.072 0 0 0 3.0722-3.0722 3.072 3.072 0 0 0-0.89762-2.1699v-14.527c0.05398 5e-4 0.10609 8e-3 0.1602 8e-3h7.5897v14.529a3.072 3.072 0 0 0-0.89762 2.159 3.072 3.072 0 0 0 3.0722 3.0722 3.072 3.072 0 0 0 3.0722-3.0722 3.072 3.072 0 0 0-0.89762-2.1699v-14.518h7.7494v14.529a3.072 3.072 0 0 0-0.89762 2.159 3.072 3.072 0 0 0 3.0722 3.0722 3.072 3.072 0 0 0 3.0722-3.0722 3.072 3.072 0 0 0-0.89762-2.1699v-14.518h7.7499v14.529a3.072 3.072 0 0 0-0.89762 2.159 3.072 3.072 0 0 0 3.0722 3.0722 3.072 3.072 0 0 0 3.0722-3.0722 3.072 3.072 0 0 0-0.89762-2.1699v-14.518h7.7499v14.529a3.072 3.072 0 0 0-0.89762 2.159 3.072 3.072 0 0 0 3.0722 3.0722 3.072 3.072 0 0 0 3.0722-3.0722 3.072 3.072 0 0 0-0.89762-2.1699v-14.518h7.7499v14.529a3.072 3.072 0 0 0-0.89762 2.159 3.072 3.072 0 0 0 3.0722 3.0722 3.072 3.072 0 0 0 3.0722-3.0722 3.072 3.072 0 0 0-0.89762-2.1699v-14.518h7.7499v14.529a3.072 3.072 0 0 0-0.89762 2.159 3.072 3.072 0 0 0 3.0722 3.0722 3.072 3.072 0 0 0 3.0722-3.0722 3.072 3.072 0 0 0-0.89762-2.1699v-14.518h7.5892c0.0543 0 0.10656-8e-3 0.16071-8e-3v14.538a3.072 3.072 0 0 0-0.89762 2.159 3.072 3.072 0 0 0 3.0722 3.0722 3.072 3.072 0 0 0 3.0722-3.0722 3.072 3.072 0 0 0-0.89762-2.1699v-15.141c5.6174-1.5445 10.043-5.8916 11.682-11.468h12.992a3.072 3.072 0 0 0 2.159 0.89762 3.072 3.072 0 0 0 3.0722-3.0722 3.072 3.072 0 0 0-3.0722-3.0722 3.072 3.072 0 0 0-2.1699 0.89762h-12.307c4e-3 -0.15072 0.0227-0.29737 0.0227-0.44907v-7.3008h12.295a3.072 3.072 0 0 0 2.159 0.89762 3.072 3.072 0 0 0 3.0722-3.0722 3.072 3.072 0 0 0-3.0722-3.0722 3.072 3.072 0 0 0-2.1699 0.89762h-12.284v-7.7494h12.295a3.072 3.072 0 0 0 2.159 0.89761 3.072 3.072 0 0 0 3.0722-3.0722 3.072 3.072 0 0 0-3.0722-3.0722 3.072 3.072 0 0 0-2.1699 0.89762h-12.284v-7.7499h12.295a3.072 3.072 0 0 0 2.159 0.89762 3.072 3.072 0 0 0 3.0722-3.0722 3.072 3.072 0 0 0-3.0722-3.0722 3.072 3.072 0 0 0-2.1699 0.89762h-12.284v-43.597c0-7.791-5.2299-14.3-12.38-16.266v-14.176a3.072 3.072 0 0 0 0.89762-2.159 3.072 3.072 0 0 0-3.0722-3.0722 3.072 3.072 0 0 0-3.0722 3.0722 3.072 3.072 0 0 0 0.89762 2.1699v13.551c-0.0542-5.05e-4 -0.10644-0.0083-0.16071-0.0083h-7.5892v-13.553a3.072 3.072 0 0 0 0.89762-2.159 3.072 3.072 0 0 0-3.0722-3.0722 3.072 3.072 0 0 0-3.0722 3.0722 3.072 3.072 0 0 0 0.89762 2.1699v13.542h-7.7499v-13.553a3.072 3.072 0 0 0 0.89762-2.159 3.072 3.072 0 0 0-3.0722-3.0722 3.072 3.072 0 0 0-3.0722 3.0722 3.072 3.072 0 0 0 0.89762 2.1699v13.542h-7.7499v-13.553a3.072 3.072 0 0 0 0.89762-2.159 3.072 3.072 0 0 0-3.0722-3.0722z" fill="#fff"/><g><path d="m83.315 71.988c-7.7785-0.10611-12.693 4.0778-12.693 4.0778s-4.8045 3.244-6.8197 5.6885c-2.0152 2.4446-3.9998 3.3161-3.9998 3.3161l-10.92 4.4292s-4.3039 2.004-4.6829 6.8874c-0.37903 4.8834 8.6052 6.8151 8.6052 6.8151l10.779 1.2867c-3.797 2.1848-6.349 6.2714-6.349 10.984v74.649c0 7.0224 5.6533 12.676 12.676 12.676h74.649c7.0224 0 12.676-5.6533 12.676-12.676v-28.141c19.08-22.042 22.782-33.839 22.782-33.839s2.3205-7.1538 4.8922-15.174c2.5717-8.0199-3.6974-6.8585-3.6974-6.8585l-24.252 6.7293c-1.207-5.7485-6.2825-10.041-12.4-10.041h-33.177c-1.9266-19.83-13.78-25.894-13.78-25.894-5.3521-3.6273-10.213-4.8599-14.287-4.9155z" fill="#121e2c"/><path d="m69.443 107.99c-3.9647 0-7.1567 3.1915-7.1567 7.1562v40.219c0.96019-8.4807 4.4328-18.052 9.6733-24.824 9.8714-12.755 9.3931-19.262 5.7521-22.552zm42.644 0c0.24496 10.488-4.3418 20.083-4.3418 20.083l44.46-13.835c-0.44487-3.5314-3.4372-6.2477-7.0931-6.2477zm-49.801 61.069v21.844c0 3.9647 3.192 7.1562 7.1567 7.1562h18.112c-8.3075-3.693-21.415-12.054-25.268-29z" fill="#29befe"/><path d="m178.96 112.14-69.703 20.837s-18.894 12.226-6.2239 35.914c0.31428-4e-3 39.979 0.0384 39.979 0.0384s5.3864-3.9688 9.3648-9.8406l-40.695-0.25269s-2.0754 0.0793-2.0075-2.3201c0.068-2.3994 1.2177-2.4825 1.2177-2.4825l44.832 0.25605s3.3352-2.6554 8.4851-11.307l-46.34-0.0399s-1.8324-0.34051-1.7768-2.6268c0.0556-2.2863 2.6305-2.585 2.6305-2.585l45.957-0.17048s2.2148 0.37311 4.94-2.6224c2.7252-2.9954 9.801-21.321 9.801-21.321s0.63122-1.6448-0.46214-1.4781zm-72.26 60.929 33.354-0.22045s-4.43 6.7245-14.346 7.0264c-14.503 0.44144-19.008-6.8059-19.008-6.8059zm-39.296-87.393 7.3033 15.24s22.892 2.1374 4.4586 29.071c-18.433 26.934-7.9015 44.329-7.9015 44.329s10.309 21.075 36.028 23.294l35.722 0.45927s7.6669 5e-3 8.9801-7.2795l-0.0255-22.663s-10.703 16.455-23.723 17.408c-9.6849 0.70923-14.934-1.1038-17.672-2.5611-2.2513-1.1981-30.046-14.686-11.338-50.201 16.735-31.77-0.73572-47.166-0.73572-47.166l-13.986 3.0599s0.67535 2.9676-1.8951 4.436c-1.9916 1.1377-5.4854 0.11131-6.6183-1.8831-1.1522-2.0285-0.22903-5.5118 1.8024-6.7625 2.7445-1.6898 5.1812-0.15486 5.1812-0.15486l12.185-2.4294s-15.541-10.99-27.765 3.8033zm2.126 14.889s-16.877-2.0953-19.634-2.9542c-2.7568-0.85892-0.37994-2.5393-0.37994-2.5393s10.175-2.8442 14.302-6.5923z" fill="#fff"/></g></g></g></svg>

goosebit/ui/templates/__init__.py

@@ -0,0 +1,5 @@
+from pathlib import Path
+
+from fastapi.templating import Jinja2Templates
+
+templates = Jinja2Templates(str(Path(__file__).resolve().parent))

goosebit/ui/templates/devices.html

@@ -0,0 +1,82 @@
+{% extends "nav.html" %}
+{% block content %}
+<div class="container-fluid">
+    <div class="row p-2 d-flex justify-content-center">
+        <div class="col">
+            <table id="device-table" class="table table-hover">
+                <thead>
+                    <tr>
+                        <th>
+                            Name
+                        </th>
+                        <th>
+                            Up
+                        </th>
+                        <th>
+                            UUID
+                        </th>
+                        <th>
+                            Firmware
+                        </th>
+                        <th>
+                            Force Update
+                        </th>
+                        <th>
+                            Update File
+                        </th>
+                        <th>
+                            Last IP
+                        </th>
+                        <th>
+                            Last Seen
+                        </th>
+                        <th>
+                            State
+                        </th>
+                    </tr>
+                </thead>
+                <tbody id="devices-list">
+
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+<div class="modal" id="device-config-modal">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Configure Devices</h5>
+            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                <select class="form-select" id="device-selected-fw">
+
+                </select>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                <button type="button" class="btn btn-primary" data-bs-dismiss="modal" onclick="updateDeviceConfig()">Save changes</button>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="modal" id="device-rename-modal">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Rename Device</h5>
+            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                <input id="device-selected-name" class="form-control" placeholder="Name"/>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                <button type="button" class="btn btn-primary" data-bs-dismiss="modal" onclick="updateDeviceName()">Save changes</button>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="{{ url_for('static', path='js/devices.js') }}"></script>
+{% endblock content %}

goosebit/ui/templates/firmware.html

@@ -0,0 +1,47 @@
+{% extends "nav.html" %}
+{% block content %}
+<div class="container-fluid">
+    <div class="row p-2 pt-4 g-4 d-flex justify-content-center">
+        {% if "firmware.write" in request.user.permissions %}
+        <div class="col col-12 col-lg-6">
+            <div class="card border rounded">
+                <div class="card-header">
+                    <h3>Upload SWUpdate File</h3>
+                </div>
+                <div class="card-body">
+                    <form id="upload-form">
+                        <div class="row g-3 row-cols-1">
+                            <div class="col">
+                                <input class="form-control" type="file" accept=".swu" id="file-upload" name="file" />
+                            </div>
+                            <div class="col">
+                                <input class="btn btn-primary w-100" id="file-upload-submit" type="submit" value="Upload" />
+                            </div>
+                            <h3>Upload Progress</h3>
+                            <div class="col">
+                                <div class="progress w-100" style=" height: 40px;" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
+                                    <div class="progress-bar progress-bar-striped progress-bar-animated" id="upload-progress" style="width: 0%;">0%</div>
+                                </div>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+        {% endif %}
+        <div class="col-12 col-lg-6">
+            <div class="card border rounded">
+                <div class="card-header">
+                <h3>Firmware</h3>
+                </div>
+                <div class="card-body p-3">
+                    <ul class="list-group" id="firmware-list">
+
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="{{ url_for('static', path='js/firmware.js') }}"></script>
+{% endblock content %}

goosebit/ui/templates/index.html

@@ -0,0 +1,37 @@
+{% extends "nav.html" %}
+{% block content %}
+<div class="container-fluid">
+    <div class="row p-2 d-flex justify-content-center">
+        <div class="col">
+            <table id="device-table" class="table table-hover">
+                <thead>
+                    <tr>
+                        <th>
+                            Name
+                        </th>
+                        <th>
+                            Up
+                        </th>
+                        <th>
+                            UUID
+                        </th>
+                        <th>
+                            Firmware
+                        </th>
+                        <th>
+                            Last IP
+                        </th>
+                        <th>
+                            Last Seen
+                        </th>
+                    </tr>
+                </thead>
+                <tbody id="devices-list">
+
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+<script src="{{ url_for('static', path='js/index.js') }}"></script>
+{% endblock content %}

goosebit/ui/templates/login.html

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Login</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+    <link rel="icon" href="{{ url_for('static', path='favicon.svg') }}">
+</head>
+<body data-bs-theme="dark">
+    <div class="container py-5 h-100">
+        <div class="row d-flex justify-content-center align-items-center h-100">
+            <div class="col-12 col-md-8 col-lg-6 col-xl-5">
+                <div class="mb-md-5 mt-md-4 pb-5">
+                    <h2 class="fw-bold mb-3 text-uppercase">Login</h2>
+                    <form method="post">
+                        <div class="form-outline form-white mb-4">
+                            <input type="email" id="username" name="username" placeholder="Email" class="form-control form-control-lg" />
+                        </div>
+
+                        <div class="form-outline form-white mb-4">
+                            <input type="password" id="password" name="password" placeholder="Password" class="form-control form-control-lg" />
+                        </div>
+
+                        <button class="btn btn-outline-light btn-lg px-5 w-100" type="submit">Login</button>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+</html>

goosebit/ui/templates/logs.html

@@ -0,0 +1,21 @@
+{% extends "nav.html" %}
+{% block content %}
+<div class="container-fluid">
+    <div class="row p-2 d-flex justify-content-center">
+        <div class="col col-12 col-lg-9">
+            <div class="card border rounded">
+                <div class="card-header">
+                    <h3>Logs - {{ device }}</h3>
+                </div>
+                <div class="card-body">
+                    <pre id="device-log"></pre>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script>
+    device = "{{ device }}"
+</script>
+<script src="{{ url_for('static', path='js/logs.js') }}"></script>
+{% endblock content %}

goosebit/ui/templates/nav.html

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <script>
+            const PERMISSIONS = {{request.user.get_json_permissions() | safe}};
+        </script>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>{{title}}</title>
+        <!--bootstrap-->
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+        <!--data tables-->
+        <link href="https://cdn.datatables.net/v/bs5/jq-3.7.0/dt-2.0.1/b-3.0.0/r-3.0.0/sl-2.0.0/datatables.min.css" rel="stylesheet">
+        <script src="https://cdn.datatables.net/v/bs5/jq-3.7.0/dt-2.0.1/b-3.0.0/r-3.0.0/sl-2.0.0/datatables.min.js"></script>
+        <!--favicon-->
+        <link rel="icon" href="{{ url_for('static', path='favicon.svg') }}">
+        <!--data tables alignment fix-->
+        <style>
+            th.dt-type-numeric {
+                text-align: left!important;
+            }
+            td.dt-type-numeric {
+                text-align: left!important;
+            }
+        </style>
+        <script>
+            const TABLE_UPDATE_TIME = 3000;
+        </script>
+    </head>
+    <body data-bs-theme="dark">
+        <nav class="navbar navbar-expand-lg bg-body-tertiary">
+            <div class="container-fluid">
+                <a class="navbar-brand" href="/ui/home">
+                    <img src="{{ request.url_for('static', path='svg/goosebit-logo.svg') }}" class="me-2" style="height:30px; width: 30px;"/>
+                    GooseBit
+                </a>
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="navbar">
+                    <div class="navbar-nav">
+                        {% if "home.read" in request.user.permissions %}
+                            <a class="nav-link{% if request.url.path.endswith('home') %} active{% endif %}" href="/ui/home">Home</a>
+                        {% endif %}
+                        {% if "firmware.read" in request.user.permissions %}
+                            <a class="nav-link{% if request.url.path.endswith('firmware') %} active{% endif %}" href="/ui/firmware">Firmware</a>
+                        {% endif %}
+                        {% if "devices.read" in request.user.permissions %}
+                            <a class="nav-link{% if request.url.path.endswith('devices') %} active{% endif %}" href="/ui/devices">Devices</a>
+                        {% endif %}
+
+                    </div>
+                    <div class="navbar-nav d-flex flex-fill justify-content-end">
+                        <a class="nav-link" href="/logout">Logout<i class="bi bi-box-arrow-right ps-2"></i></a>
+                    </div>
+                </div>
+            </div>
+        </nav>
+        {% block content %}
+        {% endblock content %}
+    </body>
+</html>

goosebit/updater/__init__.py

@@ -0,0 +1 @@
+from .routes import router

goosebit/updater/controller/__init__.py

@@ -0,0 +1 @@
+from .routes import router

goosebit/updater/controller/routes.py

@@ -0,0 +1,6 @@
+from fastapi import APIRouter
+
+from . import v1
+
+router = APIRouter(prefix="/controller")
+router.include_router(v1.router)

goosebit/updater/controller/v1/__init__.py

@@ -0,0 +1 @@
+from .routes import router

goosebit/updater/controller/v1/routes.py

@@ -0,0 +1,92 @@
+import json
+
+from fastapi import APIRouter, Depends
+from fastapi.requests import Request
+
+from goosebit.updater.manager import UpdateManager, get_update_manager
+
+# v1 is hardware revision
+router = APIRouter(prefix="/v1")
+
+
+@router.get("/{dev_id}")
+async def polling(
+    request: Request,
+    tenant: str,
+    dev_id: str,
+    updater: UpdateManager = Depends(get_update_manager),
+):
+    return {
+        "config": {"polling": {"sleep": updater.poll_time}},
+        "_links": {
+            "deploymentBase": {
+                "href": str(
+                    request.url_for(
+                        "deployment_base", tenant=tenant, dev_id=dev_id, action_id=1
+                    )
+                )
+            },
+        },
+    }
+
+
+@router.put("/{dev_id}/configData")
+async def config_data(
+    request: Request,
+    dev_id: str,
+    updater: UpdateManager = Depends(get_update_manager),
+):
+    data = await request.json()
+    # TODO: make standard schema to deal with this
+    print(data)
+    return {"success": True, "message": "Updated swupdate data."}
+
+
+@router.get("/{dev_id}/deploymentBase/{action_id}")
+async def deployment_base(
+    request: Request,
+    tenant: str,
+    dev_id: str,
+    action_id: int,
+    updater: UpdateManager = Depends(get_update_manager),
+):
+    artifact = await updater.get_update_file()
+    update = await updater.get_update_mode()
+    await updater.save()
+
+    return {
+        "id": f"{action_id}",
+        "deployment": {
+            "download": update,
+            "update": update,
+            "chunks": artifact.generate_chunk(request, tenant=tenant, dev_id=dev_id),
+        },
+    }
+
+
+@router.post("/{dev_id}/deploymentBase/{action_id}/feedback")
+async def deployment_feedback(
+    request: Request,
+    tenant: str,
+    dev_id: str,
+    action_id: int,
+    updater: UpdateManager = Depends(get_update_manager),
+):
+    try:
+        data = await request.json()
+    except json.JSONDecodeError:
+        return
+    try:
+        state = data["status"]["result"]["finished"]
+        await updater.update_device_state(state)
+    except KeyError:
+        pass
+
+    try:
+        log = data["status"]["details"]
+        await updater.update_log("\n".join(log))
+    except KeyError:
+        pass
+
+    await updater.save()
+    return {"id": str(action_id)}

goosebit/updater/download/__init__.py

@@ -0,0 +1 @@
+from .routes import router

goosebit/updater/download/routes.py

@@ -0,0 +1,6 @@
+from fastapi import APIRouter
+
+from . import v1
+
+router = APIRouter(prefix="/download")
+router.include_router(v1.router)

goosebit/updater/download/v1/__init__.py

@@ -0,0 +1 @@
+from .routes import router

goosebit/updater/download/v1/routes.py

@@ -0,0 +1,26 @@
+from fastapi import APIRouter, Depends
+from fastapi.requests import Request
+from fastapi.responses import FileResponse
+
+from goosebit.settings import TOKEN_SWU_DIR, UPDATES_DIR
+from goosebit.updater.manager import UpdateManager, get_update_manager
+
+router = APIRouter(prefix="/v1")
+
+
+@router.get("/{dev_id}/{file}")
+async def download_file(request: Request, tenant: str, dev_id: str, file: str):
+    filename = UPDATES_DIR.joinpath(file)
+    return FileResponse(filename, media_type="application/octet-stream")
+
+
+@router.get("/{dev_id}/cfd_conf/{file}")
+async def download_cfd_conf(
+    request: Request,
+    tenant: str,
+    dev_id: str,
+    file: str,
+    updater: UpdateManager = Depends(get_update_manager),
+):
+    filename = TOKEN_SWU_DIR.joinpath(dev_id, file)
+    return FileResponse(filename, media_type="application/octet-stream")