cosma-qc/app/templates/_jobs_table.html

{% if not acquisitions %}
  <p class="muted">Aucune acquisition. Ingeste un dossier via <code>scripts/ingest.py</code>.</p>
{% else %}
<div class="acq-grid">
  {% for acq in acquisitions %}
    <div class="acq-col">
      <h3 class="acq-title">
        {{ acq.name }} <span class="total">{{ acq.total_duration }}</span>
      </h3>

      <ul class="job-list">
      {% for j in acq.jobs %}
        <li class="job-item {{ j.status }}">
          <span class="icon">
            {% if j.status == 'done' %}<span class="check">✓</span>
            {% elif j.status in ('running','extracting') %}<span class="spin">↻</span>
            {% elif j.status == 'error' %}<span class="err">✕</span>
            {% else %}<span class="sq">■</span>{% endif %}
          </span>
          <span class="label">
            {% if j.has_thumbnail %}<img class="thumb" src="jobs/{{ j.id }}/thumbnail" alt="" loading="lazy">{% endif %}
            <span class="job-id">#{{ j.id }}</span>
            <span class="auv-gp" title="{{ j.gopro_serial }}">{{ j.auv }} {{ j.gp_label }}</span>
            <span class="seg">{{ j.segment_label }}</span>
            {% if j.video_duration_fmt != '—' %}<span class="meta">{{ j.video_duration_fmt }}{% if j.frame_count %} · {{ j.frame_count }} f{% if j.trimmed_total %} · −{{ j.trimmed_total }} hors-eau{% endif %}{% endif %}</span>{% endif %}
            {% if j.status in ('extracting','running') %}
              <span class="prog-wrap"><span class="prog-fill" style="width:{{ j.progress }}%"></span><span class="prog-text">{{ j.progress }}%</span></span>
            {% endif %}
            {% if j.status == 'done' and j.viser_url %}
              <a class="ext viser-link" href="{{ j.viser_url }}" target="_blank" rel="noopener" title="viser natif ({{ j.viser_url }})">viser</a>
            {% endif %}
          </span>
          <span class="dur">{{ j._duration }}</span>
          {% if j.status in ('queued','extracting','running') %}
            <button class="mini" hx-post="jobs/{{ j.id }}/cancel" hx-target="#jobs-table">×</button>
          {% elif j.status == 'error' %}
            <button class="mini" hx-post="jobs/{{ j.id }}/retry" hx-target="#jobs-table">↻</button>
          {% else %}
            <span></span>
          {% endif %}
        </li>
        {% if j.error %}<li class="err-line">{{ j.error }}</li>{% endif %}
      {% endfor %}
      </ul>

      <div class="stitch-section">
        <div class="stitch-title">
          <span class="icon"><span class="sq">■</span></span>
          <span>stitch</span>
        </div>
        {% if acq.stitches %}
          <ul class="stitch-children">
          {% for s in acq.stitches %}
            <li class="sub {{ s.status }}">
              <span class="icon stitch-icon">
                {% if s.status == 'done' %}<span class="check ok">✓</span>
                {% elif s.status == 'running' %}<span class="spin">↻</span>
                {% elif s.status == 'error' %}<span class="err">✕</span>
                {% else %}<span class="sq">■</span>{% endif %}
              </span>
              <span>
                {% if s.level == 'per_auv' %}pair GP1↔GP2 {{ s.auv }}
                {% else %}merge final{% endif %}
                {% if s._duration %}<span class="dur muted"> — {{ s._duration }}</span>{% endif %}
                {% if s.status == 'done' and s.output_ply %}
                  <button class="ext viewer-btn" data-view-url="stitches/{{ s.id }}/view" title="{{ s.output_ply }}">viser</button>
                {% endif %}
              </span>
              {% if s.status in ('queued','running') %}
                <button class="mini" hx-post="stitches/{{ s.id }}/cancel" hx-target="#jobs-table">×</button>
              {% elif s.status == 'error' %}
                <button class="mini" hx-post="stitches/{{ s.id }}/retry" hx-target="#jobs-table">↻</button>
              {% endif %}
            </li>
            {% if s.error %}<li class="err-line" style="padding-left:42px">{{ s.error[:120] }}</li>{% endif %}
          {% endfor %}
          </ul>
        {% else %}
          <ul class="stitch-children">
            <li class="sub pending"><span class="sq">■</span> pair GP1↔GP2 per AUV</li>
            <li class="sub pending"><span class="sq">■</span> cross-AUV merge</li>
            <li class="sub pending"><span class="sq">■</span> final PLY</li>
          </ul>
        {% endif %}
      </div>
    </div>
  {% endfor %}
</div>
{% endif %}