# HG changeset patch
# User Sascha L. Teichmann <sascha.teichmann@intevation.de>
# Date 1552490829 -3600
# Node ID 53807c3a2de71a8e5faf0f645351c21348ea12f2
# Parent  3a242e6aa56dc89101012f6d4db9d6fcded1ba65# Parent  50cc5bffd7874a72c723428370bbfd0a9565a90a
Merged.

diff -r 3a242e6aa56d -r 53807c3a2de7 client/src/components/Popup.vue
--- a/client/src/components/Popup.vue	Wed Mar 13 16:26:51 2019 +0100
+++ b/client/src/components/Popup.vue	Wed Mar 13 16:27:09 2019 +0100
@@ -10,7 +10,10 @@
           :title="popup.title"
           :closeCallback="close"
         />
-        <div class="popup-content" v-html="popup.content"></div>
+        <div
+          :class="{ 'p-3': popup.padding !== false }"
+          v-html="popup.content"
+        ></div>
         <div class="popup-footer" v-if="popup.cancel || popup.confirm">
           <button
             class="btn btn-sm btn-warning"
@@ -84,8 +87,6 @@
         &:hover
           color: #888
           background-color: #eee
-    .popup-content
-      padding: 1rem
     .popup-footer
       display: flex
       justify-content: space-between
diff -r 3a242e6aa56d -r 53807c3a2de7 client/src/components/importoverview/ImportOverviewAlt.vue
--- a/client/src/components/importoverview/ImportOverviewAlt.vue	Wed Mar 13 16:26:51 2019 +0100
+++ b/client/src/components/importoverview/ImportOverviewAlt.vue	Wed Mar 13 16:27:09 2019 +0100
@@ -12,7 +12,11 @@
           <font-awesome-icon icon="spinner" spin v-if="loading" />
           <font-awesome-icon icon="redo" v-else />
         </button>
-        <button class="btn btn-sm btn-info" :disabled="!reviewed.length">
+        <button
+          class="btn btn-sm btn-info"
+          :disabled="!reviewed.length"
+          @click="save"
+        >
           <translate>Commit</translate> {{ reviewed.length }}
         </button>
       </div>
@@ -41,8 +45,9 @@
  * Thomas Junk <thomas.junk@intevation.de>
  */
 
-import { displayError } from "@/lib/errors.js";
 import { mapState } from "vuex";
+import { displayError, displayInfo } from "@/lib/errors.js";
+import { STATES } from "@/store/imports.js";
 
 export default {
   name: "importoverviewalt",
@@ -73,6 +78,71 @@
             message: `${status}: ${data.message || data}`
           });
         });
+    },
+    save() {
+      if (!this.reviewed.length) return;
+
+      let popupContent = `<table class="table table-sm small mb-0 border-0" style="margin-top: -1px;">`;
+      this.reviewed.forEach(r => {
+        let imp = this.imports.find(i => i.id === r.id);
+        let approved = STATES.APPROVED === r.status;
+        popupContent += `<tr>
+          <td>${imp.id}</td>
+          <td>${imp.kind.toUpperCase()}</td>
+          <td>${this.$options.filters.dateTime(imp.enqueued)}</td>
+          <td class="text-${approved ? "success" : "danger"}">
+            ${this.$gettext(approved ? "approved" : "declined")}
+          </td>
+        </tr>`;
+      });
+      popupContent += "</table>";
+
+      this.$store.commit("application/popup", {
+        icon: "clipboard-check",
+        title: this.$gettext("Finish Review"),
+        padding: false,
+        big: true,
+        content: popupContent,
+        confirm: {
+          icon: "check",
+          callback: () => {
+            let data = this.reviewed.map(r => ({
+              id: r.id,
+              state: r.status
+            }));
+            this.$store
+              .dispatch("imports/confirmReview", data)
+              .then(response => {
+                this.loadLogs();
+                const messages = response.data
+                  .map(x => {
+                    if (x.message) return x.message;
+                    if (x.error) return x.error;
+                  })
+                  .join("\n\n");
+                displayInfo({
+                  title: "Staging Area",
+                  message: messages,
+                  options: {
+                    timeout: 0,
+                    buttons: [{ text: "Ok", action: null, bold: true }]
+                  }
+                });
+              })
+              .catch(error => {
+                const { status, data } = error.response;
+                displayError({
+                  title: "Backend Error",
+                  message: `${status}: ${data.message || data}`
+                });
+              });
+          }
+        },
+        cancel: {
+          label: this.$gettext("Cancel"),
+          icon: "times"
+        }
+      });
     }
   },
   watch: {