changeset 2674:b219ca1514f4

overview2: highlight warnings in logs
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 15 Mar 2019 09:34:06 +0100
parents 542d3441c2d8
children 43e1abaf9ee3 906e9a13592f
files client/src/components/importoverview/AdditionalLog.vue
diffstat 1 files changed, 32 insertions(+), 5 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importoverview/AdditionalLog.vue	Thu Mar 14 18:31:59 2019 +0100
+++ b/client/src/components/importoverview/AdditionalLog.vue	Fri Mar 15 09:34:06 2019 +0100
@@ -1,9 +1,36 @@
 <template>
   <div class="additionallog d-flex flex-column text-left">
     <div class="d-flex flex-row" v-for="(line, index) in logLines" :key="index">
-      <small class="kind">{{ line.kind }}</small>
-      <small class="time">{{ line.time }}</small>
-      <small class="message">{{ line.message }}</small>
+      <small
+        :class="[
+          'kind',
+          {
+            'text-warning': /warn/.test(line.kind),
+            'font-weight-bold': /warn/.test(line.kind)
+          }
+        ]"
+        >{{ line.kind.toUpperCase() }}</small
+      >
+      <small
+        :class="[
+          'time',
+          {
+            'text-warning': /warn/.test(line.kind),
+            'font-weight-bold': /warn/.test(line.kind)
+          }
+        ]"
+        >{{ line.time }}</small
+      >
+      <small
+        :class="[
+          'message',
+          {
+            'text-warning': /warn/.test(line.kind),
+            'font-weight-bold': /warn/.test(line.kind)
+          }
+        ]"
+        >{{ line.message }}</small
+      >
     </div>
   </div>
 </template>
@@ -64,9 +91,9 @@
   overflow-y: auto;
 }
 .kind {
-  width: 30px;
+  width: 7%;
 }
 .time {
-  width: 150px;
+  width: 24%;
 }
 </style>