From b9341726bd70f30558aca46ebfd670600f38a77c Mon Sep 17 00:00:00 2001
From: Nathan Cannon <nathan.cannon@edf-energy.com>
Date: Fri, 26 Jul 2019 16:00:00 +0100
Subject: [PATCH] Added modal for successful email action

---
 frontend/src/views/ViewObservations.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/frontend/src/views/ViewObservations.vue b/frontend/src/views/ViewObservations.vue
index fc8a75d..352b77b 100644
--- a/frontend/src/views/ViewObservations.vue
+++ b/frontend/src/views/ViewObservations.vue
@@ -18,6 +18,22 @@
         </button>
       </div>
     </b-modal>
+    <b-modal
+      ref="emailCompleteModal"
+      class="text-center"
+      centered
+      hide-header
+      hide-footer
+    >
+      <div class="modal-header">
+        <h3 class="modal-title">Email Sent</h3>
+      </div>
+      <div class="d-block">
+        <br />
+        <p>A CSV of the displayed Observation data has been sent to the configured email address.</p>
+        <button class="btn" @click="$refs.emailCompleteModal.hide()">OK</button>
+      </div>
+    </b-modal>
     <b-row class="pb-2">
       <b-col>
         <b-button-group size="sm">
@@ -381,6 +397,9 @@ export default {
           whom: this.$store.state.search.whom,
           person: this.$store.state.search.person
         })
+        .then(() => {
+          this.$refs.emailCompleteModal.show();
+        })
         .catch(error => {
           this.errorStatus = error.response.status;
           this.errorMessage = error.response.data;