From 825e2c6ad933e5d10eeda310e9eb3f72e288bf7e Mon Sep 17 00:00:00 2001
From: Francesco Lo Faro <cescolofaro@gmail.com>
Date: Wed, 20 Sep 2023 18:53:40 +0200
Subject: [PATCH] finalize permission item

---
 src/components/PermissionListItem.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/PermissionListItem.vue b/src/components/PermissionListItem.vue
index 891cb03..8a211d8 100644
--- a/src/components/PermissionListItem.vue
+++ b/src/components/PermissionListItem.vue
@@ -35,7 +35,7 @@ library.add(faUser, faNewspaper, faTag, faXmark);
       <div class="col-8">
         <h5 class="col ms-2 mt-1 text-truncate">
           <i class="fas fa-user"></i>
-          <span v-if="!objectid">&nbsp;{{ grant }}</span>
+          <span v-if="!objectid">&nbsp; {{ grant }}</span>
           <span v-else>
             &nbsp;{{ grant }} &bull; {{ autofill[grant][objectid] }}
           </span>
@@ -106,7 +106,16 @@ export default {
         btn.classList.add("pending");
         btn.classList.remove("btn-list-item-action");
         btn.innerHTML = "Sicuro?";
+        setTimeout(() => {
+          this.stopPendingDeletion();
+        }, 5000);
       }
+    },
+    stopPendingDeletion() {
+      var btn = this.$el.querySelector("#btn-remove");
+      btn.classList.remove("pending");
+      btn.classList.add("btn-list-item-action");
+      btn.innerHTML = '<i class="fas fa-xmark"></i>';
     }
   }
 };