web-mojo 2.1.627 → 2.1.676

package/dist/admin.es.js

@@ -1,13 +1,13 @@
-import { P as Page } from "./chunks/Page-DmOy8qUF.js";
-import { V as View, h as MOJOUtils } from "./chunks/WebApp-DeoEYrl6.js";
-import { B, b, a, c, e, f, W } from "./chunks/WebApp-DeoEYrl6.js";
-import Dialog$1 from "./chunks/Dialog-Cj0Qxc7O.js";
-import { M as MetricsChart, P as PieChart } from "./chunks/MetricsChart-DS6rz7HC.js";
-import { b as TablePage, k as EmailDomainForms, j as EmailDomainList, E as EmailDomain, n as MailboxForms, m as MailboxList, l as Mailbox, r as EmailTemplate, d as TabView, t as EmailTemplateForms, s as EmailTemplateList, I as IncidentEvent, B as IncidentEventForms, A as IncidentEventList, w as FileManagerForms, v as FileManagerList, x as File, T as TableView, z as FileForms, y as FileList, ap as GeoLocatedIP, aq as GeoLocatedIPList, aa as MemberList, a9 as LogList, as as TicketList, G as IncidentList, Y as IncidentStats, R as IncidentHistoryList, Q as IncidentHistory, D as Incident, C as ChatView, H as IncidentForms, Z as Job, a3 as JobEventList, a1 as JobLogList, $ as JobForms, _ as JobList, a6 as JobRunnerList, a4 as JobsEngineStats, a7 as JobRunnerForms, a5 as JobRunner, a8 as Log, M as Member, ab as MemberForms, ac as MetricsPermission, ae as MetricsForms, ad as MetricsPermissionList, an as PushConfigForms, ak as PushConfigList, am as PushDeliveryList, ag as PushDeviceList, ao as PushTemplateForms, ai as PushTemplateList, U as RuleSet, X as RuleList, V as RuleSetList, i as S3BucketForms, h as S3BucketList, o as SentMessage, p as SentMessageList, au as TicketNoteList, at as TicketNote, ar as Ticket, av as TicketForms, aw as TicketCategories } from "./chunks/ChatView-swFqHyZi.js";
-import DataView from "./chunks/DataView-gB9r-zaX.js";
-import { b as ContextMenu, C as Collection, a as Group, G as GroupList, c as GroupForms, g as UserDevice, j as UserDeviceLocationList, h as UserDeviceList, U as User, f as UserDataView, e as UserForms, d as UserList } from "./chunks/ContextMenu-CyfbvpND.js";
-import { L as LightboxGallery, P as PDFViewer } from "./chunks/PDFViewer-CcHiuM7c.js";
-import { a as applyFileDropMixin, F as FormView } from "./chunks/FormView-bFKcq_xg.js";
+import { P as Page } from "./chunks/Page-CTj8NKBW.js";
+import { V as View, h as MOJOUtils } from "./chunks/WebApp-nRyeYQ0g.js";
+import { B, b, a, c, e, f, W } from "./chunks/WebApp-nRyeYQ0g.js";
+import Dialog$1 from "./chunks/Dialog-CDwoJqc9.js";
+import { M as MetricsChart, c as MetricsMiniChartWidget, P as PieChart } from "./chunks/MetricsMiniChartWidget-CzqKovoB.js";
+import { b as TablePage, k as EmailDomainForms, j as EmailDomainList, E as EmailDomain, n as MailboxForms, m as MailboxList, l as Mailbox, r as EmailTemplate, d as TabView, t as EmailTemplateForms, s as EmailTemplateList, I as IncidentEvent, B as IncidentEventForms, A as IncidentEventList, w as FileManagerForms, v as FileManagerList, x as File, T as TableView, z as FileForms, y as FileList, ap as GeoLocatedIP, aq as GeoLocatedIPList, aa as MemberList, a9 as LogList, as as TicketList, G as IncidentList, Y as IncidentStats, R as IncidentHistoryList, Q as IncidentHistory, D as Incident, C as ChatView, H as IncidentForms, Z as Job, a3 as JobEventList, a1 as JobLogList, $ as JobForms, _ as JobList, a6 as JobRunnerList, a4 as JobsEngineStats, a7 as JobRunnerForms, a5 as JobRunner, a8 as Log, M as Member, ab as MemberForms, ac as MetricsPermission, ae as MetricsForms, ad as MetricsPermissionList, an as PushConfigForms, ak as PushConfigList, am as PushDeliveryList, ag as PushDeviceList, ao as PushTemplateForms, ai as PushTemplateList, U as RuleSet, X as RuleList, V as RuleSetList, i as S3BucketForms, h as S3BucketList, o as SentMessage, p as SentMessageList, au as TicketNoteList, at as TicketNote, ar as Ticket, av as TicketForms, aw as TicketCategories } from "./chunks/ChatView-B3p8qSTr.js";
+import DataView from "./chunks/DataView-DnmzuwRI.js";
+import { b as ContextMenu, C as Collection, a as Group, G as GroupList, c as GroupForms, g as UserDevice, j as UserDeviceLocationList, h as UserDeviceList, U as User, f as UserDataView, e as UserForms, d as UserList } from "./chunks/ContextMenu-Bx0cE5UR.js";
+import { L as LightboxGallery, P as PDFViewer } from "./chunks/PDFViewer-DcCMCAcj.js";
+import { a as applyFileDropMixin, F as FormView } from "./chunks/FormView-66LGmBqh.js";
 class AdminHeaderView extends View {
   constructor(options = {}) {
     super({
@@ -40,85 +40,115 @@ class AdminHeaderView extends View {
       <div class="admin-stats-header mb-4">
         <div class="row">
           <div class="col-xl-3 col-lg-6 col-12 mb-3">
-            <div class="card h-100 border-0 shadow-sm">
-              <div class="card-body">
-                <div class="d-flex justify-content-between align-items-start">
-                  <div>
-                    <h6 class="card-title text-muted mb-2">Active Users</h6>
-                    <h3 class="mb-1 fw-bold">{{stats.user_activity_day}}</h3>
-                    <span class="badge bg-success-subtle text-success">
-                      {{stats.total_users|compact}}
-                    </span>
-                  </div>
-                  <div class="text-primary">
-                    <i class="bi bi-people fs-2"></i>
-                  </div>
-                </div>
-              </div>
-            </div>
+            <div data-container="user_activity_day"></div>
           </div>
 
           <div class="col-xl-3 col-lg-6 col-12 mb-3">
-            <div class="card h-100 border-0 shadow-sm">
-              <div class="card-body">
-                <div class="d-flex justify-content-between align-items-start">
-                  <div>
-                    <h6 class="card-title text-muted mb-2">Active Groups</h6>
-                    <h3 class="mb-1 fw-bold">{{stats.group_activity_day}}</h3>
-                    <span class="badge bg-info-subtle text-info">
-                    {{stats.total_groups|compact}}
-                    </span>
-                  </div>
-                  <div class="text-info">
-                    <i class="bi bi-collection fs-2"></i>
-                  </div>
-                </div>
-              </div>
-            </div>
+            <div data-container="group_activity_day"></div>
           </div>
 
           <div class="col-xl-3 col-lg-6 col-12 mb-3">
-            <div class="card h-100 border-0 shadow-sm">
-              <div class="card-body">
-                <div class="d-flex justify-content-between align-items-start">
-                  <div>
-                    <h6 class="card-title text-muted mb-2">API Requests</h6>
-                    <h3 class="mb-1 fw-bold">{{stats.api_calls|compact}}</h3>
-                    <span class="badge bg-success-subtle text-success">
-                      <i class="bi bi-arrow-up"></i> {{stats.apiChange}}
-                    </span>
-                  </div>
-                  <div class="text-success">
-                    <i class="bi bi-graph-up fs-2"></i>
-                  </div>
-                </div>
-              </div>
-            </div>
+            <div data-container="api_activity_day"></div>
           </div>
 
           <div class="col-xl-3 col-lg-6 col-12 mb-3">
-            <div class="card h-100 border-0 shadow-sm">
-              <div class="card-body">
-                <div class="d-flex justify-content-between align-items-start">
-                  <div>
-                    <h6 class="card-title text-muted mb-2">Incidents</h6>
-                    <h3 class="mb-1 fw-bold">{{stats.incidents|compact}}</h3>
-                    <span class="badge {{stats.incidentsBadgeClass}}">
-                      <i class="bi bi-{{stats.incidentsIconClass}}"></i> {{stats.incidentsChange}}
-                    </span>
-                  </div>
-                  <div class="text-danger">
-                    <i class="bi bi-exclamation-triangle fs-2"></i>
-                  </div>
-                </div>
-              </div>
-            </div>
+            <div data-container="incident_activity_day"></div>
           </div>
         </div>
       </div>
     `;
   }
   async onInit() {
+    this.userActivity = new MetricsMiniChartWidget({
+      icon: "bi bi-people fs-2",
+      title: "User Activity",
+      subtitle: "{{now_value}}",
+      background: "#5388D6",
+      textColor: "#FFFFFF",
+      granularity: "days",
+      slugs: ["user_activity_day"],
+      account: "global",
+      chartType: "bar",
+      showTooltip: true,
+      showXAxis: true,
+      height: 50,
+      chartWidth: "100%",
+      color: "rgba(245, 245, 255, 0.8)",
+      fill: true,
+      fillColor: "rgba(245, 245, 255, 0.6)",
+      smoothing: 0.3,
+      showTrending: true,
+      containerId: "user_activity_day"
+    });
+    this.addChild(this.userActivity);
+    this.groupActivity = new MetricsMiniChartWidget({
+      icon: "bi bi-collection fs-2",
+      title: "Group Activity",
+      subtitle: "{{now_value}}",
+      background: "#1f6a7a",
+      textColor: "#FFFFFF",
+      granularity: "days",
+      slugs: ["group_activity_day"],
+      account: "global",
+      chartType: "bar",
+      showTooltip: true,
+      showXAxis: true,
+      height: 50,
+      chartWidth: "100%",
+      color: "rgba(245, 245, 255, 0.8)",
+      fill: true,
+      fillColor: "rgba(245, 245, 255, 0.6)",
+      smoothing: 0.3,
+      showTrending: true,
+      containerId: "group_activity_day"
+    });
+    this.addChild(this.groupActivity);
+    this.apiActivity = new MetricsMiniChartWidget({
+      icon: "bi bi-graph-up fs-2",
+      title: "API Requests",
+      subtitle: "{{now_value}}",
+      background: "#50A079",
+      textColor: "#FFFFFF",
+      endpoint: "/api/metrics/fetch",
+      granularity: "days",
+      slugs: ["api_calls"],
+      account: "global",
+      chartType: "line",
+      showTooltip: true,
+      showXAxis: true,
+      height: 50,
+      chartWidth: "100%",
+      color: "rgba(245, 245, 255, 0.8)",
+      fill: true,
+      fillColor: "rgba(245, 245, 255, 0.6)",
+      smoothing: 0.3,
+      showTrending: true,
+      containerId: "api_activity_day"
+    });
+    this.addChild(this.apiActivity);
+    this.incidentActivity = new MetricsMiniChartWidget({
+      icon: "bi bi-exclamation-triangle fs-2",
+      title: "Incidents",
+      subtitle: "{{now_value}}",
+      background: "#B14545",
+      textColor: "#FFFFFF",
+      endpoint: "/api/metrics/fetch",
+      granularity: "days",
+      slugs: ["incidents"],
+      account: "incident",
+      chartType: "line",
+      showTooltip: true,
+      showXAxis: true,
+      height: 50,
+      chartWidth: "100%",
+      color: "rgba(245, 245, 255, 0.8)",
+      fill: true,
+      fillColor: "rgba(245, 245, 255, 0.6)",
+      smoothing: 0.3,
+      showTrending: true,
+      containerId: "incident_activity_day"
+    });
+    this.addChild(this.incidentActivity);
   }
   async onBeforeRender() {
     await Promise.all([
@@ -204,7 +234,7 @@ class AdminDashboardPage extends Page {
 
         <!-- Stats Header -->
         <div data-container="admin-header"></div>
-
+        <div data-container="example-chart"></div>
         <!-- Charts Section -->
         <div class="row">
           <!-- Full Width API Metrics Chart -->