@cccarv82/freya 1.0.63 → 1.0.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cli/web-ui.css +0 -3
- package/cli/web-ui.js +5 -29
- package/package.json +1 -1
package/cli/web-ui.css
CHANGED
|
@@ -356,9 +356,6 @@ body {
|
|
|
356
356
|
.reportPreview strong { font-weight: 700; }
|
|
357
357
|
.reportPreview em { font-style: italic; }
|
|
358
358
|
|
|
359
|
-
.reportRaw { display: none; width: 100%; overflow: hidden; resize: none; }
|
|
360
|
-
.reportCard.raw .reportPreview { display: none; }
|
|
361
|
-
.reportCard.raw .reportRaw { display: block; }
|
|
362
359
|
.centerHead { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; margin-bottom: 14px; }
|
|
363
360
|
.statusLine { display:flex; align-items:center; justify-content:flex-end; gap: 12px; }
|
|
364
361
|
|
package/cli/web-ui.js
CHANGED
|
@@ -555,7 +555,7 @@
|
|
|
555
555
|
for (const item of list) {
|
|
556
556
|
const card = document.createElement('div');
|
|
557
557
|
const mode = state.reportModes[item.relPath] || 'preview';
|
|
558
|
-
const expanded =
|
|
558
|
+
const expanded = state.reportExpanded && state.reportExpanded[item.relPath];
|
|
559
559
|
card.className = 'reportCard' + (mode === 'raw' ? ' raw' : '') + (expanded ? ' expanded' : '');
|
|
560
560
|
|
|
561
561
|
const meta = fmtWhen(item.mtimeMs);
|
|
@@ -569,30 +569,16 @@
|
|
|
569
569
|
+ '</div>'
|
|
570
570
|
+ '</div>'
|
|
571
571
|
+ '<div class="reportHeadActions">'
|
|
572
|
-
+ '<button class="btn small" data-action="toggle">' + (mode === 'raw' ? 'Preview' : 'Markdown') + '</button>'
|
|
573
572
|
+ '<button class="btn small primary" data-action="save">Salvar</button>'
|
|
574
573
|
+ '</div>'
|
|
575
574
|
+ '</div>'
|
|
576
575
|
+ '<div class="reportBody">'
|
|
577
576
|
+ '<div class="reportPreview" contenteditable="true"></div>'
|
|
578
|
-
+ '<textarea class="reportRaw" rows="6"></textarea>'
|
|
579
577
|
+ '</div>';
|
|
580
578
|
|
|
581
579
|
const text = state.reportTexts[item.relPath] || '';
|
|
582
580
|
const preview = card.querySelector('.reportPreview');
|
|
583
581
|
if (preview) preview.innerHTML = renderMarkdown(text || '');
|
|
584
|
-
const raw = card.querySelector('.reportRaw');
|
|
585
|
-
if (raw) {
|
|
586
|
-
raw.value = text;
|
|
587
|
-
autoGrowTextarea(raw);
|
|
588
|
-
raw.addEventListener('input', () => {
|
|
589
|
-
state.reportTexts[item.relPath] = raw.value;
|
|
590
|
-
autoGrowTextarea(raw);
|
|
591
|
-
if (state.reportModes[item.relPath] !== 'raw' && preview && !preview.dataset.editing) {
|
|
592
|
-
preview.innerHTML = renderMarkdown(raw.value);
|
|
593
|
-
}
|
|
594
|
-
});
|
|
595
|
-
}
|
|
596
582
|
|
|
597
583
|
if (preview) {
|
|
598
584
|
preview.addEventListener('focus', () => {
|
|
@@ -603,24 +589,10 @@
|
|
|
603
589
|
preview.dataset.editing = '';
|
|
604
590
|
const val = preview.innerText || '';
|
|
605
591
|
state.reportTexts[item.relPath] = val;
|
|
606
|
-
if (raw) {
|
|
607
|
-
raw.value = val;
|
|
608
|
-
autoGrowTextarea(raw);
|
|
609
|
-
}
|
|
610
592
|
preview.innerHTML = renderMarkdown(val);
|
|
611
593
|
});
|
|
612
594
|
}
|
|
613
595
|
|
|
614
|
-
const toggleBtn = card.querySelector('[data-action="toggle"]');
|
|
615
|
-
if (toggleBtn) {
|
|
616
|
-
toggleBtn.onclick = (ev) => {
|
|
617
|
-
ev.stopPropagation();
|
|
618
|
-
state.reportModes[item.relPath] = (state.reportModes[item.relPath] === 'raw') ? 'preview' : 'raw';
|
|
619
|
-
state.reportExpanded[item.relPath] = true;
|
|
620
|
-
renderReportsPage();
|
|
621
|
-
};
|
|
622
|
-
}
|
|
623
|
-
|
|
624
596
|
const saveBtn = card.querySelector('[data-action="save"]');
|
|
625
597
|
if (saveBtn) {
|
|
626
598
|
saveBtn.onclick = async (ev) => {
|
|
@@ -657,6 +629,10 @@
|
|
|
657
629
|
}
|
|
658
630
|
|
|
659
631
|
grid.appendChild(card);
|
|
632
|
+
|
|
633
|
+
if (expanded && raw) {
|
|
634
|
+
requestAnimationFrame(() => autoGrowTextarea(raw));
|
|
635
|
+
}
|
|
660
636
|
}
|
|
661
637
|
}
|
|
662
638
|
|