Adding fits

app/templates/admin/_augmented_part_fit_row.html

@@ -0,0 +1,62 @@
+{% macro conn_desc(ap) -%}
+  {%- if ap.iso_thread -%}
+    ISO M{{ ap.iso_thread.diameter_mm }}×{{ ap.iso_thread.pitch_mm }}
+  {%- elif ap.unc_thread -%}
+    UNC {{ ap.unc_thread.diameter_fraction }}-{{ ap.unc_thread.tpi }} {{ ap.unc_thread.series.value }}
+  {%- elif ap.clamp_connection -%}
+    Clamp {{ ap.clamp_connection.min_mm if ap.clamp_connection.min_mm is not none else ap.clamp_connection.min_in }}–{{ ap.clamp_connection.max_mm if ap.clamp_connection.max_mm is not none else ap.clamp_connection.max_in }}
+  {%- elif ap.static_connection -%}
+    Static {{ ap.static_connection.od_mm }} mm OD
+  {%- else -%}
+    —
+  {%- endif -%}
+{%- endmacro %}
+
+<div id="fit-{{ fit.id }}" class="fit-item">
+  <div class="fit-item-main">
+    <span class="fit-badge fit-badge-{{ fit.label.value }}">{{ fit.label.value | capitalize }}</span>
+    <span class="fit-item-side"><strong>{{ own_ap.attachment_point_name.name }}</strong> ({{ conn_desc(own_ap) }})</span>
+    <span class="fit-item-arrow">↔</span>
+    <span class="fit-item-side">{{ other_part.description if other_part else "Unknown part" }} — <strong>{{ other_ap.attachment_point_name.name }}</strong> ({{ conn_desc(other_ap) }})</span>
+  </div>
+  <div class="row-actions">
+    {% if fit.label.value != "exact" %}
+      <button class="btn btn-ghost"
+              hx-post="/admin/augmented-parts/{{ augmented_part_id }}/fits/{{ fit.id }}/label"
+              hx-vals='{"label": "exact"}'
+              hx-target="#fit-{{ fit.id }}" hx-swap="outerHTML">Mark Exact</button>
+    {% endif %}
+    {% if fit.label.value != "possible" %}
+      <button class="btn btn-ghost"
+              hx-post="/admin/augmented-parts/{{ augmented_part_id }}/fits/{{ fit.id }}/label"
+              hx-vals='{"label": "possible"}'
+              hx-target="#fit-{{ fit.id }}" hx-swap="outerHTML">Mark Possible</button>
+    {% endif %}
+    {% if fit.label.value != "none" %}
+      <button class="btn btn-ghost"
+              hx-post="/admin/augmented-parts/{{ augmented_part_id }}/fits/{{ fit.id }}/label"
+              hx-vals='{"label": "none"}'
+              hx-target="#fit-{{ fit.id }}" hx-swap="outerHTML">Mark Impossible</button>
+    {% endif %}
+    <button class="btn btn-danger"
+            hx-delete="/admin/augmented-parts/{{ augmented_part_id }}/fits/{{ fit.id }}"
+            hx-target="#ap-{{ augmented_part_id }}-fits"
+            hx-swap="outerHTML"
+            hx-confirm="Delete this fit?">Delete</button>
+  </div>
+
+  <div class="fit-notes">
+    {% for note in fit.notes %}
+      <div class="fit-note">
+        <span class="fit-note-meta">{{ note.username }} · {{ note.created_at.strftime("%Y-%m-%d %H:%M") }}</span>
+        <p class="fit-note-body">{{ note.body }}</p>
+      </div>
+    {% endfor %}
+    <form hx-post="/admin/augmented-parts/{{ augmented_part_id }}/fits/{{ fit.id }}/notes"
+          hx-target="#fit-{{ fit.id }}" hx-swap="outerHTML"
+          class="inline-edit fit-note-form">
+      <input type="text" name="body" placeholder="Add a note…" required>
+      <button type="submit" class="btn btn-ghost">Add note</button>
+    </form>
+  </div>
+</div>