Merge pull request #72 from alvi-khan/open-file

Added option to open a new file.
tecoholic · Mar 7, 2023 · 1602e8e · 1602e8e
2 parents d41f972 + 8723e70
commit 1602e8e
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 1 deletion.
diff --git a/src/components/menubar/MenuBar.vue b/src/components/menubar/MenuBar.vue
@@ -38,6 +38,26 @@
       </div>
       -->
 
+      <div class="q-ml-md cursor-pointer non-selectable">
+        <span>
+          File
+        </span>
+        <q-menu>
+          <q-list dense style="min-width: 100px">
+            <q-item clickable v-close-popup @click="$refs.file.click()">
+              <q-item-section>Open File</q-item-section>
+              <input
+                @change="openFile"
+                type="file"
+                ref="file"
+                accept=".txt"
+                style="display: none"
+              />
+            </q-item>
+          </q-list>
+        </q-menu>
+      </div>
+
       <div class="q-ml-md cursor-pointer non-selectable">
         <span>
           Annotations
@@ -183,7 +203,7 @@ export default {
     ...mapState(["annotations", "classes"]),
   },
   methods: {
-    ...mapMutations(["loadClasses", "loadAnnotations"]),
+    ...mapMutations(["loadClasses", "loadAnnotations", "setInputSentences", "clearAllAnnotations", "resetIndex"]),
     // Funtion that exports the tags to a JSON file
     exportTags: async function() {
       await exportFile(JSON.stringify(this.classes), "tags.json");
@@ -205,6 +225,16 @@ export default {
       };
       filereader.readAsText(file);
     },
+    openFile: function(e) {
+      let file = e.target.files[0];
+      let filereader = new FileReader();
+      filereader.onload = (ev) => {
+        this.setInputSentences(ev.target.result);
+        this.clearAllAnnotations();
+      };
+      filereader.readAsText(file);
+      this.resetIndex();
+    },
     importAnnotations: function(e) {
       let file = e.target.files[0];
       let filereader = new FileReader();

diff --git a/src/store/index.js b/src/store/index.js
@@ -60,6 +60,10 @@ export const mutations = {
     state.annotations[state.currentIndex] = payload;
     state.currentAnnotation = payload;
   },
+  clearAllAnnotations(state) {
+    state.annotations = [];
+    state.currentAnnotation = {};
+  },
   setSeparator(state, payload) {
     state.separator = payload;
     const sentences = state.originalText.split(state.separator);