web: generate log filename (timestamp) on the browser side

Raspberry is often without a proper clock set.

Author: manio

src/web.rs

@@ -1,13 +1,14 @@
 use crate::config::AppConfig;
 use axum::{
     body::Body,
-    extract::State,
+    extract::{Query, State},
     http::{header, Response, StatusCode},
     response::{Html, IntoResponse},
     routing::get,
     Json, Router,
 };
 use chrono::Local;
+use std::collections::HashMap;
 use std::path::PathBuf;
 use std::sync::{Arc, Mutex};
 use tokio::fs;
@@ -43,9 +44,16 @@ fn generate_filename() -> String {
     now.format("%Y%m%d%H%M%S_aa-proxy-rs.log").to_string()
 }
 
-async fn download_handler(State(state): State<Arc<AppState>>) -> impl IntoResponse {
+async fn download_handler(
+    State(state): State<Arc<AppState>>,
+    Query(params): Query<HashMap<String, String>>,
+) -> impl IntoResponse {
     let file_path = state.config.lock().unwrap().logfile.clone();
-    let filename = generate_filename();
+    // if we have filename parameter, use it; default otherwise
+    let filename = params
+        .get("filename")
+        .cloned()
+        .unwrap_or_else(generate_filename);
 
     match fs::read(file_path).await {
         Ok(content) => Response::builder()

static/index.html

@@ -23,9 +23,7 @@ <h3>🛸 aa-proxy-rs</h3>
         </tr>
         <tr>
           <td colspan="2">
-            <button type="button" onclick="window.location.href='/download'">
-              📥 Download log
-            </button>
+            <button type="button" id="downloadBtn">📥 Download log</button>
           </td>
         </tr>
         <tr>
@@ -67,7 +65,7 @@ <h3>🛸 aa-proxy-rs</h3>
           <td><label for="webserver">webserver</label></td>
           <td>
             <input type="text" id="webserver" /><br /><small>
-	      Webserver bind address/port, empty = disabled</small
+              Webserver bind address/port, empty = disabled</small
             >
           </td>
         </tr>
@@ -307,6 +305,20 @@ <h3>🛸 aa-proxy-rs</h3>
     </form>
 
     <script>
+      // button event listener
+      document.getElementById("downloadBtn").addEventListener("click", () => {
+        const now = new Date();
+        const filename =
+          `${now.getFullYear()}` +
+          `${String(now.getMonth() + 1).padStart(2, "0")}` +
+          `${String(now.getDate()).padStart(2, "0")}` +
+          `${String(now.getHours()).padStart(2, "0")}` +
+          `${String(now.getMinutes()).padStart(2, "0")}` +
+          `${String(now.getSeconds()).padStart(2, "0")}` +
+          `_aa-proxy-rs.log`;
+        window.location.href = `/download?filename=${encodeURIComponent(filename)}`;
+      });
+
       function setValue(id, value) {
         const el = document.getElementById(id);
         if (!el) return;