mdboard 2.0.0 → 2.1.0

package/index.html

@@ -223,6 +223,14 @@ th.sorted .sort-arrow{opacity:1;color:var(--accent)}
 .prop-value select:disabled,.prop-value input:disabled{opacity:.6;cursor:default}
 .prop-value select:disabled:hover,.prop-value input:disabled:hover{border-color:transparent}
 .prop-text{font-size:13px;color:var(--text2);padding:4px 8px}
+.prop-longtext{width:100%}
+.prop-longtext-preview{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background .15s;min-height:28px}
+.prop-longtext-preview:hover{background:var(--surface2)}
+.prop-longtext-text{flex:1;font-size:13px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.prop-longtext-toggle{font-size:9px;color:var(--text3);flex-shrink:0;transition:transform .15s}
+.prop-longtext-editor{width:100%;min-height:80px;resize:vertical;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:8px;border-radius:var(--radius-sm);font-family:var(--font);font-size:13px;line-height:1.5;outline:none;margin-top:4px;transition:border-color .2s}
+.prop-longtext-editor:focus{border-color:var(--accent)}
+.prop-longtext-editor:disabled{opacity:.6;cursor:default}
 .prop-icon{flex-shrink:0}
 .prop-row-toggle{cursor:pointer;user-select:none}
 .prop-row-toggle:hover{background:var(--surface2);border-radius:var(--radius-sm)}
@@ -1156,6 +1164,12 @@ function renderFieldPill(item, entityType, field) {
     }
   }
 
+  if (fieldDef && fieldDef.type === 'longtext') {
+    var ltText = String(value);
+    var ltTrunc = ltText.length > 50 ? ltText.substring(0, 50) + '...' : ltText;
+    return '<span class="pill" style="background:var(--surface2);color:var(--text2)">' + escHtml(ltTrunc) + '</span>';
+  }
+
   if (fieldDef && fieldDef.type === 'number' && value != null) {
     return '<span class="pill pill-points">' + value + (fieldDef.label === 'Points' ? ' pts' : '') + '</span>';
   }
@@ -1185,6 +1199,12 @@ function renderFieldCell(item, entityType, col) {
       statusIcon(entityType, value) + ' ' + escHtml(getFieldLabel(entityType, col, value)) + '</span>';
   }
 
