Hamza/maps-saas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2026-04-16-1

Browse Source
This commit is contained in:
Hamza-Ayed
2026-04-16 03:39:49 +03:00
parent 3d61362602
commit 58f06eeba3
15 changed files with 579 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/dashboard/dashboard.html
+10 -8
View File
@@ -271,7 +271,7 @@
<div class="lg:col-span-2 glass rounded-2xl p-6 relative overflow-hidden">
<div class="flex items-center justify-between mb-8">
<div>
<h3 class="text-lg font-bold">Request Traffic</h3>
<h3 class="text-lg font-bold" data-i18n="chart-request-volume">Request Traffic</h3>
<p class="text-sm text-slate-500">Live traffic across all API endpoints</p>
</div>
<a href="#analytics" class="text-xs text-blue-500 hover:text-blue-400 font-bold flex items-center gap-1 transition-colors">
@@ -381,6 +381,7 @@
<i data-lucide="search" class="absolute left-4 top-1/2 -translate-y-1/2 text-slate-500 w-4 h-4"></i>
<input type="text" id="pg-search" placeholder="Search Amman, Jordan..."
class="w-full bg-slate-950/80 backdrop-blur-md border border-slate-800 rounded-2xl px-12 py-4 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500/50 shadow-2xl">
</div>
</div>
</div>
</div>
@@ -389,19 +390,19 @@
<!-- Analytics Section -->
<section id="analytics" class="page-section">
<div class="mb-12">
<h2 class="text-4xl text-gradient mb-2">Analytics</h2>
<h2 class="text-4xl text-gradient mb-2" data-i18n="side-analytics">Analytics</h2>
<p class="text-slate-400">Deep insights into your API performance</p>
</div>
<!-- Simple Chart Mockups -->
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12">
<div class="glass p-8 rounded-3xl">
<h3 class="text-xl font-bold mb-8">Request Volume (Overall)</h3>
<h3 class="text-xl font-bold mb-8" data-i18n="chart-request-volume">Request Volume (Overall)</h3>
<div class="h-80 w-full flex items-end justify-between gap-4 px-4" id="v-chart">
<!-- Injected by analytics.js -->
</div>
</div>
<div class="glass p-8 rounded-3xl">
<h3 class="text-xl font-bold mb-8">Success Ratio</h3>
<h3 class="text-xl font-bold mb-8" data-i18n="chart-success-ratio">Success Ratio</h3>
<div class="flex items-center justify-center h-80">
<div class="relative w-48 h-48 rounded-full border-[12px] border-slate-900 flex items-center justify-center">
<svg class="absolute inset-0 w-full h-full -rotate-90">
@@ -415,7 +416,7 @@
<div class="glass rounded-3xl overflow-hidden">
<div class="p-8 border-b border-white/5">
<h3 class="text-xl font-bold">Latency Breakdown</h3>
<h3 class="text-xl font-bold" data-i18n="chart-latency-breakdown">Latency Breakdown</h3>
</div>
<div class="p-8 h-80 flex items-end justify-around gap-2" id="l-chart"></div>
</div>
@@ -424,7 +425,7 @@
<!-- Map Refinement Section -->
<section id="refinement" class="page-section">
<div class="mb-12">
<h2 class="text-4xl text-gradient mb-2">Place Audit</h2>
<h2 class="text-4xl text-gradient mb-2" data-i18n="side-audit">Place Audit</h2>
<p class="text-slate-400">Review and approve user-suggested map locations</p>
</div>
@@ -458,7 +459,7 @@
<!-- Billing Section -->
<section id="billing" class="page-section p-10">
<div class="mb-12">
<h2 class="text-3xl font-black mb-2 text-gradient">Subscription & Billing</h2>
<h2 class="text-3xl font-black mb-2 text-gradient" data-i18n="side-billing">Subscription & Billing</h2>
<p class="text-slate-400 font-medium">Manage your plan, payment methods, and invoice history.</p>
</div>
@@ -558,7 +559,7 @@
<!-- Invoice History -->
<div class="glass rounded-[2rem] border-white/5 overflow-hidden">
<div class="p-8 border-b border-white/5 flex items-center justify-between">
<h3 class="text-lg font-bold">Transaction History</h3>
<h3 class="text-lg font-bold" data-i18n="bill-transaction-history">Transaction History</h3>
<i data-lucide="receipt" class="w-5 h-5 text-slate-500"></i>
</div>
<div class="overflow-x-auto">
@@ -642,6 +643,7 @@
<script src="js/playground.js"></script>
<script src="js/analytics.js"></script>
<script src="js/billing.js"></script>
<script src="js/refinement.js"></script>
<script src="js/docs.js"></script>
</body>
</html>