Merge pull request #45 from LCOGT/feature/gcn-email

Feature/gcn email

Author: phycodurus

src/components/message-composition/DataView.vue

@@ -0,0 +1,53 @@
+<template>
+    <div>
+      <b-button :href="dataAsEncodedStr" :download="downloadFilename" v-bind="extraDownloadButtonAttrs">
+        <slot name="download-button-content"> <i class="fa fa-download" /> {{ downloadText }} </slot>
+      </b-button>
+      <pre>{{ getData }}</pre>
+    </div>
+  </template>
+  <script>
+  export default {
+    name: 'DataView',
+    props: {
+      data: {
+        type: [ Object , String ],
+        required: true
+      },
+      extraDownloadButtonAttrs: {
+        type: Object,
+        default: () => {
+          return {};
+        }
+      },
+      downloadText: {
+        type: String,
+        default: 'Download as JSON'
+      },
+      downloadFilename: {
+        type: String,
+        default: 'apiview.json'
+      }
+    },
+    computed: {
+      getData() {
+        if (typeof this.data == Object){
+            return JSON.stringify(this.data, null, 4);
+        }
+        else{
+            return this.data;
+        }
+
+      },
+      dataAsEncodedStr() {
+        if (typeof this.data == Object){
+            return 'data:application/json;charset=utf-8,' + encodeURIComponent(JSON.stringify(this.data));
+        }
+        else {
+            return 'data:test/plain;charset=utf-8,' + encodeURIComponent(this.data);
+        }
+      }
+    }
+  };
+  </script>
+  

src/components/message-composition/HermesMessage.vue

@@ -76,6 +76,14 @@
                         @input="update"
                     > Submit to MPC
                     </b-form-checkbox> -->
+                    <b-form-checkbox
+                        id="submit-to-gcn"
+                        v-model="hermesMessage.submit_to_gcn"
+                        name="submit-to-gcn"
+                        switch
+                        @input="update"
+                    > Submit to GCN
+                    </b-form-checkbox>
                   </b-col>
                 </b-form-row>
               </b-form>
@@ -340,9 +348,27 @@
           <b-container class="p-0 mt-2">
             <b-form-row>
               <b-col class="bg-light rounded">
-                <ocs-request-group-api-display
+                <data-view
                   class="p-4"
-                  :request-group="this.sanitizedMessageData()"
+                  :data="this.sanitizedMessageData()"
+                  :extra-download-button-attrs="{ class: 'float-right', variant: 'primary' }"
+                />
+              </b-col>
+            </b-form-row>
+          </b-container>
+        </b-tab>
+        <b-tab @click="generatePlainText">
+          <template slot="title">
+            <span><i class="fas fa-code" /> Text View</span>
+          </template>
+          <b-container class="p-0 mt-2">
+            <b-form-row>
+              <b-col class="bg-light rounded">
+                <data-view
+                  class="p-4"
+                  :data="plainText"
+                  downloadText="Download Plaintext"
+                  downloadFilename="textview.txt"
                   :extra-download-button-attrs="{ class: 'float-right', variant: 'primary' }"
                 />
               </b-col>
@@ -360,6 +386,7 @@
   import DataReference from '@/components/message-composition/DataReference.vue'
   import DataTable from '@/components/message-composition/DataTable.vue'
   import DataTarget from '@/components/message-composition/DataTarget.vue'
+  import DataView from '@/components/message-composition/DataView.vue'
   import DataPhotometry from '@/components/message-composition/DataPhotometry.vue'
   import DataSpectroscopy from '@/components/message-composition/DataSpectroscopy.vue'
   import DataAstrometry from '@/components/message-composition/DataAstrometry.vue'
@@ -376,7 +403,8 @@
       DataTarget,
       DataPhotometry,
       DataSpectroscopy,
-      DataAstrometry
+      DataAstrometry,
+      DataView
     },
     mixins: [messageFormatMixin],
     props: {
@@ -387,6 +415,10 @@
       hermesMessage: {
         type: Object,
         required: true
+      },
+      plainText: {
+        type: String,
+        required: true
       }
     },
     data: function () {
@@ -845,6 +877,9 @@
         }
         this.update();
       },
+      generatePlainText: function() {
+        this.$emit('generate-plain-text');
+      },
       getDataErrorsArray: function (section, idx) {
         return _.get(this.getErrors('data', {}), [section, idx], {});
       },

src/components/message-composition/MessageCompositionForm.vue

@@ -2,8 +2,8 @@
   <b-container>
     <b-row>
       <b-col class="m-0 p-0">
-        <hermes-message :errors="validationErrors" :hermes-message="hermesMessage"
-          @hermes-message-updated="hermesMessageUpdated">
+        <hermes-message :errors="validationErrors" :hermes-message="hermesMessage" :plain-text="plainText"
+          @hermes-message-updated="hermesMessageUpdated" @generate-plain-text="generatePlainText">
         </hermes-message>
       </b-col>
     </b-row>
@@ -52,6 +52,7 @@ export default {
           submitter: '',
           submit_to_tns: false,
           submit_to_mpc: false,
+          submit_to_gcn: false,
           data: {
             event_id: null,
             references: [],
@@ -67,7 +68,8 @@ export default {
     "submissionEndpoint": String,
   },
   data: function() {
-      return {
+    return {
+        plainText: '',
         topicOptions: [],
         validateRequestManager: new OCSUtil.mostRecentRequestManager(this.getValidationRequest, this.onValidationSuccess, this.onValidationFail),
         validationErrors: {},
@@ -110,6 +112,29 @@ export default {
         this.logout();
       }
     },
+    generatePlainText: function() {
+      let payload = this.sanitizedMessageData();
+      // Post message via axios
+      axios({
+        method: 'post',
+        withCredentials: true,
+        // TODO: see if Vue.js can add the X-CSRFToken to all headers automagically
+        headers: {'Content-Type': 'application/json',
+                  'X-CSRFToken': this.getCsrfToken
+                  },
+        url: new URL('/api/v0/' + this.submissionEndpoint + '/plaintext/', this.getHermesUrl).href,
+        data: JSON.stringify(payload)
+      })
+      .then((response) => {
+        this.plainText = response.data;
+      })
+      .catch(error => {
+        console.log(error);
+        if (error.response.status == 401){
+          this.logout();
+        }
+      });
+    },
     submitToHop() {
       let payload = this.sanitizedMessageData();
       // Post message via axios
@@ -143,6 +168,7 @@ export default {
       this.hermesMessage.submitter = this.getUserName;
       this.hermesMessage.submit_to_tns = false;
       this.hermesMessage.submit_to_mpc = false;
+      this.hermesMessage.submit_to_gcn = false;
       this.hermesMessage.data = {
         event_id: null,
         references: [],