Flask-Files/app/templates/dashboard.html
2025-03-22 12:30:45 +01:00

74 lines
No EOL
2.8 KiB
HTML

{% extends "base.html" %}
{% block title %}Dashboard - Flask Files{% endblock %}
{% block content %}
<section class="dashboard">
<h2>Dashboard</h2>
<div class="dashboard-stats">
<div class="stat-card">
<div class="stat-icon">📁</div>
<div class="stat-info">
<span class="stat-value">{{ total_folders }}</span>
<span class="stat-label">Folders</span>
</div>
</div>
<div class="stat-card">
<div class="stat-icon">📄</div>
<div class="stat-info">
<span class="stat-value">{{ total_files }}</span>
<span class="stat-label">Files</span>
</div>
</div>
<div class="stat-card">
<div class="stat-icon">🔗</div>
<div class="stat-info">
<span class="stat-value">{{ active_shares }}</span>
<span class="stat-label">Active Shares</span>
</div>
</div>
</div>
<div class="dashboard-recent">
<h3>Recent Files</h3>
{% if recent_files %}
<div class="recent-files-list">
{% for file in recent_files %}
<div class="file-item">
<div class="file-icon">
{% if file.name.endswith('.pdf') %}📕
{% elif file.name.endswith(('.jpg', '.jpeg', '.png', '.gif')) %}🖼️
{% elif file.name.endswith(('.mp3', '.wav', '.flac')) %}🎵
{% elif file.name.endswith(('.mp4', '.mov', '.avi')) %}🎬
{% elif file.name.endswith(('.doc', '.docx')) %}📘
{% elif file.name.endswith(('.xls', '.xlsx')) %}📊
{% elif file.name.endswith(('.ppt', '.pptx')) %}📙
{% elif file.name.endswith('.zip') %}📦
{% else %}📄{% endif %}
</div>
<div class="file-details">
<div class="file-name">{{ file.name }}</div>
<div class="file-meta">
<span class="file-size">{{ (file.size / 1024)|round(1) }} KB</span>
<span class="file-date">{{ file.updated_at.strftime('%b %d, %Y') }}</span>
</div>
</div>
</div>
{% endfor %}
</div>
{% else %}
<p class="empty-state">No files uploaded yet. <a href="{{ url_for('files.browser') }}">Upload your first
file</a>.</p>
{% endif %}
</div>
<div class="dashboard-actions">
<a href="{{ url_for('files.browser') }}" class="btn primary">Browse Files</a>
<a href="{{ url_for('files.upload') }}" class="btn">Upload Files</a>
</div>
</section>
{% endblock %}