From 91f2e9b6d8199ebc3d1df120bffcbe02a501828b Mon Sep 17 00:00:00 2001
From: Stefan Dej <meteyou@gmail.com>
Date: Tue, 27 Oct 2020 23:05:42 +0100
Subject: [PATCH] feature: modify dashboard console for more message space

Signed-off-by: Stefan Dej <meteyou@gmail.com>
---
 src/components/panels/MiniconsolePanel.vue | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/panels/MiniconsolePanel.vue b/src/components/panels/MiniconsolePanel.vue
index 338aab71..e44fb92c 100644
--- a/src/components/panels/MiniconsolePanel.vue
+++ b/src/components/panels/MiniconsolePanel.vue
@@ -34,10 +34,10 @@
 
                     <template #item="{ item }">
                         <tr>
-                            <td class="log-cell title-cell">
-                                {{ item.date.toLocaleString() }}
+                            <td class="log-cell title-cell pr-1 py-2">
+                                <small>{{ formatTime(item.date)}}</small>
                             </td>
-                            <td class="log-cell content-cell" colspan="2">
+                            <td class="log-cell content-cell pl-1 py-2" colspan="2">
                                 <span v-if="item.message" class="message" v-html="formatMessage(item.message)"></span>
                             </td>
                         </tr>
@@ -82,6 +82,17 @@
         },
         methods: {
 
+            formatTime(date) {
+                let hours = date.getHours();
+                if (hours < 10) hours = "0"+hours.toString();
+                let minutes = date.getMinutes();
+                if (minutes < 10) minutes = "0"+minutes.toString();
+                let seconds = date.getSeconds();
+                if (seconds < 10) seconds = "0"+seconds.toString();
+
+
+                return hours+":"+minutes+":"+seconds;
+            },
             formatMessage(message) {
                 message = message.replace(/(?:\r\n|\r|\n)/g, '<br>');
 
@@ -104,4 +115,4 @@
             }
         }
     }
-</script>
\ No newline at end of file
+</script>