Mercurial > gemma

changeset 2725:9465749410ba

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: import overview: use table body component
author Markus Kottlaender <markus@intevation.de>
date Tue, 19 Mar 2019 12:53:25 +0100
parents 5bc657f60fd3
children dff749c07ae0
files client/src/components/importoverview/ImportOverview.vue client/src/components/importoverview/LogEntry.vue
diffstat 2 files changed, 4 insertions(+), 29 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importoverview/ImportOverview.vue	Tue Mar 19 12:52:22 2019 +0100
+++ b/client/src/components/importoverview/ImportOverview.vue	Tue Mar 19 12:53:25 2019 +0100
@@ -63,14 +63,9 @@
         ]"
         @sortingChanged="sortBy"
       />
-      <div class="debugm logentries">
-        <LogEntry
-          class="border-top d-flex-flex-column w-100"
-          :entry="entry"
-          v-for="entry in imports"
-          :key="entry.id"
-        ></LogEntry>
-      </div>
+      <UITableBody :data="imports" maxHeight="80vh" v-slot="{ item: entry }">
+        <LogEntry :entry="entry"></LogEntry>
+      </UITableBody>
     </div>
   </div>
 </template>
@@ -84,26 +79,6 @@
   right: 0
   bottom: 0
   left: 0
-.id
-  width: 5%
-
-.kind
-  width: 8%
-
-.state
-  width: 12%
-
-.enqueued
-  width: 25
-
-.user
-  width: 16%
-.signer
-  width: 16%
-
-.logentries
-  overflow-y: auto
-  max-height: 80vh
 </style>
 
 <script>
--- a/client/src/components/importoverview/LogEntry.vue	Tue Mar 19 12:52:22 2019 +0100
+++ b/client/src/components/importoverview/LogEntry.vue	Tue Mar 19 12:53:25 2019 +0100
@@ -74,7 +74,7 @@
 
 <style lang="sass" scoped>
 .logentry
-  font-size: 80%
+  width: 100%
   &:hover
     background: #fafafa
   .actions