millas 0.2.12-beta-1 → 0.2.13

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

@@ -99,8 +99,11 @@
             <div class="detail-label">{{ field.label }}</div>
             <div class="detail-value">
               {% set val = record[field.name] %}
-              {% include "partials/detail-value.njk" ignore missing %}
-              {{ val | adminCell(field) | safe if val is not none else '<span class="cell-muted">—</span>' }}
+              {% if val is not none %}
+                {{ val | adminCell(field) | safe }}
+              {% else %}
+                <span class="cell-muted">—</span>
+              {% endif %}
             </div>
           </div>
           {% endif %}
@@ -125,7 +128,11 @@
           <div class="detail-label">{{ field.label }}</div>
           <div class="detail-value">
             {% set val = record[field.name] %}
-            {{ val | adminDetail(field) | safe }}
+            {% if val is not none %}
+              {{ val | adminDetail(field) | safe }}
+            {% else %}
+              <span class="cell-muted">—</span>
+            {% endif %}
           </div>
         </div>
         {% endif %}
@@ -161,6 +168,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 +187,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 +201,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>
@@ -217,16 +253,22 @@
           <tr>
             {% for field in inline.fields %}
             <td {% if loop.first %}class="td-primary"{% endif %}>
-              {{ row[field.name] | adminCell(field) | safe if row[field.name] is not none else '<span class="cell-muted">—</span>' }}
+              {% if row[field.name] is not none %}
+                {{ row[field.name] | adminCell(field) | safe }}
+              {% else %}
+                <span class="cell-muted">—</span>
+              {% endif %}
             </td>
             {% 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 +282,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>
@@ -319,4 +354,4 @@
     document.querySelectorAll('.tab-panel').forEach((p, i) => p.classList.toggle('active', i === idx));
   }
 </script>
-{% endblock %}
+{% endblock %}

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

@@ -0,0 +1,65 @@
+{% extends "layouts/base.njk" %}
+
+{% block title %}{{ errorTitle }}{% endblock %}
+
+{% block topbar_title %}
+  <span style="color:var(--danger)">{{ errorTitle }}</span>
+{% endblock %}
+{% block sidebar %}
+{% endblock %}
+
+{% block content %}
+<div style="max-width:640px;margin:40px auto;padding:0 8px">
+
+  {# ── Icon + heading ── #}
+  <div style="display:flex;align-items:center;gap:14px;margin-bottom:28px">
+    <div style="flex-shrink:0;width:48px;height:48px;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center">
+      {% if errorStatus == 404 %}
+      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--danger)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
+        <line x1="11" y1="8" x2="11" y2="11"/><line x1="11" y1="14" x2="11.01" y2="14"/>
+      </svg>
+      {% else %}
+      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--danger)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/>
+      </svg>
+      {% endif %}
+    </div>
+    <div>
+      <div style="font-size:22px;font-weight:700;color:var(--danger);line-height:1.2">{{ errorStatus }}</div>
+      <div style="font-size:14px;color:var(--text-soft);margin-top:2px">{{ errorTitle }}</div>
+    </div>
+  </div>
+
+  {# ── Message card ── #}
+  <div class="card" style="margin-bottom:20px">
+    <div style="padding:20px 22px;display:flex;align-items:flex-start;gap:12px">
+      <svg style="flex-shrink:0;margin-top:1px;color:var(--text-muted)" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/>
+      </svg>
+      <span style="font-size:14px;color:var(--text);line-height:1.6">{{ errorMsg }}</span>
+    </div>
+  </div>
+
+  {# ── Stack trace (dev only) ── #}
+  {% if errorStack %}
+  <details style="margin-bottom:20px">
+    <summary style="font-size:12.5px;color:var(--text-muted);cursor:pointer;user-select:none;margin-bottom:8px">Stack trace</summary>
+    <pre style="background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;font-size:11.5px;color:var(--text-soft);overflow-x:auto;line-height:1.65;margin:0;white-space:pre-wrap;word-break:break-word">{{ errorStack }}</pre>
+  </details>
+  {% endif %}
+
+  {# ── Actions ── #}
+  <div style="display:flex;align-items:center;gap:10px">
+    <a href="javascript:history.back()" class="btn btn-ghost btn-sm">
+      <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
+      Go back
+    </a>
+    <a href="{{ adminPrefix }}/" class="btn btn-ghost btn-sm">
+      <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
+      Dashboard
+    </a>
+  </div>
+
+</div>
+{% endblock %}