changeset 2593:956b230c6062

overview2 WIP
author Thomas Junk <thomas.junk@intevation.de>
date Tue, 12 Mar 2019 10:42:27 +0100
parents 5472a5be09c2
children ecec6d5aae00
files client/src/components/importoverview/Filters.vue client/src/components/importoverview/ImportOverviewAlt.vue client/src/components/importoverview/LogDetail.vue client/src/components/importoverview/LogEntry.vue
diffstat 4 files changed, 13 insertions(+), 4 deletions(-) [+]
line wrap: on
line diff
--- 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: {
--- 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;
 }
--- 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>
 
--- 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>