platform-admin/boc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
4aa984ad74f4ebe3db1fdefefca8b59b3889d752
boc/landvex-admin-backend/admin-dashboard.html
T
Bernt aee0f09db8 landvex: Fixar och tester klara för alla komponenter 
- Datafabrik: Dockerfile fix, agentorkestrering fungerar
- Vision: Identify-modell, FAISS, OCR alla testade
- API: Alla 7 integrationstester passerade
- Upplösare: Entitetsupplösning verifierad
2026-07-05 06:41:32 +00:00

261 lines
7.7 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Landvex Unified Admin</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif; background: #f5f5f7; color: #1a1a1a; }
.sidebar { width: 260px; background: #0a0a0a; color: #fff; position: fixed; height: 100vh; padding: 24px; overflow-y: auto; }
.sidebar h1 { font-size: 1.25rem; margin-bottom: 8px; }
.sidebar .subtitle { font-size: 0.75rem; color: #666; margin-bottom: 32px; }
.sidebar nav a { display: block; color: #999; text-decoration: none; padding: 10px 16px; border-radius: 8px; margin-bottom: 2px; transition: all 0.2s; font-size: 0.875rem; }
.sidebar nav a:hover, .sidebar nav a.active { color: #fff; background: rgba(255,255,255,0.1); }
.sidebar nav .section { color: #666; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 1px; margin: 16px 0 8px 16px; }
.main { margin-left: 260px; padding: 32px; }
.header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; }
.header h2 { font-size: 1.75rem; }
.stats-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; margin-bottom: 32px; }
.stat-card { background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.stat-card h3 { font-size: 0.75rem; color: #666; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
.stat-card .value { font-size: 1.75rem; font-weight: 700; }
.stat-card .change { font-size: 0.8rem; margin-top: 4px; }
.stat-card .change.positive { color: #34c759; }
.section { background: #fff; border-radius: 12px; padding: 24px; margin-bottom: 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.section h3 { font-size: 1.1rem; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.status-dot.green { background: #34c759; }
.status-dot.yellow { background: #ff9500; }
.status-dot.red { background: #ff3b30; }
table { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
th, td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #eee; }
th { font-weight: 600; color: #666; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.5px; }
.status { display: inline-block; padding: 3px 10px; border-radius: 4px; font-size: 0.7rem; font-weight: 600; }
.status.published { background: #e8f5e9; color: #2e7d32; }
.status.active { background: #e3f2fd; color: #1565c0; }
.btn { display: inline-block; padding: 8px 16px; border-radius: 6px; border: none; cursor: pointer; font-size: 0.8rem; font-weight: 600; }
.btn-primary { background: #0066cc; color: #fff; }
.btn-secondary { background: #f5f5f5; color: #333; }
.actions { display: flex; gap: 8px; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.module-card { border: 1px solid #eee; border-radius: 8px; padding: 16px; }
.module-card h4 { font-size: 0.9rem; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
.module-card p { font-size: 0.8rem; color: #666; }
</style>
</head>
<body>
<div class="sidebar">
<h1>Landvex Unified</h1>
<div class="subtitle">Admin System</div>
<nav>
<a href="#overview" class="active">Overview</a>
<div class="section">Content</div>
<a href="#articles">Articles</a>
<a href="#seo">SEO & Schema</a>
<div class="section">quiXzoom</div>
<a href="#missions">Missions</a>
<a href="#contributors">Contributors</a>
<a href="#earnings">Earnings</a>
<div class="section">Economy</div>
<a href="#ledger">Ledger</a>
<a href="#accounts">Accounts</a>
<div class="section">HR</div>
<a href="#employees">Employees</a>
<a href="#contractors">Contractors</a>
<div class="section">System</div>
<a href="#health">Health</a>
<a href="#settings">Settings</a>
</nav>
</div>
<div class="main">
<div class="header">
<h2>Unified Dashboard</h2>
<div class="actions">
<button class="btn btn-primary">+ New Article</button>
<button class="btn btn-secondary">+ New Mission</button>
</div>
</div>
<div class="stats-grid">
<div class="stat-card">
<h3>Articles</h3>
<div class="value">14</div>
<div class="change positive">+4 this week</div>
</div>
<div class="stat-card">
<h3>Contributors</h3>
<div class="value">156</div>
<div class="change positive">+34 this month</div>
</div>
<div class="stat-card">
<h3>Bank Balance</h3>
<div class="value">276K</div>
<div class="change positive">SEK</div>
</div>
<div class="stat-card">
<h3>SEO Score</h3>
<div class="value">85</div>
<div class="change positive">+5 vs last</div>
</div>
<div class="stat-card">
<h3>Employees</h3>
<div class="value">2</div>
<div class="change">Erik & Johan</div>
</div>
<div class="stat-card">
<h3>System Status</h3>
<div class="value" style="color: #34c759;">OK</div>
<div class="change">All systems green</div>
</div>
</div>
<div class="grid-2">
<div class="section">
<h3><span class="status-dot green"></span> Content Module</h3>
<div class="module-card">
<h4>Published Articles</h4>
<p>14 articles published across 7 weeks</p>
</div>
<div class="module-card" style="margin-top: 12px;">
<h4>SEO Status</h4>
<p>Schema markup active, sitemap valid</p>
</div>
</div>
<div class="section">
<h3><span class="status-dot green"></span> quiXzoom Module</h3>
<div class="module-card">
<h4>Active Missions</h4>
<p>12 missions in 20+ countries</p>
</div>
<div class="module-card" style="margin-top: 12px;">
<h4>Payments</h4>
<p>45,000 SEK paid to contributors</p>
</div>
</div>
</div>
<div class="grid-2">
<div class="section">
<h3><span class="status-dot green"></span> Economy Module</h3>
<div class="module-card">
<h4>Ledger</h4>
<p>Connected to aamos-ledger</p>
</div>
<div class="module-card" style="margin-top: 12px;">
<h4>Accounts</h4>
<p>Nordea: 193K, Revolut: 80K</p>
</div>
</div>
<div class="section">
<h3><span class="status-dot green"></span> HR Module</h3>
<div class="module-card">
<h4>Employees</h4>
<p>2 employees, 5 contractors</p>
</div>
<div class="module-card" style="margin-top: 12px;">
<h4>Payroll</h4>
<p>Next: July 25, 20K SEK</p>
</div>
</div>
</div>
<div class="section">
<h3>Recent Articles</h3>
<table>
<thead>
<tr>
<th>Title</th>
<th>Slug</th>
<th>Status</th>
<th>Published</th>
</tr>
</thead>
<tbody>
<tr>
<td>Evidence-Driven Municipal Maintenance</td>
<td>evidence-driven-municipal-maintenance</td>
<td><span class="status published">Published</span></td>
<td>Aug 17, 2026</td>
</tr>
<tr>
<td>Due Diligence Beyond the Data Room</td>
<td>real-estate-due-diligence-observed-reality</td>
<td><span class="status published">Published</span></td>
<td>Aug 10, 2026</td>
</tr>
<tr>
<td>Pre-Loss Surveys at Portfolio Scale</td>
<td>pre-loss-surveys-insurance</td>
<td><span class="status published">Published</span></td>
<td>Aug 3, 2026</td>
</tr>
</tbody>
</table>
</div>
<div class="section">
<h3>System Health</h3>
<table>
<thead>
<tr>
<th>Service</th>
<th>Status</th>
<th>URL</th>
</tr>
</thead>
<tbody>
<tr>
<td>landvex.com</td>
<td><span class="status active">Healthy</span></td>
<td>https://landvex.com</td>
</tr>
<tr>
<td>quixzoom.com</td>
<td><span class="status active">Healthy</span></td>
<td>https://quixzoom.com</td>
</tr>
<tr>
<td>Admin Backend</td>
<td><span class="status active">Running</span></td>
<td>http://localhost:8000</td>
</tr>
<tr>
<td>aamos-ledger</td>
<td><span class="status active">Connected</span></td>
<td>internal</td>
</tr>
</tbody>
</table>
</div>
</div>
<script>
const API_BASE = '/api/v1';
async function loadDashboard() {
try {
const response = await fetch(`${API_BASE}/unified/public/dashboard`);
const data = await response.json();
console.log('Dashboard:', data);
} catch (error) {
console.error('Error:', error);
}
}
loadDashboard();
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink