more commits..
This commit is contained in:
pika
parent
6dda02141e
commit
7823be6481
20 changed files with 1835 additions and 631 deletions
|
|
@ -1,105 +1,81 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Dashboard{% endblock %}
|
||||
{% block title %}Dashboard - Flask Files{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<h1 class="mb-4">Dashboard</h1>
|
||||
<h1 class="page-title">Dashboard</h1>
|
||||
|
||||
<!-- Storage Summary Cards -->
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card border-primary">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4 text-center">
|
||||
<i class="fas fa-file fa-3x text-primary"></i>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h5 class="card-title">Files</h5>
|
||||
<h3>{{ file_count }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dashboard-cards">
|
||||
<div class="dashboard-card">
|
||||
<div class="dashboard-card-icon files">
|
||||
<i class="fas fa-file"></i>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card border-success">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4 text-center">
|
||||
<i class="fas fa-folder fa-3x text-success"></i>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h5 class="card-title">Folders</h5>
|
||||
<h3>{{ folder_count }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card border-info">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4 text-center">
|
||||
<i class="fas fa-hdd fa-3x text-info"></i>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h5 class="card-title">Storage Used</h5>
|
||||
<h3>{{ storage_used_formatted }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dashboard-card-content">
|
||||
<h3>Files</h3>
|
||||
<p>{{ file_count }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Recent Files -->
|
||||
<div class="card mt-4">
|
||||
<div class="card-header bg-light">
|
||||
<h4 class="mb-0">Recent Files</h4>
|
||||
<div class="dashboard-card">
|
||||
<div class="dashboard-card-icon folders">
|
||||
<i class="fas fa-folder"></i>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{% if recent_files %}
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Type</th>
|
||||
<th>Size</th>
|
||||
<th>Uploaded</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for file in recent_files %}
|
||||
<tr>
|
||||
<td>
|
||||
<i class="fas {{ file.icon_class }} mr-2"></i>
|
||||
<a href="{{ url_for('files.download', file_id=file.id) }}">{{ file.name }}</a>
|
||||
</td>
|
||||
<td>{{ file.type }}</td>
|
||||
<td>{{ file.size|filesizeformat }}</td>
|
||||
<td>{{ file.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
{% else %}
|
||||
<div class="alert alert-info">
|
||||
You haven't uploaded any files yet.
|
||||
<a href="{{ url_for('files.upload') }}" class="alert-link">Upload your first file</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="dashboard-card-content">
|
||||
<h3>Folders</h3>
|
||||
<p>{{ folder_count }}</p>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<a href="{{ url_for('files.browser') }}" class="btn btn-primary">
|
||||
<i class="fas fa-folder-open mr-1"></i> Browse Files
|
||||
</a>
|
||||
<a href="{{ url_for('files.upload') }}" class="btn btn-success">
|
||||
<i class="fas fa-upload mr-1"></i> Upload Files
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="dashboard-card">
|
||||
<div class="dashboard-card-icon storage">
|
||||
<i class="fas fa-database"></i>
|
||||
</div>
|
||||
<div class="dashboard-card-content">
|
||||
<h3>Storage Used</h3>
|
||||
<p>{{ storage_used }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="recent-files-section">
|
||||
<div class="recent-files-header">
|
||||
<h2>Recent Files</h2>
|
||||
</div>
|
||||
|
||||
<div class="recent-files-list">
|
||||
{% if recent_files %}
|
||||
{% for file in recent_files %}
|
||||
<div class="recent-file-item">
|
||||
<div class="recent-file-icon">
|
||||
<i class="{{ file.icon_class }}"></i>
|
||||
</div>
|
||||
<div class="recent-file-info">
|
||||
<div class="recent-file-name">{{ file.name }}</div>
|
||||
<div class="recent-file-meta">
|
||||
{{ file.size|filesizeformat }} • Uploaded {{ file.created_at.strftime('%Y-%m-%d %H:%M') }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent-file-actions">
|
||||
<a href="{{ url_for('files.download', file_id=file.id) }}" title="Download">
|
||||
<i class="fas fa-download"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<div class="empty-state">
|
||||
<p>No files uploaded yet.</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="action-buttons">
|
||||
<a href="{{ url_for('files.browser') }}" class="action-btn">
|
||||
<i class="fas fa-folder-open"></i> Browse Files
|
||||
</a>
|
||||
<a href="{{ url_for('files.upload') }}" class="action-btn">
|
||||
<i class="fas fa-upload"></i> Upload Files
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Loading…
Add table
Add a link
Reference in a new issue