# HG changeset patch
# User Thomas Junk <thomas.junk@intevation.de>
# Date 1552383747 -3600
# Node ID 956b230c60620beb48f69f7069d8e3156e38cd03
# Parent  5472a5be09c2c1c6b9d625a8fcbd571194ef4b94
overview2 WIP

diff -r 5472a5be09c2 -r 956b230c6062 client/src/components/importoverview/Filters.vue
--- a/client/src/components/importoverview/Filters.vue	Tue Mar 12 09:44:32 2019 +0100
+++ b/client/src/components/importoverview/Filters.vue	Tue Mar 12 10:42:27 2019 +0100
@@ -56,7 +56,7 @@
         "declined",
         "warning"
       ].filter(x => this[x]);
-      this.$store.commit("imports/setFilers", filters);
+      this.$store.commit("imports/setFilters", filters);
     }
   },
   computed: {
diff -r 5472a5be09c2 -r 956b230c6062 client/src/components/importoverview/ImportOverviewAlt.vue
--- a/client/src/components/importoverview/ImportOverviewAlt.vue	Tue Mar 12 09:44:32 2019 +0100
+++ b/client/src/components/importoverview/ImportOverviewAlt.vue	Tue Mar 12 10:42:27 2019 +0100
@@ -51,7 +51,7 @@
     LogEntry: () => import("./LogEntry.vue")
   },
   computed: {
-    ...mapState("imports", ["imports"]),
+    ...mapState("imports", ["imports", "filters"]),
     ...mapGetters("imports", ["toCommit"]),
     commitStyle() {
       return {
@@ -78,6 +78,11 @@
         });
     }
   },
+  watch: {
+    filters() {
+      this.$store.dispatch("imports/getImports", this.filters);
+    }
+  },
   mounted() {
     this.loadLogs();
   }
@@ -85,6 +90,9 @@
 </script>
 
 <style lang="scss" scoped>
+.logentry {
+  font-size: 90%;
+}
 .logentry:hover {
   background: #fafafa;
 }
diff -r 5472a5be09c2 -r 956b230c6062 client/src/components/importoverview/LogDetail.vue
--- a/client/src/components/importoverview/LogDetail.vue	Tue Mar 12 09:44:32 2019 +0100
+++ b/client/src/components/importoverview/LogDetail.vue	Tue Mar 12 10:42:27 2019 +0100
@@ -19,7 +19,8 @@
  * Thomas Junk <thomas.junk@intevation.de>
  */
 export default {
-  name: "logdetail"
+  name: "logdetail",
+  props: ["entry"]
 };
 </script>
 
diff -r 5472a5be09c2 -r 956b230c6062 client/src/components/importoverview/LogEntry.vue
--- a/client/src/components/importoverview/LogEntry.vue	Tue Mar 12 09:44:32 2019 +0100
+++ b/client/src/components/importoverview/LogEntry.vue	Tue Mar 12 10:42:27 2019 +0100
@@ -65,7 +65,7 @@
       </div>
     </div>
     <div class="d-flex flex-row">
-      <LogDetail v-if="show === entry.id"></LogDetail>
+      <LogDetail entry="entry" v-if="show === entry.id"></LogDetail>
     </div>
   </div>
 </template>