From e8acf8615f9ca92ec2343f31b7855a2ae15a7c4a Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Sun, 25 Aug 2024 00:19:00 +0200
Subject: [PATCH] [UI] Added `disabled` property to `FloatingButton`.

---
 .../src/components/elements/FloatingButton.vue  | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/platypush/backend/http/webapp/src/components/elements/FloatingButton.vue b/platypush/backend/http/webapp/src/components/elements/FloatingButton.vue
index ba98183ba6..a3b7ad5ad4 100644
--- a/platypush/backend/http/webapp/src/components/elements/FloatingButton.vue
+++ b/platypush/backend/http/webapp/src/components/elements/FloatingButton.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="floating-btn" :class="className">
-    <button type="button" class="btn btn-primary" :title="title" @click="$emit('click', $event)">
+    <button type="button"
+            class="btn btn-primary"
+            :disabled="disabled"
+            :title="title"
+            @click="$emit('click', $event)">
       <Icon :class="iconClass" :url="iconUrl" />
     </button>
   </div>
@@ -15,6 +19,10 @@ export default {
   emits: ["click"],
 
   props: {
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
     iconClass: {
       type: String,
     },
@@ -57,6 +65,13 @@ export default {
     &:hover {
       background: $tile-hover-bg !important;
     }
+
+    &:disabled,
+    &[disabled] {
+      background: $default-bg-7 !important;
+      color: $disabled-fg !important;
+      cursor: not-allowed;
+    }
   }
 
   :deep(button) {