Skip to content

I
IPRSv2
Commit b4bd070a authored by Brian Wangora's avatar Brian Wangora
Browse files
Options

Admin dashboard complete

parent e73e85ad
Hide whitespace changes
Inline Side-by-side
Showing with 154 additions and 185 deletions
resources/views/home/dashboard.blade.php
View file @ b4bd070a
...@@ -24,281 +24,250 @@ ...@@ -24,281 +24,250 @@
<!-- TOP ROW: SYSTEM HEALTH WIDGETS --> <!-- TOP ROW: SYSTEM HEALTH WIDGETS -->
<div class="row mt-4"> <div class="row mt-4">
<div class="col-md-3"> <div class="col-md-2">
<x-adminlte-info-box <x-adminlte-info-box
title="API Requests (Today)" title="API Requests (Today)"
text="42,618" text="42,618"
icon="fas fa-exchange-alt fa-2x" icon="fas fa-exchange-alt fa-2x"
theme="gradient-teal" theme="gradient-teal"
progress-value="78" progress="78"
progress-description="↑12% from yesterday"> description="↑12% from yesterday">
<div class="text-xs text-muted">External: 32,145 | Internal: 10,473</div> <div class="text-xs text-muted">External: 32,145 | Internal: 10,473</div>
</x-adminlte-info-box> </x-adminlte-info-box>
</div> </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 <x-adminlte-info-box
title="Avg Response Time" title="Avg Response Time"
text="143ms" text="143ms"
icon="fas fa-tachometer-alt fa-2x" icon="fas fa-tachometer-alt fa-2x"
theme="gradient-indigo" theme="gradient-indigo"
progress-value="65" progress="65"
progress-description="Max: 2.4s"> description="Max: 2.4s">
</x-adminlte-info-box> </x-adminlte-info-box>
</div> </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 <x-adminlte-info-box
title="Error Rate" title="Error Rate"
text="0.23%" text="0.23%"
icon="fas fa-exclamation-triangle fa-2x" icon="fas fa-exclamation-triangle fa-2x"
theme="gradient-orange" theme="gradient-orange"
progress-value="0.23" progress="0.23"
progress-description="38 failed requests"> description="38 failed requests">
</x-adminlte-info-box> </x-adminlte-info-box>
</div> </div>
<div class="col-md-3"> <div class="col-md-2">
<x-adminlte-info-box <x-adminlte-info-box
title="Uptime (30d)" title="Uptime (30d)"
text="99.97%" text="99.97%"
icon="fas fa-heartbeat fa-2x" icon="fas fa-heartbeat fa-2x"
theme="gradient-green" theme="gradient-green"
progress-value="99.97" progress="99.97"
progress-description="4m 12s downtime"> description="4m 12s downtime">
</x-adminlte-info-box> </x-adminlte-info-box>
</div> </div>
</div> </div>
<!-- Data Synchronization Status --> <!-- User Activity & Access Logs -->
<div class="row mt-4"> <div class="row mt-4">
<!-- SUMMARY WIDGETS --> <div class="col-md-2">
<div class="col-md-4">
<x-adminlte-info-box <x-adminlte-info-box
title="Last Successful Sync" title="Active Users (24h)"
text="2 minutes ago" text="142"
icon="fas fa-check-circle fa-2x" icon="fas fa-users fa-2x"
theme="gradient-teal" theme="gradient-teal"
progress-value="100" progress="15"
progress-description="All systems operational"/> description="↑15% from yesterday"/>
</div> </div>
<div class="col-md-4"> <div class="col-md-2">
<x-adminlte-info-box <x-adminlte-info-box
title="Records Processed (24h)" title="Failed Logins (24h)"
text="42,618" text="28"
icon="fas fa-database fa-2x" icon="fas fa-user-lock 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"
theme="gradient-orange" theme="gradient-orange"
progress-value="0.4" progress="8"
progress-description="0.4% error rate"/> description="↓3 from yesterday"/>
</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"/>
</div> </div>
<div class="col-md-4"> <div class="col-md-2">
<x-adminlte-info-box <x-adminlte-info-box
title="Duplicate Records (30d)" title="Avg Session Duration"
text="1,842" text="24m 18s"
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"
icon="fas fa-clock fa-2x" icon="fas fa-clock fa-2x"
theme="gradient-indigo" theme="gradient-info"
progress-value="15" progress="12"
progress-description="15% overdue"/> description="↑12% from last week"/>
</div> </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 --> <!-- Performance Monitoring -->
<div class="row mt-4"> <div class="col-md-2">
<div class="col-md-4">
<x-adminlte-info-box <x-adminlte-info-box
title="Total API Requests" title="Avg Query Time"
text="1.42M" text="142ms"
icon="fas fa-exchange-alt fa-2x" icon="fas fa-database fa-2x"
theme="gradient-primary" theme="gradient-indigo"
progress-value="12" progress="85"
progress-description="↑12% from last week"> description="Slowest: 2.4s"
<div class="text-xs text-muted">24h: 42,618 requests</div> id="queryTimeWidget">
</x-adminlte-info-box> </x-adminlte-info-box>
</div> </div>
<div class="col-md-4"> <div class="col-md-2">
<x-adminlte-info-box <x-adminlte-info-box
title="Failed Requests" title="Storage Used"
text="0.23%" text="2.4TB/5TB"
icon="fas fa-exclamation-triangle fa-2x" icon="fas fa-hdd fa-2x"
theme="gradient-warning" theme="gradient-teal"
progress-value="0.23" progress="48"
progress-description="↓0.05% from yesterday"> description="48% utilized"
<div class="text-xs text-muted">328 failures (24h)</div> id="storageWidget">
</x-adminlte-info-box> </x-adminlte-info-box>
</div> </div>
<div class="col-md-4"> <div class="col-md-2">
<x-adminlte-info-box <x-adminlte-info-box
title="Avg Response Time" title="Network Traffic"
text="143ms" text="42GB"
icon="fas fa-tachometer-alt fa-2x" icon="fas fa-network-wired fa-2x"
theme="gradient-info" theme="gradient-primary"
progress-value="85" progress="72"
progress-description="Max: 2.4s"> description="72% external"
<div class="text-xs text-muted">Verification: 98ms | Search: 210ms</div> id="trafficWidget">
</x-adminlte-info-box> </x-adminlte-info-box>
</div> </div>
</div> </div>
<!-- User Activity & Access Logs --> <!-- Data Synchronization Status -->
<div class="row mt-4"> <div class="row mt-4">
<div class="col-md-4"> <!-- SUMMARY WIDGETS -->
<div class="col-md-2">
<x-adminlte-info-box <x-adminlte-info-box
title="Active Users (24h)" title="Last Successful Sync"
text="142" text="2 minutes ago"
icon="fas fa-users fa-2x" icon="fas fa-check-circle fa-2x"
theme="gradient-teal" theme="gradient-teal"
progress-value="15" progress="100"
progress-description="↑15% from yesterday"/> description="All systems operational"/>
</div> </div>
<div class="col-md-4"> <div class="col-md-2">
<x-adminlte-info-box <x-adminlte-info-box
title="Failed Logins (24h)" title="Sync Success Rate"
text="28" text="98.7%"
icon="fas fa-user-lock fa-2x" 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" theme="gradient-orange"
progress-value="8" progress="0.4"
progress-description="↓3 from yesterday"/> description="0.4% error rate"/>
</div> </div>
<div class="col-md-4"> <div class="col-md-2">
<x-adminlte-info-box <x-adminlte-info-box
title="Avg Session Duration" title="Unverified Records"
text="24m 18s" text="247"
icon="fas fa-clock fa-2x" 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" theme="gradient-info"
progress-value="12" progress="92"
progress-description="↑12% from last week"/> 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>
</div>
<!-- Data Quality & Maintenance --> <div class="col-md-2">
<div class="row mt-4">
<div class="col-md-4">
<x-adminlte-info-box <x-adminlte-info-box
title="Duplicate Records" title="Duplicate Records (30d)"
text="1,842" text="1,842"
icon="fas fa-copy fa-2x" icon="fas fa-copy fa-2x"
theme="gradient-orange" theme="gradient-orange"
progress-value="3.2" progress=3.2
progress-description="0.32% of total records"> description="0.32% of total records">
<div class="text-xs text-muted">NRB: 892 | CRS: 612 | DOI: 338</div> <div class="text-xs text-muted">NRB: 892 | CRS: 612 | DOI: 338</div>
</x-adminlte-info-box> </x-adminlte-info-box>
</div> </div>
</div>
<div class="col-md-4">
<x-adminlte-info-box <!-- Data Integrity & Verification Trends -->
title="Unverified Records" <!-- <div class="row mt-4">
text="247" <div class="col-md-2">
icon="fas fa-question-circle fa-2x"
theme="gradient-indigo"
progress-value="15"
progress-description="15% overdue"/>
</div>
<div class="col-md-4">
<x-adminlte-info-box <x-adminlte-info-box
title="Sync Success Rate" title="Verification Success Rate"
text="98.7%" text="98.7%"
icon="fas fa-sync-alt fa-2x" icon="fas fa-check-circle fa-2x"
theme="gradient-teal" theme="gradient-teal"
progress-value="98.7" progress="98.7"
progress-description="↑1.2% from last week"/> description="↑1.2% from last week"/>
</div> </div>
</div>
<!-- Performance Monitoring --> <div class="col-md-2">
<div class="row mt-4">
<div class="col-md-4">
<x-adminlte-info-box <x-adminlte-info-box
title="Avg Query Time" title="Pending Updates"
text="142ms" text="247"
icon="fas fa-database fa-2x" icon="fas fa-clock fa-2x"
theme="gradient-indigo" theme="gradient-indigo"
progress-value="85" progress="15"
progress-description="Slowest: 2.4s" description="15% overdue"/>
id="queryTimeWidget">
</x-adminlte-info-box>
</div> </div>
<div class="col-md-4"> <div class="col-md-2">
<x-adminlte-info-box <x-adminlte-info-box
title="Storage Used" title="Data Compliance Score"
text="2.4TB/5TB" text="96.5%"
icon="fas fa-hdd fa-2x" icon="fas fa-shield-alt fa-2x"
theme="gradient-teal" theme="gradient-teal"
progress-value="48" progress="96.5"
progress-description="48% utilized" description="↑2.1% from last quarter">
id="storageWidget"> <div class="text-xs text-muted">42 of 45 organizations compliant</div>
</x-adminlte-info-box> </x-adminlte-info-box>
</div> </div>
</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 class="d-flex flex-column flex-lg-row mt-4"> <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