+  if (fieldDef && fieldDef.type === 'longtext') {
+    var ltText = String(value);
+    var ltTrunc = ltText.length > 50 ? ltText.substring(0, 50) + '...' : ltText;
+    return '<span style="color:var(--text2)">' + escHtml(ltTrunc) + '</span>';
+  }
+
   if (fieldDef && fieldDef.type === 'list') {
     var arr = Array.isArray(value) ? value : [value];
     return escHtml(arr.join(', '));
@@ -2592,11 +2612,20 @@ async function deleteCurrentNote(id) {
    ══════════════════════════════════════════════════════════════ */
 var panelState = { open: false, entityType: null, item: null, isCreate: false, editor: null };
 
-function openPanel(entityType, item) {
+async function openPanel(entityType, item) {
   panelState = { open: true, entityType: entityType, item: JSON.parse(JSON.stringify(item)), isCreate: false, editor: null };
-  renderPanel();
   document.getElementById('detail-panel').classList.add('open');
   document.getElementById('panel-overlay').classList.add('open');
+
+  // Fetch full item with content from single endpoint
+  var plural = getEntityPlural(entityType);
+  var base = apiBase();
+  var full = await fetchJson(base + '/' + plural + '/' + encodeURIComponent(item.id));
+  if (full && full.content !== undefined) {
+    panelState.item.content = full.content;
+  }
+
+  renderPanel();
 }
 
 function closePanel() {
@@ -2773,6 +2802,38 @@ function renderPanel() {
     });
   }
 
+  // Longtext expand/collapse
+  panel.querySelectorAll('.prop-longtext-preview').forEach(function(prev) {
+    prev.addEventListener('click', function() {
+      var wrap = prev.parentNode;
+      var textarea = wrap.querySelector('.prop-longtext-editor');
+      var toggle = prev.querySelector('.prop-longtext-toggle');
+      if (textarea.style.display === 'none') {
+        textarea.style.display = '';
+        prev.style.display = 'none';
+        textarea.style.height = 'auto';
+        textarea.style.height = Math.max(80, textarea.scrollHeight) + 'px';
+        textarea.focus();
+      }
+    });
+  });
+  panel.querySelectorAll('.prop-longtext-editor').forEach(function(ta) {
+    ta.addEventListener('blur', function() {
+      var wrap = ta.parentNode;
+      var prev = wrap.querySelector('.prop-longtext-preview');
+      var textSpan = prev.querySelector('.prop-longtext-text');
+      var val = ta.value || '';
+      var truncated = val.length > 80 ? val.substring(0, 80) + '...' : (val || 'Empty');
+      textSpan.textContent = truncated;
+      ta.style.display = 'none';
+      prev.style.display = '';
+    });
+    ta.addEventListener('input', function() {
+      ta.style.height = 'auto';
+      ta.style.height = Math.max(80, ta.scrollHeight) + 'px';
+    });
+  });
+
   // Live icon updates for enum fields
   panel.querySelectorAll('select[id^="p-"]').forEach(function(sel) {
     sel.addEventListener('change', function() {
@@ -2827,6 +2888,18 @@ function renderPropRow(name, field, value, entityType, isReadonly) {
       html += '<input type="text" id="p-' + name + '" value="' + escHtml(value || '') + '" placeholder=""' + (isReadonly ? ' disabled' : '') + '>';
       break;
 
+    case 'longtext':
+      var ltVal = value || '';
+      var ltTruncated = ltVal.length > 80 ? ltVal.substring(0, 80) + '...' : ltVal;
+      html += '<div class="prop-longtext" id="p-lt-wrap-' + name + '">';
+      html += '<div class="prop-longtext-preview" id="p-lt-preview-' + name + '" title="Click to expand">';
+      html += '<span class="prop-longtext-text">' + escHtml(ltTruncated || 'Empty') + '</span>';
+      html += '<span class="prop-longtext-toggle">&#9660;</span>';
+      html += '</div>';
+      html += '<textarea id="p-' + name + '" class="prop-longtext-editor" style="display:none" placeholder="Enter text..."' + (isReadonly ? ' disabled' : '') + '>' + escHtml(ltVal) + '</textarea>';
+      html += '</div>';
+      break;
+
     case 'list':
       var listVal = Array.isArray(value) ? value.join(', ') : (value || '');
       html += '<input type="text" id="p-' + name + '" value="' + escHtml(listVal) + '" placeholder="Comma-separated"' + (isReadonly ? ' disabled' : '') + '>';
@@ -2944,6 +3017,8 @@ function readFieldValue(el, fieldDef) {
       return el.value.trim() || null;
     case 'date':
       return el.value || null;
+    case 'longtext':
+      return el.value || '';
     case 'enum':
     case 'string':
     case 'text':

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mdboard",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Git-based project management dashboard. Reads markdown files with YAML frontmatter and serves a visual kanban board, table, milestones, and metrics views.",
   "main": "./src/server/server.js",
   "bin": {

package/presets/shape-up/entities.json

@@ -48,8 +48,8 @@
           ],
           "default": "big"
         },
-        "problem":  { "type": "text", "label": "Problem" },
-        "solution": { "type": "text", "label": "Solution" },
+        "problem":  { "type": "longtext", "label": "Problem" },
+        "solution": { "type": "longtext", "label": "Solution" },
         "no_gos":   { "type": "list", "label": "No-gos" }
       }
     },
@@ -115,8 +115,8 @@
           ],
           "default": "big"
         },
-        "problem":  { "type": "text", "label": "Problem" },
-        "solution": { "type": "text", "label": "Solution" },
+        "problem":  { "type": "longtext", "label": "Problem" },
+        "solution": { "type": "longtext", "label": "Solution" },
         "no_gos":   { "type": "list", "label": "No-gos" }
       }
     },