Reset file input value after operations - fixed hoppscotch#1124

daredemo-daisuki · Aug 27, 2020 · 62028d1 · 62028d1
1 parent 240ae25
commit 62028d1
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 10 deletions.
diff --git a/components/collections/import-export-collections.vue b/components/collections/import-export-collections.vue
@@ -32,7 +32,7 @@
               <input
                 type="file"
                 @change="replaceWithJSON"
-                style="display: none;"
+                style="display: none"
                 ref="inputChooseFileToReplaceWith"
                 accept="application/json"
               />
@@ -47,7 +47,7 @@
               <input
                 type="file"
                 @change="importFromJSON"
-                style="display: none;"
+                style="display: none"
                 ref="inputChooseFileToImportFrom"
                 accept="application/json"
               />
@@ -126,6 +126,7 @@ export default {
         this.syncToFBCollections()
       }
       reader.readAsText(this.$refs.inputChooseFileToReplaceWith.files[0])
+      this.$refs.inputChooseFileToReplaceWith.value = ""
     },
     importFromJSON() {
       let reader = new FileReader()
@@ -147,6 +148,7 @@ export default {
         this.syncToFBCollections()
       }
       reader.readAsText(this.$refs.inputChooseFileToImportFrom.files[0])
+      this.$refs.inputChooseFileToImportFrom.value = ""
     },
     exportJSON() {
       let text = this.collectionJson

diff --git a/components/environments/import-export-environment.vue b/components/environments/import-export-environment.vue
@@ -32,7 +32,7 @@
               <input
                 type="file"
                 @change="replaceWithJSON"
-                style="display: none;"
+                style="display: none"
                 ref="inputChooseFileToReplaceWith"
                 accept="application/json"
               />
@@ -47,7 +47,7 @@
               <input
                 type="file"
                 @change="importFromJSON"
-                style="display: none;"
+                style="display: none"
                 ref="inputChooseFileToImportFrom"
                 accept="application/json"
               />
@@ -116,6 +116,7 @@ export default {
       reader.readAsText(this.$refs.inputChooseFileToReplaceWith.files[0])
       this.fileImported()
       this.syncToFBEnvironments()
+      this.$refs.inputChooseFileToReplaceWith.value = ""
     },
     importFromJSON() {
       let reader = new FileReader()
@@ -133,6 +134,7 @@ export default {
       }
       reader.readAsText(this.$refs.inputChooseFileToImportFrom.files[0])
       this.syncToFBEnvironments()
+      this.$refs.inputChooseFileToImportFrom.value = ""
     },
     importFromPostwoman(environments) {
       let confirmation = this.$t("file_imported")

diff --git a/pages/doc.vue b/pages/doc.vue
@@ -354,6 +354,7 @@ export default {
           icon: "attach_file",
         })
       }
+      this.$refs.collectionUpload.value = ""
     },
 
     getDoc() {

diff --git a/pages/index.vue b/pages/index.vue
@@ -484,12 +484,12 @@
                           })
                         "
                       >
-                        <option value="query" :selected="param.type === 'query'">{{
-                          $t("query")
-                        }}</option>
-                        <option value="path" :selected="param.type === 'path'">{{
-                          $t("path")
-                        }}</option>
+                        <option value="query" :selected="param.type === 'query'">
+                          {{ $t("query") }}
+                        </option>
+                        <option value="path" :selected="param.type === 'path'">
+                          {{ $t("path") }}
+                        </option>
                       </select>
                     </span>
                   </li>
@@ -2570,6 +2570,7 @@ export default {
           icon: "attach_file",
         })
       }
+      this.$refs.attachment.value = ""
     },
     uploadPayload() {
       this.rawInput = true
@@ -2588,6 +2589,7 @@ export default {
           icon: "attach_file",
         })
       }
+      this.$refs.payload.value = ""
     },
     async handleAccessTokenRequest() {
       if (this.oidcDiscoveryUrl === "" && (this.authUrl === "" || this.accessTokenUrl === "")) {
-Original file line number
+Diff line change
@@ Expand Up / @@ -354,6 +354,7 @@ export default { @@
               icon: "attach_file",
             })
           }
+          this.$refs.collectionUpload.value = ""
         },
         getDoc() {
@@ Expand Down @@