From a1bc5dca9883a1047c078bfa2ed513de8c52e2f0 Mon Sep 17 00:00:00 2001 From: marzban-dev Date: Sun, 23 Mar 2025 23:23:33 +0330 Subject: [PATCH] Updated logs page --- frontend/pages/tools/server-logs.vue | 35 +++++++++++++++------------- 1 file changed, 19 insertions(+), 16 deletions(-) diff --git a/frontend/pages/tools/server-logs.vue b/frontend/pages/tools/server-logs.vue index 8f581a3..34dce01 100644 --- a/frontend/pages/tools/server-logs.vue +++ b/frontend/pages/tools/server-logs.vue @@ -3,7 +3,8 @@ // import import hljs from "highlight.js"; -import javascript from "highlight.js/lib/languages/javascript"; +import json from "highlight.js/lib/languages/json"; +import xml from "highlight.js/lib/languages/xml"; import "highlight.js/styles/atom-one-dark.css"; import LogDate from "~/components/server-logs/LogDate.vue"; import { useQuery } from "@tanstack/vue-query"; @@ -11,7 +12,7 @@ import { useQuery } from "@tanstack/vue-query"; // meta definePageMeta({ - middleware : "check-is-debug", + middleware: "check-is-debug", layout: "none" }); @@ -41,7 +42,9 @@ const logIcon = (status: number) => { // lifecycle onMounted(() => { - hljs.registerLanguage("json", javascript); + hljs.registerLanguage("json", json); + hljs.registerLanguage("xml", xml); + hljs.highlightAll(); }); @@ -103,40 +106,40 @@ onMounted(() => { Details :
Preview : - +
Response : - 
-                                
-                                    {{ log.response }}
+                            
+                                
+                                    {{ String(log.response) }}
Req Headers : - 
-                                
+                            
+                                
                                     {{ log.requestHeaders }}
Res Headers : - 
-                                
+                            
+                                
                                     {{ log.responseHeaders }}
Payload : - 
-                                
+                            
+                                
                                     {{ log.payload }}
                                 
                             

@@ -158,11 +161,11 @@ onMounted(() => {
 
 @keyframes log-fade-in {
     from {
-        opacity : 0;
+        opacity: 0;
         scale: 0.8;
     }
     to {
-        opacity : 1;
+        opacity: 1;
         scale: 1;
     }
 }