webui: improve log formatting

picoHz · Jul 4, 2023 · 2de10c9 · 2de10c9
1 parent 00e08ae
commit 2de10c9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/taxy-webui/Cargo.toml b/taxy-webui/Cargo.toml
@@ -24,4 +24,4 @@ gloo-timers = "0.2.6"
 multiaddr = "0.17.0"
 url = "2.4.0"
 base64 = "0.21.2"
-time = "0.3.22"
+time = { version = "0.3.22", features = ["formatting"] }
diff --git a/taxy-webui/src/pages/log_view.rs b/taxy-webui/src/pages/log_view.rs
@@ -2,7 +2,7 @@ use crate::{auth::use_ensure_auth, components::breadcrumb::Breadcrumb, API_ENDPO
 use gloo_net::http::Request;
 use gloo_timers::callback::Timeout;
 use taxy_api::log::SystemLogRow;
-use time::OffsetDateTime;
+use time::{format_description::well_known::Rfc3339, OffsetDateTime};
 use web_sys::Element;
 use yew::prelude::*;
 
@@ -45,10 +45,13 @@ pub fn log_view(props: &Props) -> Html {
 
             <ul ref={ul_ref.clone()} class="log-viewer">
             { log.iter().map(|entry| {
+                let timestamp = entry.timestamp.format(&Rfc3339).unwrap();
                 html! {
                     <li>
-                        <span class="timestamp">{entry.timestamp.to_string()}</span>
-                        <span class={classes!("level", entry.level.to_string())}>{entry.level.to_string().to_ascii_uppercase()}</span>
+                        <span class="timestamp">{timestamp}</span>
+                        <span class={classes!("level", entry.level.to_string())}>{
+                            format!("{: <5}", entry.level.to_string().to_ascii_uppercase())
+                        }</span>
                         {entry.message.clone()}
                     </li>
                 }