Merge pull request #36 from Fabio101/v2.x

Fix Bootstrap is not defined on 2FA modal
nascent-africa · Mar 29, 2021 · 64aea37 · 64aea37
2 parents 62cb12d + d653d9e
commit 64aea37
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/stubs/inertia/resources/js/Jetstream/ConfirmsPassword.vue b/stubs/inertia/resources/js/Jetstream/ConfirmsPassword.vue
@@ -68,7 +68,7 @@
 
     data() {
       return {
-        modal: null,
+        bootstrap: null,
 
         form: this.$inertia.form({
           password: '',
@@ -82,13 +82,13 @@
     methods: {
       startConfirmingPassword() {
         this.form.error = '';
-        this.modal = new Bootstrap.Modal(document.getElementById('confirmingPasswordModal'))
+        this.bootstrap = $('#confirmingPasswordModal');
 
         axios.get(route('password.confirmation')).then(response => {
           if (response.data.confirmed) {
             this.$emit('confirmed');
           } else {
-            this.modal.show()
+            this.bootstrap.modal('toggle');
             this.form.password = '';
 
             setTimeout(() => {
@@ -104,7 +104,7 @@
         axios.post(route('password.confirm'), {
           password: this.form.password,
         }).then(response => {
-          this.modal.hide()
+          this.bootstrap.modal('hide');
           this.form.password = '';
           this.form.error = '';
           this.form.processing = false;