89cdb022f3
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
41 lines
1.7 KiB
HTML
41 lines
1.7 KiB
HTML
<div class="card rounded-lg p-3">
|
|
{% if queue and queue.downloading > 0 %}
|
|
<div class="flex items-center justify-between mb-2">
|
|
<span class="text-xs text-gray-400">{{ queue.downloading }} active</span>
|
|
<span class="text-xs text-emerald-400 font-mono">{{ queue.speed }}</span>
|
|
</div>
|
|
|
|
{% if queue.items %}
|
|
<div class="space-y-2">
|
|
{% for item in queue.items %}
|
|
<div>
|
|
<div class="flex items-center justify-between text-xs mb-1">
|
|
<span class="text-gray-300 truncate flex-1 mr-2">{{ item.name }}</span>
|
|
<span class="text-gray-500">{{ item.progress | round(1) }}%</span>
|
|
</div>
|
|
<div class="progress-bar">
|
|
<div class="progress-fill bg-emerald-500" style="width: {{ item.progress }}%"></div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if queue.eta and queue.eta != 'Unknown' %}
|
|
<div class="flex items-center justify-between mt-2 text-xs text-gray-500">
|
|
<span>ETA: {{ queue.eta }}</span>
|
|
<span>{{ queue.size_left }} left</span>
|
|
</div>
|
|
{% endif %}
|
|
{% else %}
|
|
<div class="flex items-center gap-2 text-gray-500 text-xs">
|
|
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
|
<span>No active downloads</span>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<a href="https://sabnzbd.deathstar-home.one" target="_blank" class="block text-center text-xs text-gray-500 hover:text-green-400 mt-2">
|
|
Open Sabnzbd
|
|
</a>
|
|
</div>
|