From bbeb7b5dfadfce9aad03b4b39ae496cce93856f6 Mon Sep 17 00:00:00 2001
From: batuhanbas <b1atuhanb1as@gmail.com>
Date: Mon, 2 Dec 2019 15:32:11 +0300
Subject: [PATCH] delete animation added

---
 .../assets/js/components/AkauntingModal.vue   | 44 ++-----------------
 1 file changed, 3 insertions(+), 41 deletions(-)

diff --git a/resources/assets/js/components/AkauntingModal.vue b/resources/assets/js/components/AkauntingModal.vue
index ad0e2bb5d..8784f1f06 100644
--- a/resources/assets/js/components/AkauntingModal.vue
+++ b/resources/assets/js/components/AkauntingModal.vue
@@ -30,7 +30,7 @@
 
                             <button :disabled="form.loading" type="button" class="btn btn-icon btn-danger button-submit" @click="onConfirm">
                                 <div v-if="form.loading" class="aka-loader-frame"><div class="aka-loader"></div></div>
-                                <span v-if="!form.loading" class="btn-inner--icon"><i class="fas fa-save"></i></span>
+                                <span v-if="!form.loading" class="btn-inner--icon"><i class="fas fa-trash"></i></span>
                                 <span v-if="!form.loading" class="btn-inner--text">{{ button_delete }}</span>
                             </button>
                         </div>
@@ -110,6 +110,8 @@ export default {
         },
 
         onConfirm() {
+            this.form.loading = true;
+
             this.$emit("confirm");
         },
 
@@ -136,44 +138,4 @@ export default {
     .modal.show {
         background-color: rgba(0, 0, 0, 0.3);
     }
-
-    .loader10 {
-        width: 28px;
-        height: 28px;
-        border-radius: 50%;
-        position: relative;
-        animation: loader10 0.9s ease alternate infinite;
-        animation-delay: 0.36s;
-        top: 50%;
-        margin: -42px auto 0;
-    }
-
-    .loader10::after, .loader10::before {
-        content: '';
-        position: absolute;
-        width: 28px;
-        height: 28px;
-        border-radius: 50%;
-        animation: loader10 0.9s ease alternate infinite;
-    }
-
-    .loader10::before {
-        left: -40px;
-        animation-delay: 0.18s;
-    }
-
-    .loader10::after {
-        right: -40px;
-        animation-delay: 0.54s;
-    }
-
-    @keyframes loader10 {
-        0% {
-            box-shadow: 0 28px 0 -28px #0052ec;
-        }
-
-        100% {
-            box-shadow: 0 28px 0 #0052ec;
-        }
-    }
 </style>