feat: Implement dees-statsgrid in DCRouter UI for enhanced stats visualization

- Added new readme.statsgrid.md outlining the implementation plan for dees-statsgrid component.
- Replaced custom stats cards in ops-view-overview.ts and ops-view-network.ts with dees-statsgrid for better visualization.
- Introduced consistent color scheme for success, warning, error, and info states.
- Enhanced interactive features including click actions, context menus, and real-time updates.
- Developed ops-view-emails.ts for email management with features like composing, searching, and viewing emails.
- Integrated mock data generation for emails and network requests to facilitate testing.
- Added responsive design elements and improved UI consistency across components.
This commit is contained in:
Juergen Kunz
2025-06-12 08:04:30 +00:00
parent 0eb4963247
commit facae93e4b
9 changed files with 1543 additions and 499 deletions

View File

@ -13,7 +13,8 @@ import {
// Import view components
import { OpsViewOverview } from './ops-view-overview.js';
import { OpsViewStats } from './ops-view-stats.js';
import { OpsViewNetwork } from './ops-view-network.js';
import { OpsViewEmails } from './ops-view-emails.js';
import { OpsViewLogs } from './ops-view-logs.js';
import { OpsViewConfig } from './ops-view-config.js';
import { OpsViewSecurity } from './ops-view-security.js';
@ -84,8 +85,12 @@ export class OpsDashboard extends DeesElement {
element: OpsViewOverview,
},
{
name: 'Statistics',
element: OpsViewStats,
name: 'Network',
element: OpsViewNetwork,
},
{
name: 'Emails',
element: OpsViewEmails,
},
{
name: 'Logs',