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,43 +133,56 @@ 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
+            };
 
-        // Delete action post
+            this.component = Vue.component('add-new-component', (resolve, reject) => {
-        onDelete() {
+                resolve({
-            axios({
+                    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>',
-                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;
 
-                    window.location.href = response.data.redirect;
+                    components: {
-                }
+                        AkauntingModal,
-            })
+                    },
-            .catch(error => {
+
-                this.success = false;
+                    data: function () {
+                        return {
+                            confirm: confirm,
+                        }
+                    },
+
+                    methods: {
+                        // Delete action post
+                       async onDelete() {
+                            let promise = Promise.resolve(axios({
+                                method: 'DELETE',
+                                url: this.confirm.url,
+                            }));
+
+                            promise.then(response => {
+                                if (response.data.redirect) {
+                                    window.location.href = response.data.redirect;
+                                }
+                            })
+                            .catch(error => {
+                                this.success = false;
+                            });
+                        },
+
+                        // Close modal empty default value
+                        cancelDelete() {
+                            this.confirm.show = false;
+                        },
+                    }
+                })
             });
         },
 
-        // 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) {
             axios.get(url + '/banking/accounts/currency', {

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