+
Click an APDU to see details
@@ -2613,7 +2617,7 @@ function onFilterChange() {
}
// ──────────────────── Versioning ────────────────────
-const PWA_VERSION = '1.22.11';
+const PWA_VERSION = '1.22.12';
const MIN_SERVER_VERSION = '1.0.0';
function parseVersion(v) {
@@ -2968,6 +2972,39 @@ function init() {
updateCaptureButton();
}
+// ──────────────────── Splitter ────────────────────
+(function initSplitter() {
+ const splitter = el('splitter');
+ const detail = el('apdu-detail');
+ const left = splitter.parentElement;
+ const saved = parseFloat(localStorage.getItem('splitter-ratio'));
+ if (saved > 0.1 && saved < 0.8) {
+ left.style.setProperty('--detail-height', (saved * 100) + '%');
+ }
+ let startY, startH;
+ function onMove(e) {
+ const dy = startY - e.clientY;
+ const total = left.clientHeight;
+ const h = Math.min(Math.max(startH + dy, total * 0.1), total * 0.8);
+ const ratio = h / total;
+ left.style.setProperty('--detail-height', (ratio * 100) + '%');
+ localStorage.setItem('splitter-ratio', ratio);
+ }
+ function onUp() {
+ splitter.classList.remove('active');
+ document.removeEventListener('mousemove', onMove);
+ document.removeEventListener('mouseup', onUp);
+ }
+ splitter.addEventListener('mousedown', e => {
+ e.preventDefault();
+ startY = e.clientY;
+ startH = detail.offsetHeight;
+ splitter.classList.add('active');
+ document.addEventListener('mousemove', onMove);
+ document.addEventListener('mouseup', onUp);
+ });
+})();
+
init();