changeset 2599:61aba7e78d3a

overview2 WIP
author Thomas Junk <thomas.junk@intevation.de>
date Tue, 12 Mar 2019 14:06:22 +0100
parents 5fa1ad39e1bc
children 6e6709bab5c4
files client/src/components/importoverview/AdditionalLog.vue client/src/components/importoverview/LogDetail.vue client/src/components/importoverview/LogEntry.vue
diffstat 3 files changed, 18 insertions(+), 7 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importoverview/AdditionalLog.vue	Tue Mar 12 13:23:20 2019 +0100
+++ b/client/src/components/importoverview/AdditionalLog.vue	Tue Mar 12 14:06:22 2019 +0100
@@ -1,9 +1,9 @@
 <template>
-  <div class="d-flex flex-column text-left">
+  <div class="additionallog d-flex flex-column text-left">
     <div class="d-flex flex-row" v-for="(line, index) in logLines" :key="index">
-      <small>{{ line.kind }}</small>
-      <small>{{ line.message }}</small>
-      <small>{{ line.time }}</small>
+      <small class="kind">{{ line.kind }}</small>
+      <small class="time">{{ line.time }}</small>
+      <small class="message">{{ line.message }}</small>
     </div>
   </div>
 </template>
@@ -57,4 +57,11 @@
 };
 </script>
 
-<style></style>
+<style lang="scss" scoped>
+.kind {
+  width: 30px;
+}
+.time {
+  width: 150px;
+}
+</style>
--- a/client/src/components/importoverview/LogDetail.vue	Tue Mar 12 13:23:20 2019 +0100
+++ b/client/src/components/importoverview/LogDetail.vue	Tue Mar 12 14:06:22 2019 +0100
@@ -42,7 +42,7 @@
 
     <AdditionalLog
       v-if="entry.id === showLogs"
-      class="ml-2 d-flex flex-row"
+      class="ml-4 d-flex flex-row"
       :entry="entry"
     ></AdditionalLog>
   </div>
--- a/client/src/components/importoverview/LogEntry.vue	Tue Mar 12 13:23:20 2019 +0100
+++ b/client/src/components/importoverview/LogEntry.vue	Tue Mar 12 14:06:22 2019 +0100
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="d-flex flex-row">
+    <div class="d-flex flex-row text-left">
       <font-awesome-icon
         v-if="entry.id === show"
         @click="toggleDetails"
@@ -15,6 +15,7 @@
         icon="angle-right"
         fixed-width
       ></font-awesome-icon>
+      <div class="kind">{{ entry.kind.toUpperCase() }}</div>
       <div class="enqueued">{{ entry.enqueued | surveyDate }}</div>
       <div class="user">{{ entry.user }}</div>
       <div class="signer">{{ entry.signer }}</div>
@@ -131,6 +132,9 @@
 </script>
 
 <style lang="scss" scoped>
+.kind {
+  width: 10%;
+}
 .enqueued {
   width: 20%;
 }