Delete modal background style..

resources/assets/js/mixins/global.js

@@ -37,14 +37,6 @@ export default {
 
     data: function () {
         return {
-            confirm: {
-                url: '',
-                title: '',
-                message: '',
-                button_cancel: '',
-                button_delete: '',
-                show: false
-            },
             money: {
                 decimal: '.',
                 thousands: ',',
@@ -141,27 +133,39 @@ export default {
 
         // Actions > Delete
         confirmDelete(url, title, message, button_cancel, button_delete) {
-            this.confirm.url = url;
+            let confirm = {
-            this.confirm.title = title;
+                url: url,
-            this.confirm.message = message;
+                title: title,
-            this.confirm.button_cancel = button_cancel;
+                message: message,
-            this.confirm.button_delete = button_delete;
+                button_cancel: button_cancel,
-            this.confirm.show = true;
+                button_delete: button_delete,
+                show: true
+            };
+
+            this.component = Vue.component('add-new-component', (resolve, reject) => {
+                resolve({
+                    template : '<div id="dynamic-component"><akaunting-modal v-if="confirm.show" :show="confirm.show" :title="confirm.title" :message="confirm.message" :button_cancel="confirm.button_cancel" :button_delete="confirm.button_delete" @confirm="onDelete" @cancel="cancelDelete"></akaunting-modal></div>',
+
+                    components: {
+                        AkauntingModal,
                     },
 
+                    data: function () {
+                        return {
+                            confirm: confirm,
+                        }
+                    },
+
+                    methods: {
                         // Delete action post
-        onDelete() {
+                       async onDelete() {
-            axios({
+                            let promise = Promise.resolve(axios({
                                 method: 'DELETE',
                                 url: this.confirm.url,
-            })
+                            }));
-            .then(response => {
-                if (response.data.redirect) {
-                    this.confirm.url = '';
-                    this.confirm.title = '';
-                    this.confirm.message = '';
-                    this.confirm.show = false;
 
+                            promise.then(response => {
+                                if (response.data.redirect) {
                                     window.location.href = response.data.redirect;
                                 }
                             })
@@ -172,11 +176,12 @@ export default {
 
                         // Close modal empty default value
                         cancelDelete() {
-            this.confirm.url = '';
-            this.confirm.title = '';
-            this.confirm.message = '';
                             this.confirm.show = false;
                         },
+                    }
+                })
+            });
+        },
 
         // Change bank account get money and currency rate
         onChangeAccount(account_id) {

resources/views/partials/form/delete_button.blade.php

@@ -18,17 +18,3 @@
     'title'   => trans('general.delete'),
     '@click'  => 'confirmDelete("' . $url . '", "' . trans_choice('general.' . $text, 2) . '", "' . trans('general.delete_confirm', ['name' => '<strong>' . $item->$value . '</strong>', 'type' => mb_strtolower(trans_choice('general.' . $text, 1))]) . '", "' . trans('general.cancel') . '", "' . trans('general.delete') . '")'
 )) !!}
-
-@push('content_content_end')
-    <akaunting-modal
-        :show="confirm.show"
-        :title="confirm.title"
-        :message="confirm.message"
-        :button_cancel="confirm.button_cancel"
-        :button_delete="confirm.button_delete"
-        v-if='confirm.show'
-        @confirm='onDelete'
-        @cancel="cancelDelete">
-    </akaunting-modal>
-@endpush
-

resources/views/partials/form/delete_link.blade.php

@@ -20,16 +20,3 @@
     'title'   => trans('general.delete'),
     '@click'  => 'confirmDelete("' . $url . '", "' . trans_choice('general.' . $text, 2) . '", "' . trans('general.delete_confirm', ['name' => '<strong>' . $name . '</strong>', 'type' => mb_strtolower(trans_choice('general.' . $text, 1))]) . '", "' . trans('general.cancel') . '", "' . trans('general.delete') . '")'
 )) !!}
-
-@push('content_content_end')
-    <akaunting-modal
-        :show="confirm.show"
-        :title="confirm.title"
-        :message="confirm.message"
-        :button_cancel="confirm.button_cancel"
-        :button_delete="confirm.button_delete"
-        v-if='confirm.show'
-        @confirm='onDelete'
-        @cancel="cancelDelete">
-    </akaunting-modal>
-@endpush