From 67344e505c12d2a5cc5fa6f11d88c0884674f763 Mon Sep 17 00:00:00 2001
From: Alireza Ahmadi <alireza7@gmail.com>
Date: Sat, 13 Apr 2024 10:41:50 +0200
Subject: [PATCH] Add online animation #1086 #1096

---
 web/html/xui/inbound_client_table.html | 4 +++-
 web/html/xui/inbounds.html             | 7 +++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/web/html/xui/inbound_client_table.html b/web/html/xui/inbound_client_table.html
index 0f6c5035..6be05bc3 100644
--- a/web/html/xui/inbound_client_table.html
+++ b/web/html/xui/inbound_client_table.html
@@ -54,7 +54,9 @@
             <template v-else-if="!client.enable">{{ i18n "disabled" }}</template>
             <template v-else-if="isClientOnline(client.email)">{{ i18n "online" }}</template>
         </template>
-    <a-badge :color="client.enable ? statsExpColor(record, client.email) : themeSwitcher.isDarkTheme ? '#2c3950' : '#bcbcbc'">
+    <a-badge
+        :class="isClientOnline(client.email)? 'online-animation' : ''"
+        :color="client.enable ? statsExpColor(record, client.email) : themeSwitcher.isDarkTheme ? '#2c3950' : '#bcbcbc'">
     </a-badge>
     </a-tooltip>
     [[ client.email ]]
diff --git a/web/html/xui/inbounds.html b/web/html/xui/inbounds.html
index 6b757ce0..7cab9c20 100644
--- a/web/html/xui/inbounds.html
+++ b/web/html/xui/inbounds.html
@@ -36,6 +36,13 @@
     .ant-collapse {
         margin: 5px 0;
     }
+    .online-animation .ant-badge-status-dot {
+        animation: 1.2s ease infinite normal none running onlineAnimation;
+    }
+    @keyframes onlineAnimation {
+        0%, 50%, 100%   { transform: scale(1);  opacity:  1; }
+        10%             { transform: scale(1.5); opacity: .2; }
+    }
     .info-large-tag {
         max-width: 200px;
         overflow: hidden;