fix(frontend): modal-backdrop not destroying on modal close

hbollon · Oct 18, 2021 · 4c5e1c8 · 4c5e1c8
1 parent 596bc9a
commit 4c5e1c8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/resources/static/vue-igopher/src/components/DownloadTracking.vue b/resources/static/vue-igopher/src/components/DownloadTracking.vue
@@ -70,10 +70,12 @@ import { bootstrap } from "@/config";
       }
     },
     closeModal() {
-      this.dlModal.toggle();
       this.dlModal.dispose();
+      document.body.classList.remove("modal-open");
+      const backdrop = document.querySelector(".modal-backdrop");
+      backdrop.parentNode.removeChild(backdrop);
       this.astor.remove("downloads tracking", this.updateProgress);
-      this.$emit("done");
+      this.$emit("dlDone");
     },
   },
   mounted() {

diff --git a/resources/static/vue-igopher/src/views/DmAutomation.vue b/resources/static/vue-igopher/src/views/DmAutomation.vue
@@ -1,5 +1,5 @@
 <template>
-  <DownloadTracking v-if="this.downloading" @done="this.successDl()" @error="this.errorDl()"/>
+  <DownloadTracking v-if="this.downloading" @dlDone="this.successDl()" @error="this.errorDl()"/>
   <DmAutomationPanel @showDlModal="this.showModalComp()"/>
 </template>
 
@@ -24,18 +24,18 @@ import * as config from "@/config";
     showModalComp() {
       this.downloading = true;
     },
-    dissmissModalComp() {
+    dismissModalComp() {
       this.downloading = false;
     },
     errorDl() {
-      this.dissmissModalComp()
+      this.dismissModalComp()
       config.Toast.fire({
         icon: "error",
         title: "Error during bot launch! Check logs tab for more details.",
       });
     },
     successDl() {
-      this.dissmissModalComp()
+      this.dismissModalComp()
       config.Toast.fire({
         icon: "success",
         title: "Bot successfully launched!",