Commit b4bd070a authored by Brian Wangora's avatar Brian Wangora

Admin dashboard complete

parent e73e85ad
......@@ -24,281 +24,250 @@
<!-- TOP ROW: SYSTEM HEALTH WIDGETS -->
<div class="row mt-4">
<div class="col-md-3">
<div class="col-md-2">
<x-adminlte-info-box
title="API Requests (Today)"
text="42,618"
icon="fas fa-exchange-alt fa-2x"
theme="gradient-teal"
progress-value="78"
progress-description="↑12% from yesterday">
progress="78"
description="↑12% from yesterday">
<div class="text-xs text-muted">External: 32,145 | Internal: 10,473</div>
</x-adminlte-info-box>
</div>
<div class="col-md-2">
<x-adminlte-info-box
title="Total API Requests"
text="1.42M"
icon="fas fa-exchange-alt fa-2x"
theme="gradient-primary"
progress="12"
description="↑12% from last week">
<div class="text-xs text-muted">24h: 42,618 requests</div>
</x-adminlte-info-box>
</div>
<div class="col-md-3">
<div class="col-md-2">
<x-adminlte-info-box
title="Avg Response Time"
text="143ms"
icon="fas fa-tachometer-alt fa-2x"
theme="gradient-indigo"
progress-value="65"
progress-description="Max: 2.4s">
progress="65"
description="Max: 2.4s">
</x-adminlte-info-box>
</div>
<div class="col-md-3">
<div class="col-md-2">
<x-adminlte-info-box
title="Failed Requests"
text="0.23%"
icon="fas fa-exclamation-triangle fa-2x"
theme="gradient-warning"
progress="0.23"
description="↓0.05% from yesterday">
<div class="text-xs text-muted">328 failures (24h)</div>
</x-adminlte-info-box>
</div>
<div class="col-md-2">
<x-adminlte-info-box
title="Error Rate"
text="0.23%"
icon="fas fa-exclamation-triangle fa-2x"
theme="gradient-orange"
progress-value="0.23"
progress-description="38 failed requests">
progress="0.23"
description="38 failed requests">
</x-adminlte-info-box>
</div>
<div class="col-md-3">
<div class="col-md-2">
<x-adminlte-info-box
title="Uptime (30d)"
text="99.97%"
icon="fas fa-heartbeat fa-2x"
theme="gradient-green"
progress-value="99.97"
progress-description="4m 12s downtime">
progress="99.97"
description="4m 12s downtime">
</x-adminlte-info-box>
</div>
</div>
<!-- Data Synchronization Status -->
<!-- User Activity & Access Logs -->
<div class="row mt-4">
<!-- SUMMARY WIDGETS -->
<div class="col-md-4">
<div class="col-md-2">
<x-adminlte-info-box
title="Last Successful Sync"
text="2 minutes ago"
icon="fas fa-check-circle fa-2x"
title="Active Users (24h)"
text="142"
icon="fas fa-users fa-2x"
theme="gradient-teal"
progress-value="100"
progress-description="All systems operational"/>
progress="15"
description="↑15% from yesterday"/>
</div>
<div class="col-md-4">
<div class="col-md-2">
<x-adminlte-info-box
title="Records Processed (24h)"
text="42,618"
icon="fas fa-database fa-2x"
theme="gradient-info"
progress-value="92"
progress-description="↑8% from yesterday">
<div class="text-xs text-muted">NRB: 18,245 | CRS: 12,102 | DOI: 12,271</div>
</x-adminlte-info-box>
</div>
<div class="col-md-4">
<x-adminlte-info-box
title="Failed Syncs (24h)"
text="18"
icon="fas fa-exclamation-triangle fa-2x"
title="Failed Logins (24h)"
text="28"
icon="fas fa-user-lock fa-2x"
theme="gradient-orange"
progress-value="0.4"
progress-description="0.4% error rate"/>
</div>
</div>
<!-- Data Integrity & Verification Trends -->
<div class="row mt-4">
<!-- TOP ROW: SUMMARY WIDGETS -->
<div class="col-md-4">
<x-adminlte-info-box
title="Verification Success Rate"
text="98.7%"
icon="fas fa-check-circle fa-2x"
theme="gradient-teal"
progress-value="98.7"
progress-description="↑1.2% from last week"/>
progress="8"
description="↓3 from yesterday"/>
</div>
<div class="col-md-4">
<div class="col-md-2">
<x-adminlte-info-box
title="Duplicate Records (30d)"
text="1,842"
icon="fas fa-copy fa-2x"
theme="gradient-orange"
progress-value="3.2"
progress-description="0.32% of total records">
<div class="text-xs text-muted">NRB: 892 | CRS: 612 | DOI: 338</div>
</x-adminlte-info-box>
</div>
<div class="col-md-4">
<x-adminlte-info-box
title="Pending Updates"
text="247"
title="Avg Session Duration"
text="24m 18s"
icon="fas fa-clock fa-2x"
theme="gradient-indigo"
progress-value="15"
progress-description="15% overdue"/>
theme="gradient-info"
progress="12"
description="↑12% from last week"/>
</div>
</div>
<div class="col-md-12">
<x-adminlte-info-box
title="Overall Compliance Score"
text="96.5%"
icon="fas fa-shield-alt fa-2x"
theme="gradient-teal"
progress-value="96.5"
progress-description="↑2.1% from last quarter">
<div class="text-xs text-muted">42 of 45 organizations compliant</div>
</x-adminlte-info-box>
</div>
<!-- API & System Usage -->
<div class="row mt-4">
<div class="col-md-4">
<!-- Performance Monitoring -->
<div class="col-md-2">
<x-adminlte-info-box
title="Total API Requests"
text="1.42M"
icon="fas fa-exchange-alt fa-2x"
theme="gradient-primary"
progress-value="12"
progress-description="↑12% from last week">
<div class="text-xs text-muted">24h: 42,618 requests</div>
title="Avg Query Time"
text="142ms"
icon="fas fa-database fa-2x"
theme="gradient-indigo"
progress="85"
description="Slowest: 2.4s"
id="queryTimeWidget">
</x-adminlte-info-box>
</div>
<div class="col-md-4">
<div class="col-md-2">
<x-adminlte-info-box
title="Failed Requests"
text="0.23%"
icon="fas fa-exclamation-triangle fa-2x"
theme="gradient-warning"
progress-value="0.23"
progress-description="↓0.05% from yesterday">
<div class="text-xs text-muted">328 failures (24h)</div>
title="Storage Used"
text="2.4TB/5TB"
icon="fas fa-hdd fa-2x"
theme="gradient-teal"
progress="48"
description="48% utilized"
id="storageWidget">
</x-adminlte-info-box>
</div>
<div class="col-md-4">
<div class="col-md-2">
<x-adminlte-info-box
title="Avg Response Time"
text="143ms"
icon="fas fa-tachometer-alt fa-2x"
theme="gradient-info"
progress-value="85"
progress-description="Max: 2.4s">
<div class="text-xs text-muted">Verification: 98ms | Search: 210ms</div>
title="Network Traffic"
text="42GB"
icon="fas fa-network-wired fa-2x"
theme="gradient-primary"
progress="72"
description="72% external"
id="trafficWidget">
</x-adminlte-info-box>
</div>
</div>
<!-- User Activity & Access Logs -->
<!-- Data Synchronization Status -->
<div class="row mt-4">
<div class="col-md-4">
<!-- SUMMARY WIDGETS -->
<div class="col-md-2">
<x-adminlte-info-box
title="Active Users (24h)"
text="142"
icon="fas fa-users fa-2x"
title="Last Successful Sync"
text="2 minutes ago"
icon="fas fa-check-circle fa-2x"
theme="gradient-teal"
progress-value="15"
progress-description="↑15% from yesterday"/>
progress="100"
description="All systems operational"/>
</div>
<div class="col-md-4">
<div class="col-md-2">
<x-adminlte-info-box
title="Failed Logins (24h)"
text="28"
icon="fas fa-user-lock fa-2x"
title="Sync Success Rate"
text="98.7%"
icon="fas fa-sync-alt fa-2x"
theme="gradient-teal"
progress="98.7"
description="↑1.2% from last week"/>
</div>
<div class="col-md-2">
<x-adminlte-info-box
title="Failed Syncs (24h)"
text="18"
icon="fas fa-exclamation-triangle fa-2x"
theme="gradient-orange"
progress-value="8"
progress-description="↓3 from yesterday"/>
progress="0.4"
description="0.4% error rate"/>
</div>
<div class="col-md-4">
<div class="col-md-2">
<x-adminlte-info-box
title="Avg Session Duration"
text="24m 18s"
icon="fas fa-clock fa-2x"
title="Unverified Records"
text="247"
icon="fas fa-question-circle fa-2x"
theme="gradient-indigo"
progress="15"
description="15% overdue"/>
</div>
<div class="col-md-2">
<x-adminlte-info-box
title="Records Processed"
text="42,618"
icon="fas fa-database fa-2x"
theme="gradient-info"
progress-value="12"
progress-description="↑12% from last week"/>
progress="92"
description="↑8% from yesterday">
<div class="text-xs text-muted">NRB: 18,245 | CRS: 12,102 | DOI: 12,271</div>
</x-adminlte-info-box>
</div>
</div>
<!-- Data Quality & Maintenance -->
<div class="row mt-4">
<div class="col-md-4">
<div class="col-md-2">
<x-adminlte-info-box
title="Duplicate Records"
title="Duplicate Records (30d)"
text="1,842"
icon="fas fa-copy fa-2x"
theme="gradient-orange"
progress-value="3.2"
progress-description="0.32% of total records">
progress=3.2
description="0.32% of total records">
<div class="text-xs text-muted">NRB: 892 | CRS: 612 | DOI: 338</div>
</x-adminlte-info-box>
</div>
<div class="col-md-4">
<x-adminlte-info-box
title="Unverified Records"
text="247"
icon="fas fa-question-circle fa-2x"
theme="gradient-indigo"
progress-value="15"
progress-description="15% overdue"/>
</div>
<div class="col-md-4">
</div>
<!-- Data Integrity & Verification Trends -->
<!-- <div class="row mt-4">
<div class="col-md-2">
<x-adminlte-info-box
title="Sync Success Rate"
title="Verification Success Rate"
text="98.7%"
icon="fas fa-sync-alt fa-2x"
icon="fas fa-check-circle fa-2x"
theme="gradient-teal"
progress-value="98.7"
progress-description="↑1.2% from last week"/>
progress="98.7"
description="↑1.2% from last week"/>
</div>
</div>
<!-- Performance Monitoring -->
<div class="row mt-4">
<div class="col-md-4">
<div class="col-md-2">
<x-adminlte-info-box
title="Avg Query Time"
text="142ms"
icon="fas fa-database fa-2x"
title="Pending Updates"
text="247"
icon="fas fa-clock fa-2x"
theme="gradient-indigo"
progress-value="85"
progress-description="Slowest: 2.4s"
id="queryTimeWidget">
</x-adminlte-info-box>
progress="15"
description="15% overdue"/>
</div>
<div class="col-md-4">
<div class="col-md-2">
<x-adminlte-info-box
title="Storage Used"
text="2.4TB/5TB"
icon="fas fa-hdd fa-2x"
title="Data Compliance Score"
text="96.5%"
icon="fas fa-shield-alt fa-2x"
theme="gradient-teal"
progress-value="48"
progress-description="48% utilized"
id="storageWidget">
progress="96.5"
description="↑2.1% from last quarter">
<div class="text-xs text-muted">42 of 45 organizations compliant</div>
</x-adminlte-info-box>
</div>
<div class="col-md-4">
<x-adminlte-info-box
title="Network Traffic"
text="42GB"
icon="fas fa-network-wired fa-2x"
theme="gradient-primary"
progress-value="72"
progress-description="72% external"
id="trafficWidget">
</x-adminlte-info-box>
</div>
</div>
</div> -->
<div class="d-flex flex-column flex-lg-row mt-4">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment