222 lines
14 KiB
HTML
222 lines
14 KiB
HTML
{% extends "base.html" %}
|
|
{% load humanize %}
|
|
|
|
{% block title %}{{ submission.slug }} — hamprint{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
{% if not is_owner %}
|
|
{% comment %}
|
|
─── Minimal public view ────────────────────────────────────────────────
|
|
Shown to anonymous visitors AND to authenticated users who don't own
|
|
the row. Slug, status badge, age -- that's the contract. Anything more
|
|
could leak the submitter's notes, source URL, uploaded filename, etc.
|
|
{% endcomment %}
|
|
<div class="max-w-md mx-auto pt-12 pb-8 text-center">
|
|
<h1 class="mono text-4xl font-bold tracking-tight text-amber-700 mb-5 break-words">{{ submission.slug }}</h1>
|
|
<div class="mb-3">
|
|
<span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full {{ submission.status_badge_class }} text-sm font-medium">
|
|
{{ submission.get_status_display }}
|
|
</span>
|
|
</div>
|
|
<p class="text-sm text-slate-500">Submitted {{ submission.created_at|naturaltime }}</p>
|
|
|
|
{% if request.user.is_authenticated %}
|
|
<p class="mt-10 text-xs text-slate-500">
|
|
This isn't one of your submissions — only limited info is shown publicly.
|
|
</p>
|
|
{% else %}
|
|
<p class="mt-10 text-xs text-slate-500">
|
|
Public view of this submission. <a href="{% url 'account_login' %}" class="text-amber-700 hover:underline">Sign in</a> if this print is yours to see more.
|
|
</p>
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% else %}
|
|
{% comment %}
|
|
─── Owner view ────────────────────────────────────────────────────────
|
|
Mirrors demo/detail-completed.html's structure: status banner, header
|
|
with slug + age, two-column grid with the substantive content on the
|
|
left and a Details sidebar on the right.
|
|
{% endcomment %}
|
|
|
|
{# Status banner -- one card per state, palette matches the badge. #}
|
|
{% if submission.status == 'completed' %}
|
|
<div class="rounded-lg border border-emerald-200 bg-emerald-50 p-5 mb-6 flex items-start gap-4">
|
|
<svg class="w-8 h-8 text-emerald-600 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"/></svg>
|
|
<div class="flex-1">
|
|
<h2 class="font-semibold text-emerald-900">Ready for pickup!</h2>
|
|
<p class="text-sm text-emerald-900/80 mt-1">Your print is finished and waiting at the hamlab.lt space. See pickup instructions below.</p>
|
|
</div>
|
|
</div>
|
|
{% elif submission.status == 'printing' %}
|
|
<div class="rounded-lg border border-orange-200 bg-orange-50 p-5 mb-6 flex items-start gap-4">
|
|
<svg class="w-8 h-8 text-orange-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25"/></svg>
|
|
<div class="flex-1">
|
|
<h2 class="font-semibold text-orange-900">Currently printing</h2>
|
|
<p class="text-sm text-orange-900/80 mt-1">An operator is running this print at the hamlab.lt printer right now.</p>
|
|
</div>
|
|
</div>
|
|
{% elif submission.status == 'queued' %}
|
|
<div class="rounded-lg border border-blue-200 bg-blue-50 p-5 mb-6 flex items-start gap-4">
|
|
<svg class="w-8 h-8 text-blue-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
|
|
<div class="flex-1">
|
|
<h2 class="font-semibold text-blue-900">In the print queue</h2>
|
|
<p class="text-sm text-blue-900/80 mt-1">An operator approved your submission. Printing starts shortly.</p>
|
|
</div>
|
|
</div>
|
|
{% elif submission.status == 'verifying' %}
|
|
<div class="rounded-lg border border-violet-200 bg-violet-50 p-5 mb-6 flex items-start gap-4">
|
|
<svg class="w-8 h-8 text-violet-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
|
|
<div class="flex-1">
|
|
<h2 class="font-semibold text-violet-900">Awaiting operator review</h2>
|
|
<p class="text-sm text-violet-900/80 mt-1">Auto-checks cleared. An operator will take a manual look next; you'll get an email when the status changes.</p>
|
|
</div>
|
|
</div>
|
|
{% elif submission.status == 'processing' %}
|
|
<div class="rounded-lg border border-slate-300 bg-slate-50 p-5 mb-6 flex items-start gap-4">
|
|
<svg class="w-8 h-8 text-slate-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"/></svg>
|
|
<div class="flex-1">
|
|
<h2 class="font-semibold text-slate-900">Running automated checks</h2>
|
|
<p class="text-sm text-slate-700 mt-1">We're validating your file or URL. This usually finishes in under a minute.</p>
|
|
</div>
|
|
</div>
|
|
{% elif submission.status == 'identifying' %}
|
|
<div class="rounded-lg border-2 border-yellow-300 bg-yellow-50 p-5 mb-6 flex items-start gap-4">
|
|
<svg class="w-8 h-8 text-yellow-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"/></svg>
|
|
<div class="flex-1">
|
|
<h2 class="font-semibold text-yellow-900">Check your inbox to confirm</h2>
|
|
<p class="text-sm text-yellow-900/80 mt-1">We sent a confirmation link. Click it within 24 hours or this submission (and any uploaded STL) will be deleted automatically.</p>
|
|
</div>
|
|
</div>
|
|
{% elif submission.status == 'rejected' %}
|
|
<div class="rounded-lg border border-red-200 bg-red-50 p-5 mb-6 flex items-start gap-4">
|
|
<svg class="w-8 h-8 text-red-600 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z" clip-rule="evenodd"/></svg>
|
|
<div class="flex-1">
|
|
<h2 class="font-semibold text-red-900">Submission rejected</h2>
|
|
<p class="text-sm text-red-900/80 mt-1">{% if submission.operator_notes %}See the reason below.{% else %}No reason was recorded.{% endif %} This row will be deleted automatically within 24 hours.</p>
|
|
</div>
|
|
</div>
|
|
{% elif submission.status == 'failed' %}
|
|
<div class="rounded-lg border border-red-200 bg-red-50 p-5 mb-6 flex items-start gap-4">
|
|
<svg class="w-8 h-8 text-red-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"/></svg>
|
|
<div class="flex-1">
|
|
<h2 class="font-semibold text-red-900">Print failed</h2>
|
|
<p class="text-sm text-red-900/80 mt-1">{% if submission.operator_notes %}The operator left a comment below.{% else %}The operator hasn't left a comment yet.{% endif %}</p>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<header class="mb-6 flex flex-wrap items-start justify-between gap-4">
|
|
<div>
|
|
<div class="flex items-center gap-3 mb-2">
|
|
<span class="inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full {{ submission.status_badge_class }} text-xs font-medium">{{ submission.get_status_display }}</span>
|
|
<span class="text-xs text-slate-500">Submitted {{ submission.created_at|naturaltime }}</span>
|
|
</div>
|
|
<h1 class="mono text-3xl font-bold tracking-tight text-amber-700 break-words">{{ submission.slug }}</h1>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="grid lg:grid-cols-3 gap-6">
|
|
<section class="lg:col-span-2 space-y-4">
|
|
|
|
{% if submission.operator_notes %}
|
|
<div class="bg-white border border-slate-200 rounded-lg p-5">
|
|
<h3 class="font-semibold text-sm uppercase tracking-wide text-slate-500 mb-3">
|
|
{% if submission.status == 'completed' %}Pickup instructions
|
|
{% elif submission.status == 'rejected' %}Reason for rejection
|
|
{% elif submission.status == 'failed' %}Operator comments
|
|
{% else %}Notes from the operator{% endif %}
|
|
</h3>
|
|
<p class="text-slate-800 text-sm whitespace-pre-line">{{ submission.operator_notes }}</p>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{# Source: uploaded .stl OR external URL link #}
|
|
<div class="bg-white border border-slate-200 rounded-lg p-5">
|
|
<h3 class="font-semibold text-sm uppercase tracking-wide text-slate-500 mb-3">Source</h3>
|
|
{% if submission.source_type == 'upload' %}
|
|
{% if submission.stl_file %}
|
|
<a href="{{ submission.stl_file.url }}" class="flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-200 hover:border-amber-400 hover:bg-amber-50/40">
|
|
<svg class="w-8 h-8 text-slate-400 flex-shrink-0" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"/></svg>
|
|
<div class="flex-1 min-w-0">
|
|
<p class="font-medium text-sm break-all">{{ submission.stl_file.name }}</p>
|
|
<p class="text-xs text-slate-500">Raw <span class="mono">.stl</span> upload · click to download</p>
|
|
</div>
|
|
<svg class="w-4 h-4 text-slate-400 flex-shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3"/></svg>
|
|
</a>
|
|
{% else %}
|
|
<div class="flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-200">
|
|
<svg class="w-8 h-8 text-slate-400 flex-shrink-0" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"/></svg>
|
|
<div class="flex-1 min-w-0">
|
|
<p class="font-medium text-sm break-all">(file not on disk)</p>
|
|
<p class="text-xs text-slate-500">Raw <span class="mono">.stl</span> upload</p>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% else %}
|
|
<a href="{{ submission.source_url }}" target="_blank" rel="noopener" class="flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-200 hover:border-amber-400 hover:bg-amber-50/40">
|
|
<span class="w-10 h-10 rounded-md bg-amber-100 grid place-items-center text-amber-700 font-bold text-xs flex-shrink-0">{{ submission.source_type|slice:":1"|upper }}</span>
|
|
<div class="flex-1 min-w-0">
|
|
<p class="font-medium text-sm truncate">{{ submission.source_url }}</p>
|
|
<p class="text-xs text-slate-500">{{ submission.get_source_type_display }} · external link</p>
|
|
</div>
|
|
<svg class="w-4 h-4 text-slate-400 flex-shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"/></svg>
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% comment %}
|
|
The user's own notes (private from public dashboard, but obviously
|
|
visible to the user themselves).
|
|
{% endcomment %}
|
|
{% if submission.notes_for_op %}
|
|
<div class="bg-white border border-slate-200 rounded-lg p-5">
|
|
<h3 class="font-semibold text-sm uppercase tracking-wide text-slate-500 mb-2">Your notes to the operator</h3>
|
|
<p class="text-slate-700 text-sm whitespace-pre-line">{{ submission.notes_for_op }}</p>
|
|
</div>
|
|
{% endif %}
|
|
|
|
</section>
|
|
|
|
<aside class="space-y-4">
|
|
<div class="bg-white border border-slate-200 rounded-lg p-5 text-sm">
|
|
<h3 class="font-semibold text-sm uppercase tracking-wide text-slate-500 mb-3">Details</h3>
|
|
<dl class="space-y-2">
|
|
<div class="flex justify-between gap-3">
|
|
<dt class="text-slate-500">Source</dt>
|
|
<dd class="text-right">{{ submission.source_label }}</dd>
|
|
</div>
|
|
{% if submission.requested_filament %}
|
|
<div class="flex justify-between gap-3">
|
|
<dt class="text-slate-500">Filament</dt>
|
|
<dd class="text-right">{{ submission.requested_filament.display_label }}</dd>
|
|
</div>
|
|
{% endif %}
|
|
<div class="flex justify-between gap-3">
|
|
<dt class="text-slate-500">Submitter</dt>
|
|
<dd class="text-right">{% if submission.submitted_by %}{{ submission.submitted_by.get_username }}{% else %}Guest{% endif %}</dd>
|
|
</div>
|
|
<div class="flex justify-between gap-3">
|
|
<dt class="text-slate-500">Created</dt>
|
|
<dd class="text-right">{{ submission.created_at|naturaltime }}</dd>
|
|
</div>
|
|
{% if submission.closed_at %}
|
|
<div class="flex justify-between gap-3">
|
|
<dt class="text-slate-500">Closed</dt>
|
|
<dd class="text-right">{{ submission.closed_at|naturaltime }}{% if submission.closed_by %}, by <span class="font-medium">{{ submission.closed_by.get_username }}</span>{% endif %}</dd>
|
|
</div>
|
|
{% endif %}
|
|
</dl>
|
|
</div>
|
|
|
|
<div class="text-center">
|
|
<a href="{% url 'dashboard:index' %}" class="text-sm text-slate-500 hover:underline">← Back to dashboard</a>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
{% endblock %}
|