From fb2e41c11e94db2b507a4534bce03d2ed795513a Mon Sep 17 00:00:00 2001
From: BlasenhauerJ <blasenhauer.jordan.dev@gmail.com>
Date: Fri, 18 Nov 2022 16:18:35 +0100
Subject: [PATCH] logs params

---
 src/ui/static/css/dashboard.css | 61 +++++++++++++--------------------
 src/ui/static/js/logs.js        |  5 ++-
 2 files changed, 26 insertions(+), 40 deletions(-)

diff --git a/src/ui/static/css/dashboard.css b/src/ui/static/css/dashboard.css
index fc3671cdf..3f2870c2f 100644
--- a/src/ui/static/css/dashboard.css
+++ b/src/ui/static/css/dashboard.css
@@ -831,10 +831,6 @@ h6 {
   grid-column: span 2 / span 2;
 }
 
-.col-span-4 {
-  grid-column: span 4 / span 4;
-}
-
 .col-span-9 {
   grid-column: span 9 / span 9;
 }
@@ -1019,6 +1015,10 @@ h6 {
   margin-top: 0.25rem;
 }
 
+.ml-6 {
+  margin-left: 1.5rem;
+}
+
 .mb-4 {
   margin-bottom: 1rem;
 }
@@ -1051,10 +1051,6 @@ h6 {
   margin-top: 0.5rem;
 }
 
-.mb-auto {
-  margin-bottom: auto;
-}
-
 .mr-6 {
   margin-right: 1.5rem;
 }
@@ -1071,10 +1067,6 @@ h6 {
   margin-left: -1.75rem;
 }
 
-.ml-6 {
-  margin-left: 1.5rem;
-}
-
 .mb-5 {
   margin-bottom: 1.25rem;
 }
@@ -1509,10 +1501,6 @@ h6 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
-.flex-row {
-  flex-direction: row;
-}
-
 .flex-col {
   flex-direction: column;
 }
@@ -1570,11 +1558,6 @@ h6 {
   row-gap: 0.5rem;
 }
 
-.gap-x-1 {
-  -moz-column-gap: 0.25rem;
-       column-gap: 0.25rem;
-}
-
 .overflow-auto {
   overflow: auto;
 }
@@ -1816,6 +1799,10 @@ h6 {
   --tw-bg-opacity: 0;
 }
 
+.bg-gradient-to-tl {
+  background-image: linear-gradient(to top left, var(--tw-gradient-stops));
+}
+
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
@@ -1824,10 +1811,6 @@ h6 {
   background-image: none;
 }
 
-.bg-gradient-to-tl {
-  background-image: linear-gradient(to top left, var(--tw-gradient-stops));
-}
-
 .from-transparent {
   --tw-gradient-from: transparent;
   --tw-gradient-to: rgb(0 0 0 / 0);
@@ -1951,6 +1934,10 @@ h6 {
   fill: #047857;
 }
 
+.fill-amber-500 {
+  fill: #f59e0b;
+}
+
 .fill-slate-800 {
   fill: #3a416f;
 }
@@ -2717,6 +2704,10 @@ h6 {
   background-color: rgb(251 177 64 / 0.8);
 }
 
+.hover\:bg-primary\/80:hover {
+  background-color: rgb(8 85 119 / 0.8);
+}
+
 .hover\:bg-primary\/30:hover {
   background-color: rgb(8 85 119 / 0.3);
 }
@@ -2730,10 +2721,6 @@ h6 {
   background-color: rgb(248 249 250 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-primary\/80:hover {
-  background-color: rgb(8 85 119 / 0.8);
-}
-
 .hover\:opacity-80:hover {
   opacity: 0.8;
 }
@@ -3170,6 +3157,10 @@ h6 {
     grid-column: span 6 / span 6;
   }
 
+  .md\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
   .md\:my-0 {
     margin-top: 0px;
     margin-bottom: 0px;
@@ -3268,18 +3259,14 @@ h6 {
     grid-column: span 12 / span 12;
   }
 
-  .lg\:col-span-9 {
-    grid-column: span 9 / span 9;
-  }
-
-  .lg\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
   .lg\:col-span-8 {
     grid-column: span 8 / span 8;
   }
 
+  .lg\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
   .lg\:mx-8 {
     margin-left: 2rem;
     margin-right: 2rem;
diff --git a/src/ui/static/js/logs.js b/src/ui/static/js/logs.js
index b1c76c53f..56367d60e 100644
--- a/src/ui/static/js/logs.js
+++ b/src/ui/static/js/logs.js
@@ -163,10 +163,9 @@ class FetchLogs {
     this.toDateInp = document.querySelector("input#to-date");
     this.fromDate = "";
     this.toDate = "";
-
     this.isLiveUpdate = false;
     this.updateDelay = 2000;
-    this.lastUpdate = Math.round(Date.now() / 1000 - 86400);
+    this.lastUpdate = Math.round(Date.now() / 1000) - 86400;
     this.container = document.querySelector(`[${this.prefix}-settings]`);
     this.logListContainer = document.querySelector(`[${this.prefix}-list]`);
     this.submitSettings = document.querySelector("button#submit-settings");
@@ -220,7 +219,7 @@ class FetchLogs {
     let response;
     if (this.toDate) {
       response = await fetch(
-        `${location.href}/${this.instanceName}?from_date=${this.fromDate}?to_date=${this.toDate}`
+        `${location.href}/${this.instanceName}?from_date=${this.fromDate}&to_date=${this.toDate}`
       );
     }