Initial commit: Homelab Dashboard with YAML configuration
Features: - Service health monitoring with response times - Proxmox cluster integration (nodes, VMs, containers) - PBS backup server monitoring - Camera viewer with WebRTC (go2rtc) - Docker container monitoring - Uptime Kuma integration - Mobile-friendly responsive design - YAML-based configuration for easy setup
This commit is contained in:
31
app/templates/partials/pbs.html
Normal file
31
app/templates/partials/pbs.html
Normal file
@@ -0,0 +1,31 @@
|
||||
<div class="card rounded-lg p-3">
|
||||
{% if pbs.status == 'online' %}
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<span class="text-xs text-emerald-400">Online</span>
|
||||
{% if pbs.last_backup %}
|
||||
<span class="text-xs text-gray-500">Last: {{ pbs.last_backup }}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if pbs.datastore_usage %}
|
||||
<div class="space-y-2">
|
||||
{% for ds in pbs.datastore_usage %}
|
||||
<div>
|
||||
<div class="flex items-center justify-between text-xs mb-1">
|
||||
<span class="text-gray-300">{{ ds.name }}</span>
|
||||
<span class="text-gray-500">{{ ds.used_gb }}/{{ ds.total_gb }}GB</span>
|
||||
</div>
|
||||
<div class="progress-bar">
|
||||
<div class="progress-fill {% if ds.percent > 85 %}bg-red-500{% elif ds.percent > 70 %}bg-amber-500{% else %}bg-orange-500{% endif %}" style="width: {{ ds.percent }}%"></div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<div class="flex items-center gap-2 text-gray-500 text-xs">
|
||||
<svg class="w-4 h-4 text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/></svg>
|
||||
<span>PBS Offline</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
<a href="https://192.168.1.159:8007" target="_blank" class="block text-center text-xs text-gray-500 hover:text-orange-400 mt-2">Open PBS</a>
|
||||
</div>
|
||||
Reference in New Issue
Block a user