millas 0.2.12-beta → 0.2.12-beta-2

package/src/admin/views/pages/detail.njk

@@ -161,6 +161,7 @@
     </a>
     {% elif ra.action %}
     <form method="POST" action="{{ adminPrefix }}/{{ resource.slug }}/{{ record.id }}/action/{{ ra.action }}" style="display:inline">
+      <input type="hidden" name="_csrf" value="{{ csrfToken }}">
       <button type="submit" class="btn btn-ghost btn-sm">
         <span class="icon icon-13"><svg viewBox="0 0 24 24"><use href="#ic-{{ ra.icon or 'check' }}"/></svg></span>
         {{ ra.label }}
@@ -179,6 +180,8 @@
 {% if inlines | length %}
 <div style="max-width:860px;margin-top:24px">
   {% for inline in inlines %}
+  {% set inlineIndex = loop.index0 %}
+  {% set inlineBase  = adminPrefix + '/' + resource.slug + '/' + record.id + '/inline/' + inlineIndex %}
   <div class="card mb-5">
     <div class="card-header">
       <span class="card-title">
@@ -191,14 +194,40 @@
         {% endif %}
       </span>
       {% if inline.canCreate %}
-      <a href="{{ adminPrefix }}/{{ inline.label | lower | replace(' ', '-') }}/create?{{ inline.foreignKey }}={{ record.id }}"
-         class="btn btn-ghost btn-sm">
+      <button class="btn btn-ghost btn-sm" onclick="document.getElementById('inline-form-{{ inlineIndex }}').style.display='block';this.style.display='none'">
         <span class="icon icon-13"><svg viewBox="0 0 24 24"><use href="#ic-plus"/></svg></span>
-        Add {{ inline.label | replace('s','') if inline.label | last == 's' else inline.label }}
-      </a>
+        Add
+      </button>
       {% endif %}
     </div>
 
+    {# ── Inline quick-add form ── #}
+    {% if inline.canCreate %}
+    <div id="inline-form-{{ inlineIndex }}" style="display:none;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface)">
+      <form method="POST" action="{{ inlineBase }}">
+        <input type="hidden" name="_csrf" value="{{ csrfToken }}">
+        <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end">
+          {% for field in inline.fields %}
+          {% if field.name != inline.foreignKey %}
+          <div style="flex:1;min-width:140px">
+            <label class="form-label" style="font-size:11px">{{ field.label }}</label>
+            {% if field.type == 'boolean' %}
+            <input type="checkbox" name="{{ field.name }}" value="1">
+            {% else %}
+            <input type="{{ field.type or 'text' }}" name="{{ field.name }}" class="form-control form-control-sm" placeholder="{{ field.label }}">
+            {% endif %}
+          </div>
+          {% endif %}
+          {% endfor %}
+          <div style="display:flex;gap:6px">
+            <button type="submit" class="btn btn-primary btn-sm">Save</button>
+            <button type="button" class="btn btn-ghost btn-sm" onclick="document.getElementById('inline-form-{{ inlineIndex }}').style.display='none';this.closest('.card').querySelector('.btn-ghost').style.display=''">Cancel</button>
+          </div>
+        </div>
+      </form>
+    </div>
+    {% endif %}
+
     {% if inline.rows | length %}
     <div class="table-wrap">
       <table>
@@ -222,11 +251,13 @@
             {% endfor %}
             {% if inline.canDelete %}
             <td class="col-actions" style="text-align:right">
-              <button
-                onclick="confirmDelete('{{ adminPrefix }}/{{ inline.label | lower | replace(' ','-') }}/{{ row.id }}/delete','{{ inline.label | replace('s','') if inline.label | last == 's' else inline.label }} #{{ row.id }}')"
-                class="btn btn-danger btn-xs">
-                <span class="icon icon-12"><svg viewBox="0 0 24 24"><use href="#ic-trash"/></svg></span>
-              </button>
+              <form method="POST" action="{{ inlineBase }}/{{ row.id }}/delete" style="display:inline">
+                <input type="hidden" name="_csrf" value="{{ csrfToken }}">
+                <button type="submit" class="btn btn-danger btn-xs"
+                  onclick="return confirm('Delete this record?')">
+                  <span class="icon icon-12"><svg viewBox="0 0 24 24"><use href="#ic-trash"/></svg></span>
+                </button>
+              </form>
             </td>
             {% endif %}
           </tr>
@@ -240,13 +271,6 @@
         <span class="icon icon-16"><svg viewBox="0 0 24 24"><use href="#ic-table"/></svg></span>
       </div>
       <div class="empty-title" style="font-size:13px">No {{ inline.label | lower }} yet</div>
-      {% if inline.canCreate %}
-      <a href="{{ adminPrefix }}/{{ inline.label | lower | replace(' ', '-') }}/create?{{ inline.foreignKey }}={{ record.id }}"
-         class="btn btn-ghost btn-sm" style="margin-top:10px">
-        <span class="icon icon-13"><svg viewBox="0 0 24 24"><use href="#ic-plus"/></svg></span>
-        Add first
-      </a>
-      {% endif %}
     </div>
     {% endif %}
   </div>