show file system for connected node in settings

liamcottle · Dec 5, 2024 · de75c4b · de75c4b
1 parent fa2df3e
commit de75c4b
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 0 deletions.
diff --git a/src/components/pages/settings/NodeSettingsList.vue b/src/components/pages/settings/NodeSettingsList.vue
@@ -141,6 +141,27 @@
 
                 </div>
 
+                <!-- file system -->
+                <div v-if="nodeId.toString() === GlobalState.myNodeId.toString()" class="flex flex-col divide-y bg-white">
+                    <div class="bg-white p-2 font-semibold">File System</div>
+                    <div v-for="fileInfo of GlobalState.myNodeFiles" class="flex p-2 bg-white">
+
+                        <!-- leading -->
+                        <div class="my-auto ml-2 mr-4 text-gray-500">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" />
+                            </svg>
+                        </div>
+
+                        <!-- title -->
+                        <div class="my-auto mr-auto">
+                            <div>{{ fileInfo.fileName }}</div>
+                            <div class="text-sm text-gray-500">{{ fileInfo.sizeBytes }} bytes</div>
+                        </div>
+
+                    </div>
+                </div>
+
             </div>
 
         </div>

diff --git a/src/js/Connection.js b/src/js/Connection.js
@@ -208,6 +208,7 @@ class Connection {
 
         // listen for packets from radio
         // we use this for some packets that don't have their own event listener
+        GlobalState.myNodeFiles = [];
         connection.events.onFromRadio.subscribe(async (data) => {
 
             await databaseToBeReady;
@@ -238,6 +239,13 @@ class Connection {
                 }
             }
 
+            // handle fileInfo
+            if(data.payloadVariant.case.toString() === "fileInfo"){
+                const fileInfo = data.payloadVariant.value;
+                console.log("fileInfo", fileInfo);
+                GlobalState.myNodeFiles.push(fileInfo);
+            }
+
             // handle config complete
             if(data.payloadVariant.case.toString() === "configCompleteId"){
 

diff --git a/src/js/GlobalState.js b/src/js/GlobalState.js
@@ -11,6 +11,7 @@ const globalState = reactive({
     myNodeId: null,
     myNodeUser: null,
     myNodeDeviceMetrics: null,
+    myNodeFiles: [],
 
     loraConfig: null,
     channelsByIndex: {},