- {{ dashboard.title }}
+
-
{{ dashboard.description }}
+
+
+
+
- Created At
+ - {{ formatDate(dashboard.createdAt) }}
+
+
+
- Last Evaluated At
+ - {{ formatDate(dashboard.lastEvaluatedAt) }}
+
+
+
- Created By
+ - {{ dashboard.createdBy?.name }}
+
+
app.component('dashboards', {
data: () => ({
status: 'loading',
dashboards: [],
+ searchText: '',
showCreateDashboardModal: false,
showDeleteDashboardModal: null,
openMenuId: null
}),
+ computed: {
+ filteredDashboards() {
+ const searchText = this.searchText.trim().toLowerCase();
+ if (!searchText) {
+ return this.dashboards;
+ }
+
+ return this.dashboards.filter(dashboard => {
+ return (dashboard.title || '').toLowerCase().includes(searchText) ||
+ (dashboard.description || '').toLowerCase().includes(searchText);
+ });
+ }
+ },
methods: {
+ highlightTitle(value) {
+ return this.highlightSearchText(value, 'underline decoration-primary underline-offset-2');
+ },
+ highlightDescription(value) {
+ return this.highlightSearchText(value, 'font-semibold text-content-secondary');
+ },
+ highlightSearchText(value, className) {
+ const text = value || '';
+ const searchText = this.searchText.trim();
+ if (!searchText) {
+ return escapeHtml(text);
+ }
+
+ const pattern = new RegExp(escapeRegExp(searchText), 'ig');
+ let html = '';
+ let lastIndex = 0;
+ let match = pattern.exec(text);
+ while (match != null) {
+ html += escapeHtml(text.slice(lastIndex, match.index));
+ html += `${escapeHtml(match[0])}`;
+ lastIndex = match.index + match[0].length;
+ match = pattern.exec(text);
+ }
+ html += escapeHtml(text.slice(lastIndex));
+ return html;
+ },
+ formatDate(value) {
+ if (!value) {
+ return '-';
+ }
+ const date = new Date(value);
+ if (Number.isNaN(date.getTime())) {
+ return '-';
+ }
+ return new Intl.DateTimeFormat(undefined, {
+ dateStyle: 'medium',
+ timeStyle: 'short'
+ }).format(date);
+ },
+ formatUser(dashboard) {
+ return dashboard.createdBy?.name ||
+ dashboard.createdBy?.email ||
+ (dashboard.createdById ? dashboard.createdById.toString() : '-');
+ },
toggleMenu(id) {
this.openMenuId = this.openMenuId === id ? null : id;
},
@@ -33,7 +91,7 @@ module.exports = app => app.component('dashboards', {
this.$toast.success('Dashboard deleted!');
},
insertNewDashboard(dashboard) {
- this.dashboards.push(dashboard);
+ this.dashboards.unshift(dashboard);
this.showCreateDashboardModal = false;
}
},
@@ -58,3 +116,16 @@ module.exports = app => app.component('dashboards', {
this.status = 'loaded';
}
});
+
+function escapeHtml(value) {
+ return value.toString().
+ replace(/&/g, '&').
+ replace(//g, '>').
+ replace(/"/g, '"').
+ replace(/'/g, ''');
+}
+
+function escapeRegExp(value) {
+ return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
diff --git a/test/Dashboard.getDashboard.results.test.js b/test/Dashboard.getDashboard.results.test.js
index a8b8bfce..39eb0a8b 100644
--- a/test/Dashboard.getDashboard.results.test.js
+++ b/test/Dashboard.getDashboard.results.test.js
@@ -37,6 +37,12 @@ describe('Dashboard.getDashboard() results', function () {
assert.ok(persisted);
assert.strictEqual(persisted.status, 'completed');
assert.deepStrictEqual(persisted.result, { total: 42 });
+
+ const persistedDashboard = await Dashboard.findById(dashboard._id).lean();
+ assert.strictEqual(
+ persistedDashboard.lastEvaluatedAt.toISOString(),
+ persisted.finishedEvaluatingAt.toISOString()
+ );
});
it('returns persisted results from studioConnection', async function () {
diff --git a/test/Dashboard.getDashboards.test.js b/test/Dashboard.getDashboards.test.js
new file mode 100644
index 00000000..e0797047
--- /dev/null
+++ b/test/Dashboard.getDashboards.test.js
@@ -0,0 +1,79 @@
+'use strict';
+
+const assert = require('assert');
+const mongoose = require('mongoose');
+const { actions, studioConnection } = require('./setup.test');
+const dashboardSchema = require('../backend/db/dashboardSchema');
+
+const Dashboard = studioConnection.model('__Studio_Dashboard', dashboardSchema, 'studio__dashboards');
+
+describe('Dashboard.getDashboards()', function() {
+ afterEach(async function() {
+ await Dashboard.deleteMany();
+ });
+
+ it('returns newest dashboards first with stored evaluation time', async function() {
+ const older = await Dashboard.create({
+ title: 'Older',
+ description: 'First dashboard',
+ code: 'return 1;',
+ createdAt: new Date('2026-01-01T00:00:00.000Z'),
+ updatedAt: new Date('2026-01-01T00:00:00.000Z')
+ });
+ const newer = await Dashboard.create({
+ title: 'Newer',
+ description: 'Second dashboard',
+ code: 'return 2;',
+ createdAt: new Date('2026-01-02T00:00:00.000Z'),
+ updatedAt: new Date('2026-01-02T00:00:00.000Z'),
+ lastEvaluatedAt: new Date('2026-01-04T00:00:01.000Z')
+ });
+
+ const res = await actions.Dashboard.getDashboards({ roles: ['dashboards'] });
+
+ assert.deepStrictEqual(res.dashboards.map(dashboard => dashboard.title), ['Newer', 'Older']);
+ assert.strictEqual(
+ new Date(res.dashboards[0].lastEvaluatedAt).toISOString(),
+ '2026-01-04T00:00:01.000Z'
+ );
+ assert.strictEqual(res.dashboards[1].lastEvaluatedAt, undefined);
+ assert.strictEqual(older.title, 'Older');
+ });
+
+ it('derives createdAt from _id for legacy dashboards', async function() {
+ const dashboard = await Dashboard.create({
+ title: 'Legacy',
+ code: 'return 1;'
+ });
+ await Dashboard.collection.updateOne({ _id: dashboard._id }, { $unset: { createdAt: 1 } });
+
+ const res = await actions.Dashboard.getDashboards({ roles: ['dashboards'] });
+
+ assert.strictEqual(res.dashboards.length, 1);
+ assert.strictEqual(
+ new Date(res.dashboards[0].createdAt).toISOString(),
+ dashboard._id.getTimestamp().toISOString()
+ );
+ });
+
+ it('stores the creating user id when creating a dashboard', async function() {
+ const userId = new mongoose.Types.ObjectId();
+
+ const res = await actions.Dashboard.createDashboard({
+ title: 'Created By Test',
+ code: 'return 1;',
+ initiatedById: userId,
+ initiatedBy: {
+ name: 'Jane Doe',
+ email: 'jane@example.com'
+ },
+ roles: ['member']
+ });
+
+ assert.strictEqual(res.dashboard.createdById.toString(), userId.toString());
+ assert.deepStrictEqual(res.dashboard.createdBy.toObject(), {
+ name: 'Jane Doe',
+ email: 'jane@example.com'
+ });
+ });
+});