mirror of
https://github.com/OliveTin/OliveTin
synced 2025-12-18 12:05:32 +00:00
82 lines
2.4 KiB
Vue
82 lines
2.4 KiB
Vue
<template>
|
|
<Section
|
|
title="Admin Panel"
|
|
subtitle="Administrative interface for system management"
|
|
padding
|
|
>
|
|
<div class="admin-content">
|
|
<div class="admin-section">
|
|
<h3>System Overview</h3>
|
|
<p>Welcome to the administrative panel. This is a placeholder for administrative functionality.</p>
|
|
|
|
<div class="stats-grid">
|
|
<div class="stat-card">
|
|
<h4>Total Users</h4>
|
|
<div class="stat-value">1,247</div>
|
|
<div class="stat-change">+12% from last month</div>
|
|
</div>
|
|
|
|
<div class="stat-card">
|
|
<h4>Active Sessions</h4>
|
|
<div class="stat-value">89</div>
|
|
<div class="stat-change">-3% from last hour</div>
|
|
</div>
|
|
|
|
<div class="stat-card">
|
|
<h4>System Load</h4>
|
|
<div class="stat-value">67%</div>
|
|
<div class="stat-change">Normal</div>
|
|
</div>
|
|
|
|
<div class="stat-card">
|
|
<h4>Storage Used</h4>
|
|
<div class="stat-value">2.4 GB</div>
|
|
<div class="stat-change">45% of total</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="admin-section">
|
|
<h3>Recent Activity</h3>
|
|
<div class="activity-list">
|
|
<div class="activity-item">
|
|
<span class="activity-time">2 minutes ago</span>
|
|
<span class="activity-text">User "john.doe" logged in</span>
|
|
</div>
|
|
<div class="activity-item">
|
|
<span class="activity-time">5 minutes ago</span>
|
|
<span class="activity-text">New user account created</span>
|
|
</div>
|
|
<div class="activity-item">
|
|
<span class="activity-time">12 minutes ago</span>
|
|
<span class="activity-text">System backup completed</span>
|
|
</div>
|
|
<div class="activity-item">
|
|
<span class="activity-time">1 hour ago</span>
|
|
<span class="activity-text">Database maintenance performed</span>
|
|
</div>
|
|
<div class="activity-item">
|
|
<span class="activity-time">2 hours ago</span>
|
|
<span class="activity-text">User "admin" updated settings</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="admin-section">
|
|
<h3>Quick Actions</h3>
|
|
<div class="action-buttons">
|
|
<button class="action-btn">Create User</button>
|
|
<button class="action-btn">System Backup</button>
|
|
<button class="action-btn">View Logs</button>
|
|
<button class="action-btn">Settings</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Section>
|
|
</template>
|
|
|
|
<script setup>
|
|
// This is a placeholder admin view with dummy content
|
|
// No functionality implemented yet
|
|
</script>
|