From 9f477dd2f85ac3eb0f04da168b2a53770993617a Mon Sep 17 00:00:00 2001
From: Ali Golzar <agt.ali.gr@gmail.com>
Date: Wed, 27 Aug 2025 02:27:58 +0330
Subject: [PATCH] feat(frontend): display Created and Updated columns in client
 table with proper date formatting

---
 web/html/component/aClientTable.html | 26 ++++++++++++++++++++++++++
 web/html/inbounds.html               |  2 ++
 2 files changed, 28 insertions(+)

diff --git a/web/html/component/aClientTable.html b/web/html/component/aClientTable.html
index 96bd502f..359e6e74 100644
--- a/web/html/component/aClientTable.html
+++ b/web/html/component/aClientTable.html
@@ -278,4 +278,30 @@
     </a-badge>
   </a-popover>
 </template>
+<template slot="createdAt" slot-scope="text, client, index">
+  <template v-if="client.created_at">
+    <template v-if="app.datepicker === 'gregorian'">
+      [[ DateUtil.formatMillis(client.created_at) ]]
+    </template>
+    <template v-else>
+      [[ DateUtil.convertToJalalian(moment(client.created_at)) ]]
+    </template>
+  </template>
+  <template v-else>
+    -
+  </template>
+</template>
+<template slot="updatedAt" slot-scope="text, client, index">
+  <template v-if="client.updated_at">
+    <template v-if="app.datepicker === 'gregorian'">
+      [[ DateUtil.formatMillis(client.updated_at) ]]
+    </template>
+    <template v-else>
+      [[ DateUtil.convertToJalalian(moment(client.updated_at)) ]]
+    </template>
+  </template>
+  <template v-else>
+    -
+  </template>
+</template>
 {{end}}
diff --git a/web/html/inbounds.html b/web/html/inbounds.html
index 58d2d07a..010296eb 100644
--- a/web/html/inbounds.html
+++ b/web/html/inbounds.html
@@ -760,6 +760,8 @@
         { title: '{{ i18n "pages.inbounds.client" }}', width: 80, scopedSlots: { customRender: 'client' } },
         { title: '{{ i18n "pages.inbounds.traffic" }}', width: 80, align: 'center', scopedSlots: { customRender: 'traffic' } },
         { title: '{{ i18n "pages.inbounds.expireDate" }}', width: 80, align: 'center', scopedSlots: { customRender: 'expiryTime' } },
+        { title: '{{ i18n "pages.inbounds.createdAt" }}', width: 90, align: 'center', scopedSlots: { customRender: 'createdAt' } },
+        { title: '{{ i18n "pages.inbounds.updatedAt" }}', width: 90, align: 'center', scopedSlots: { customRender: 'updatedAt' } },
     ];
 
     const innerMobileColumns = [