38 lines
1.5 KiB
HTML
38 lines
1.5 KiB
HTML
<div id="status-panel" hx-post="/status" hx-trigger="every 500ms" hx-swap="outerHTML" class="rounded bg-slate-800 border border-slate-700 p-4 text-slate-100">
|
|
{% if status.error %}
|
|
<div class="text-red-400">Error: {{ status.error }}</div>
|
|
{% else %}
|
|
<div class="grid grid-cols-2 gap-4">
|
|
<div class="col-span-2">
|
|
<div class="text-sm text-slate-400">Current File</div>
|
|
<div class="font-medium">{{ status.current_file }}</div>
|
|
</div>
|
|
<div>
|
|
<div class="text-sm text-slate-400">Nozzle Temperature</div>
|
|
<div class="font-medium">{{ status.nozzle_temp }}</div>
|
|
</div>
|
|
<div>
|
|
<div class="text-sm text-slate-400">Bed Temperature</div>
|
|
<div class="font-medium">{{ status.bed_temp }}</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div class="text-sm text-slate-400">Chamber Temperature</div>
|
|
<div class="font-medium">{{ status.chamber_temp }}</div>
|
|
</div>
|
|
<div>
|
|
<div class="text-sm text-slate-400">Progress</div>
|
|
<div class="font-medium">{{ status.percentage }}</div>
|
|
</div>
|
|
<div>
|
|
<div class="text-sm text-slate-400">Remaining Time</div>
|
|
<div class="font-medium">{{ status.remaining_time }}</div>
|
|
</div>
|
|
<div>
|
|
<div class="text-sm text-slate-400">Time Done</div>
|
|
<div class="font-medium">{{ status.finish_time }}</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|