connected component to transform logic

src/plugins/Imports/JsonImportPlugin.vue

@@ -1,30 +1,46 @@
 <template>
-    <v-btn color='primary' @click='dialog = true'>Import JSON</v-btn>
+    <v-btn color='primary' @click='dialog = true'>Import REQIF</v-btn>
     <v-dialog v-model='dialog'>
         <v-card class='w-50'>
             <v-card-title>Select Import Elements</v-card-title>
             <v-card-actions>
                 <v-file-input
-                    accept='.json'
-                    label='JSON Input'
+                    v-model='selectedFiles'
+                    accept='.reqif'
+                    label='REQIF Input'
                     prepend-icon='mdi-folder-open'
                     multiple
                 ></v-file-input>
                 <v-btn color='red' @click='dialog = false'>Close</v-btn>
+                <v-btn color='blue' @click='submitFiles'>Submit</v-btn>
             </v-card-actions>
         </v-card>
     </v-dialog>
 </template>
 
 <script lang="ts">
 import { Options, Vue } from 'vue-class-component';
+import { reqif2pig } from '../../utils/import/ReqIF/reqif2pig';
 
 @Options({
   data() {
     return {
-        dialog: false
+        dialog: false,
+        selectedFiles: []
+    };
+  },
+  methods: {
+    submitFiles() {
+        const ReqifTranslator = new reqif2pig();
+        let translatorResponse = ReqifTranslator.toPig(this.selectedFiles);
+        console.log(translatorResponse.ok);
+        console.log(translatorResponse.status);
+
+        // reset variables
+        this.dialog = false;
+        this.selectedFiles = [];
     }
-  }
+  },
 })
 
 export default class JsonImportComponent extends Vue {}

src/utils/import/ReqIF/reqif2pig.ts

@@ -11,7 +11,7 @@
 */
 
 import { IXhr } from '../../lib/helper';
 import { IEntity, IRelationship, IProperty, IAnEntity, IARelationship } from '../../schemas/pig/pig-metaclasses';
 
 export class reqif2pig {
     private validate(xml: Document): boolean {
@@ -19,7 +19,7 @@
         return xml.getElementsByTagName("REQ-IF-HEADER").length == 0
             && xml.getElementsByTagName("REQ-IF-CONTENT").length == 0;
     }
-    toPig(xml: string, options?: any): IXhr {
+    toPig(xml: string[] | Document[], options?: any): IXhr {
 
         const opts = Object.assign(
             {
@@ -63,7 +63,7 @@
 
         // Parse an XML string and returns an XML Document;
         // proposed by: https://developer.mozilla.org/en-US/docs/Web/API/DOMParser/parsing_an_XML_string (through GitHub Copilot)
-        function parseXML(input: string | Document): IXhr {
+        function parseXML(input: string[] | Document[]): IXhr {
             if (typeof (input) !== 'string') {
                 // already a Document / XMLDocument
                 return { ok: true, status: 297, statusText: '', response: input, responseType: 'document' };

tests/unit/pig-metaclasses.spec.ts

@@ -5,7 +5,7 @@
 *   We appreciate any correction, comment or contribution as Github issue (https://github.com/GfSE/CASCaDE-Reference-Implementation/issues)
 *
 *   Design Decisions:
-*   - Testing and verification of the concrete children in the PIG metaclasses, 
+*   - Testing and verification of the concrete children in the PIG metaclasses,
 *       will provide test coverage for the abstract classes they inherit from.
 */