fix(admin): create readable updated/create at column values

Author: authcompanion

client/components/admin/AdminTable.vue

@@ -57,8 +57,20 @@
             <td class="text-muted">{{ user.attributes.email }}</td>
             <td class="text-muted">{{ user.attributes.active == 1 ? "Active" : "Inactive" }}</td>
             <td class="text-muted">{{ user.attributes.isAdmin == 1 ? "Yes" : "No" }}</td>
-            <td class="text-muted">{{ user.attributes.created }}</td>
-            <td class="text-muted">{{ user.attributes.updated }}</td>
+            <td class="text-muted">
+              {{
+                formatDate
+                  ? formatDate(user.attributes.created_at || user.attributes.created)
+                  : user.attributes.created_at || user.attributes.created
+              }}
+            </td>
+            <td class="text-muted">
+              {{
+                formatDate
+                  ? formatDate(user.attributes.updated_at || user.attributes.updated)
+                  : user.attributes.updated_at || user.attributes.updated
+              }}
+            </td>
             <td class="text-muted">
               <a href="#" data-bs-toggle="modal" data-bs-target="#modal-user" @click="$emit('edit-user', user)">
                 Edit
@@ -135,6 +147,10 @@ defineProps({
     type: String,
     default: "",
   },
+  formatDate: {
+    type: Function,
+    default: null,
+  },
 });
 
 defineEmits(["page-size-change", "search-input", "search", "edit-user", "delete-user", "previous-page", "next-page"]);

client/views/admin/Dashboard.vue

@@ -50,7 +50,7 @@
               </div>
             </a>
             <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-              <p class="dropdown-item" @click="logout()">logout</p>
+              <p class="dropdown-item" @click="logout()">Logout</p>
             </div>
           </div>
         </div>
@@ -144,6 +144,7 @@
                 @delete-user="deleteUserRecord"
                 @previous-page="previousPage"
                 @next-page="nextPage"
+                :format-date="formatDate"
               />
             </div>
           </div>
@@ -160,6 +161,7 @@
                     href="https://github.com/authcompanion/authcompanion2/blob/main/CHANGELOG.md"
                     class="link-secondary"
                     rel="noopener"
+                    target="_blank"
                   >
                     Changelog
                   </a>
@@ -232,6 +234,19 @@ import UserModal from "../../components/admin/UserModal.vue";
 import AdminTable from "../../components/admin/AdminTable.vue";
 import ErrorAlert from "../../components/ErrorAlert.vue"; // Updated import
 
+// Utility: Format ISO date string to human-readable
+function formatDate(dateStr) {
+  if (!dateStr) return "";
+  const date = new Date(dateStr);
+  return date.toLocaleString(undefined, {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+  });
+}
+
 // Reactive state
 const adminEmail = ref("");
 const users = reactive({ data: [] });