changeset 5290:da3fd4c3d1b5

Client: adjust virtual-list properties to prevent truncating of the import logs
author Fadi Abbud <fadi.abbud@intevation.de>
date Wed, 08 Jul 2020 15:04:14 +0200
parents 002e57f99dc9
children d62587503a39
files client/src/components/importoverview/AdditionalLog.vue client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue
diffstat 2 files changed, 22 insertions(+), 10 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importoverview/AdditionalLog.vue	Tue Jul 07 10:04:29 2020 +0200
+++ b/client/src/components/importoverview/AdditionalLog.vue	Wed Jul 08 15:04:14 2020 +0200
@@ -5,7 +5,11 @@
       { split: showAdditional }
     ]"
   >
-    <virtual-list :size="scrollistConfig.size" :remain="scrollistConfig.remain">
+    <virtual-list
+      :size="scrollistConfig.size"
+      :remain="scrollistConfig.remain"
+      :bench="scrollistConfig.bench"
+    >
       <Item
         class="d-flex flex-row px-2 border-top"
         v-for="item in details.entries"
@@ -57,12 +61,14 @@
     ...mapState("imports", ["showAdditional", "details"]),
     scrollistConfig() {
       const smallLayout = {
-        size: 10,
-        remain: 20
+        size: 20,
+        remain: 10,
+        bench: 12
       };
       const largeLayout = {
-        size: 12,
-        remain: 22
+        size: 22,
+        remain: 12,
+        bench: 14
       };
       if (this.showAdditional) return smallLayout;
       return largeLayout;
--- a/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue	Tue Jul 07 10:04:29 2020 +0200
+++ b/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue	Wed Jul 08 15:04:14 2020 +0200
@@ -6,7 +6,11 @@
       split: showLogs
     }"
   >
-    <virtual-list :size="scrollistConfig.size" :remain="scrollistConfig.remain">
+    <virtual-list
+      :size="scrollistConfig.size"
+      :remain="scrollistConfig.remain"
+      :bench="scrollistConfig.bench"
+    >
       <Item
         class="d-flex flex-row px-2 border-top"
         v-for="(item, index) in details.summary"
@@ -82,12 +86,14 @@
     ...mapState("imports", ["showLogs", "details"]),
     scrollistConfig() {
       const smallLayout = {
-        size: 10,
-        remain: 20
+        size: 20,
+        remain: 10,
+        bench: 12
       };
       const largeLayout = {
-        size: 12,
-        remain: 22
+        size: 22,
+        remain: 12,
+        bench: 14
       };
       if (this.showAdditional) return smallLayout;
       return largeLayout;