# HG changeset patch
# User Thomas Junk <thomas.junk@intevation.de>
# Date 1569850095 -7200
# Node ID 8763da6bef4a08005568d6623d84b50329425199
# Parent  ca7f9c56697a709b40c901d381bc21f4d1043aa2
export imports

diff -r ca7f9c56697a -r 8763da6bef4a client/src/components/Popup.vue
--- a/client/src/components/Popup.vue	Mon Sep 30 13:41:39 2019 +0200
+++ b/client/src/components/Popup.vue	Mon Sep 30 15:28:15 2019 +0200
@@ -14,6 +14,23 @@
           :class="{ 'p-3': popup.padding !== false }"
           v-html="popup.content"
         ></div>
+        <div
+          v-if="popup.dateSelection"
+          class="dateselection d-flex flex-column mx-2"
+        >
+          <div class="d-flex flex-column text-left">
+            <small class="my-auto text-muted">
+              <translate>From</translate>
+            </small>
+            <input type="date" v-model="from" />
+          </div>
+          <div class="text-left d-flex flex-column">
+            <small class="my-auto text-muted">
+              <translate>To</translate>
+            </small>
+            <input type="date" v-model="to" />
+          </div>
+        </div>
         <div class="popup-footer" v-if="popup.cancel || popup.confirm">
           <button
             class="btn btn-sm btn-warning"
@@ -49,6 +66,8 @@
 </template>
 
 <style lang="sass" scoped>
+.dateselection
+  width: 250px
 .overlay
   position: fixed
   z-index: 9
@@ -111,16 +130,30 @@
  */
 
 import { mapState } from "vuex";
+import { format, subMonths } from "date-fns";
+
+const isoFormat = date => {
+  return format(date, "YYYY-MM-DD");
+};
 
 export default {
   name: "popup",
+  data() {
+    return {
+      from: isoFormat(subMonths(new Date(), 1)),
+      to: isoFormat(new Date())
+    };
+  },
   computed: {
     ...mapState("application", ["popup"])
   },
   methods: {
     confirm() {
       if (this.popup.confirm && this.popup.confirm.callback)
-        this.popup.confirm.callback();
+        this.popup.confirm.callback({
+          from: this.from,
+          to: this.to
+        });
       this.close();
     },
     cancel() {
diff -r ca7f9c56697a -r 8763da6bef4a client/src/components/importoverview/ImportOverview.vue
--- a/client/src/components/importoverview/ImportOverview.vue	Mon Sep 30 13:41:39 2019 +0200
+++ b/client/src/components/importoverview/ImportOverview.vue	Mon Sep 30 15:28:15 2019 +0200
@@ -231,24 +231,64 @@
   },
   methods: {
     saveImportsView() {
-      let element = document.createElement("a");
-      element.setAttribute("download", "log.txt");
-      element.setAttribute("href", this.csvLink());
-      element.click();
-    },
-    csvLink() {
-      return (
-        "data:text/csv;charset=utf-8," +
-        encodeURIComponent(
-          this.imports
-            .map(el => {
-              return ` ${el.id}, ${el.kind}, ${el.enqueued}, ${el.user ||
-                " "}, ${el.country || " "}, ${el.signer || " "}, ${el.state ||
-                " "}, ${el.warnings || " "}`;
-            })
-            .join("\n")
-        )
-      );
+      const content = "";
+      this.$store.commit("application/popup", {
+        icon: "clipboard-check",
+        title: this.$gettext("Export logs"),
+        padding: false,
+        big: true,
+        content: content,
+        confirm: {
+          icon: "check",
+          callback: dates => {
+            const { from, to } = dates;
+            HTTP.get(
+              `/imports?from=${encodeURIComponent(
+                format(startOfDay(new Date(from)), "YYYY-MM-DDTHH:mm:ssZ")
+              )}&to=${encodeURIComponent(
+                format(endOfDay(new Date(to)), "YYYY-MM-DDTHH:mm:ssZ")
+              )}&query=`,
+              {
+                headers: { "X-Gemma-Auth": localStorage.getItem("token") }
+              }
+            )
+              .then(response => {
+                const { imports } = response.data;
+                if (!imports) return;
+                const csvLink =
+                  "data:text/csv;charset=utf-8," +
+                  encodeURIComponent(
+                    "id, kind, enqueued, user, country, signer, state, warnings\n" +
+                      imports
+                        .map(el => {
+                          return ` ${el.id}, ${el.kind}, ${
+                            el.enqueued
+                          }, ${el.user || " "}, ${el.country ||
+                            " "}, ${el.signer || " "}, ${el.state ||
+                            " "}, ${el.warnings || " "}`;
+                        })
+                        .join("\n")
+                  );
+                let element = document.createElement("a");
+                element.setAttribute("download", "log.txt");
+                element.setAttribute("href", csvLink);
+                element.click();
+              })
+              .catch(error => {
+                const { status, data } = error.response;
+                displayError({
+                  title: this.$gettext("Backend Error"),
+                  message: `${status}: ${data.message || data}`
+                });
+              });
+          }
+        },
+        cancel: {
+          label: this.$gettext("Cancel"),
+          icon: "times"
+        },
+        dateSelection: true
+      });
     },
     showSingleRessource(id) {
       id = id * 1;