Kobe/docupulse
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added usage limit visuals and DB

Browse Source
This commit is contained in:
Kobe
2025-06-05 11:40:52 +02:00
parent 97fde3388b
commit a78f3c0786
9 changed files with 212 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
templates/components/usage_limits.html Normal file
View File

@@ -0,0 +1,67 @@
{% from 'common/macros.html' import format_size %}
{% macro usage_limits(usage_stats) %}
<div class="masonry-card" style="width: 100%;">
<div class="card shadow-sm">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-4">
<h5 class="card-title mb-0"><i class="fas fa-chart-line me-2"></i>Usage Limits</h5>
</div>
<!-- Rooms Progress -->
<div class="mb-4">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center">
<i class="fas fa-door-open me-2 icon-primary"></i>
<span class="text-muted">Rooms:</span>
</div>
<div class="fw-bold text-primary">{{ usage_stats.current_rooms }} / {{ usage_stats.max_rooms }}</div>
</div>
<div class="progress" style="height: 8px;">
<div class="progress-bar" role="progressbar"
style="width: {{ usage_stats.rooms_percentage }}%; background-color: var(--secondary-color);"
aria-valuenow="{{ usage_stats.rooms_percentage }}"
aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
<!-- Conversations Progress -->
<div class="mb-4">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center">
<i class="fas fa-comments me-2 icon-primary"></i>
<span class="text-muted">Conversations:</span>
</div>
<div class="fw-bold text-primary">{{ usage_stats.current_conversations }} / {{ usage_stats.max_conversations }}</div>
</div>
<div class="progress" style="height: 8px;">
<div class="progress-bar" role="progressbar"
style="width: {{ usage_stats.conversations_percentage }}%; background-color: var(--secondary-color);"
aria-valuenow="{{ usage_stats.conversations_percentage }}"
aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
<!-- Storage Progress -->
<div class="mb-4">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center">
<i class="fas fa-hdd me-2 icon-primary"></i>
<span class="text-muted">Storage:</span>
</div>
<div class="fw-bold text-primary">{{ format_size(usage_stats.current_storage) }} / {{ format_size(usage_stats.max_storage) }}</div>
</div>
<div class="progress" style="height: 8px;">
<div class="progress-bar" role="progressbar"
style="width: {{ usage_stats.storage_percentage }}%; background-color: var(--secondary-color);"
aria-valuenow="{{ usage_stats.storage_percentage }}"
aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
{% endmacro %}

4
templates/dashboard/dashboard.html
View File

@@ -26,6 +26,7 @@
{% from 'components/recent_activity.html' import recent_activity %}
{% from 'components/conversation_storage.html' import conversation_storage %}
{% from 'components/notification_overview.html' import notification_overview %}
{% from 'components/usage_limits.html' import usage_limits %}
<style>
.masonry {
@@ -54,6 +55,9 @@
<!-- Storage Section -->
<div class="mb-4">
<h2 class="section-title">Storage Overview</h2>
{% if current_user.is_admin %}
{{ usage_limits(usage_stats) }}
{% endif %}
<div class="masonry">
{{ storage_overview(room_count, file_count, folder_count, total_size) }}
{{ storage_usage(storage_by_type) }}