feat: update user list in dashboard/users on graph update

public/src/admin/dashboard/users.js

@@ -1,14 +1,32 @@
 'use strict';
 
-define('admin/dashboard/users', ['admin/modules/dashboard-line-graph'], (graph) => {
+define('admin/dashboard/users', ['admin/modules/dashboard-line-graph', 'hooks'], (graph, hooks) => {
 	const ACP = {};
 
 	ACP.init = () => {
 		graph.init({
 			set: 'registrations',
 			dataset: ajaxify.data.dataset,
+		}).then(() => {
+			hooks.onPage('action:admin.dashboard.updateGraph', ACP.updateTable);
 		});
 	};
 
+	ACP.updateTable = () => {
+		if (window.fetch) {
+			fetch(`${config.relative_path}/api${ajaxify.data.url}${window.location.search}`, { credentials: 'include' }).then((response) => {
+				if (response.ok) {
+					response.json().then(function (payload) {
+						app.parseAndTranslate(ajaxify.data.template.name, 'users', payload, function (html) {
+							const tbodyEl = document.querySelector('.users-list tbody');
+							tbodyEl.innerHTML = '';
+							tbodyEl.append(...html.map((idx, el) => el));
+						});
+					});
+				}
+			});
+		}
+	};
+
 	return ACP;
 });

src/views/admin/dashboard/users.tpl

@@ -2,7 +2,7 @@
 	<!-- IMPORT admin/partials/dashboard/graph.tpl -->
 	<!-- IMPORT admin/partials/dashboard/stats.tpl -->
 
-	<table class="table table-striped">
+	<table class="table table-striped users-list">
 		<thead>
 			<th class="text-muted">[[admin/manage/users:users.uid]]</th>
 			<th class="text-muted">[[admin/manage/users:users.username]]</th>