From aada849671d5877049df65cb480f0aa130179bd4 Mon Sep 17 00:00:00 2001
From: DungTT <dungtt@phenikaa-x.com>
Date: Mon, 20 Apr 2026 15:30:56 +0700
Subject: [PATCH] update day

---
 public/js/app.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/public/js/app.js b/public/js/app.js
index 6d65067..30126cb 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -598,6 +598,8 @@ class AccountManager {
                                         <th class="px-4 py-2.5 text-[10px] font-bold uppercase tracking-wider text-slate-500">Owner</th>
                                         <th class="px-4 py-2.5 text-[10px] font-bold uppercase tracking-wider text-slate-500">Username</th>
                                         <th class="px-4 py-2.5 text-[10px] font-bold uppercase tracking-wider text-slate-500">Service</th>
+                                        <th class="px-4 py-2.5 text-[10px] font-bold uppercase tracking-wider text-slate-500">Created Date</th>
+                                        <th class="px-4 py-2.5 text-[10px] font-bold uppercase tracking-wider text-slate-500">Last Updated</th>
                                         <th class="px-4 py-2.5 text-[10px] font-bold uppercase tracking-wider text-slate-500 text-right">Actions</th>
                                     </tr>
                                 </thead>
@@ -608,6 +610,8 @@ class AccountManager {
                                         const displayAccountUsername = isOwnAccount
                                             ? accountUsername
                                             : this.maskForeignAccountUsername(accountUsername);
+                                        const createdDate = this.formatDateTime(acc.CreatedDate);
+                                        const updatedDate = this.formatDateTime(acc.UpdatedDate);
                                         const actionContent = isOwnAccount
                                             ? `<button class="p-1.5 text-slate-400 transition-colors view-account hover:text-slate-600" data-account-id="${acc.AccountId}" title="View Details">
                                                     <span class="material-symbols-outlined text-lg">info</span>
@@ -626,6 +630,8 @@ class AccountManager {
                                             <td class="px-4 py-3 text-sm">
                                                 <span class="px-2 py-1 bg-blue-100 text-blue-700 rounded text-xs font-semibold">${acc.AppName || '-'}</span>
                                             </td>
+                                            <td class="px-4 py-3 text-sm text-slate-600 whitespace-nowrap">${createdDate}</td>
+                                            <td class="px-4 py-3 text-sm text-slate-600 whitespace-nowrap">${updatedDate}</td>
                                             <td class="px-4 py-3 text-right">
                                                 ${actionContent}
                                             </td>
@@ -793,6 +799,8 @@ class AccountManager {
             const displayAccountUsername = isOwnAccount
                 ? accountUsername
                 : this.maskForeignAccountUsername(accountUsername);
+            const createdDate = this.formatDateTime(acc.CreatedDate);
+            const updatedDate = this.formatDateTime(acc.UpdatedDate);
             const actionContent = isOwnAccount
                 ? `<button class="p-1.5 text-slate-400 transition-colors view-account hover:text-slate-600" data-account-id="${acc.AccountId}" title="View Details">
                         <span class="material-symbols-outlined text-lg">info</span>
@@ -811,6 +819,8 @@ class AccountManager {
                 <td class="px-4 py-3 text-sm">
                     <span class="px-2 py-1 bg-blue-100 text-blue-700 rounded text-xs font-semibold">${acc.AppName || '-'}</span>
                 </td>
+                <td class="px-4 py-3 text-sm text-slate-600 whitespace-nowrap">${createdDate}</td>
+                <td class="px-4 py-3 text-sm text-slate-600 whitespace-nowrap">${updatedDate}</td>
                 <td class="px-4 py-3 text-right">
                     ${actionContent}
                 </td>