@@ -743,18 +789,18 @@ h2{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08e
-
Nicht verbunden
-
Kein Port konfiguriert
+
—
+
Kein Port konfiguriert
-
-
+
+
-
+
@@ -768,18 +814,18 @@ h2{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08e
-
Nicht verbunden
-
Kein Port konfiguriert
+
—
+
Kein Port konfiguriert
-
-
+
+
-
+
@@ -898,31 +944,38 @@ function renderPortSlots() {
}
function renderSlot(role, port, label) {
- const isSrc = role === 'src';
- const dev = devs.find(d => d.usb_port === port);
- const dot = $(role+'-dot'), nameEl=$(role+'-dev-name'), subEl=$(role+'-dev-sub');
- const slotEl = $('slot-'+role), lblEl=$(role+'-label');
+ const isSrc = role === 'src';
+ const dev = devs.find(d => d.usb_port === port);
+ const dot = $(role+'-dot');
+ const pathEl = $(role+'-port-path');
+ const infoEl = $(role+'-dev-info');
+ const slotEl = $('slot-'+role);
+ const lblEl = $(role+'-label');
+
slotEl.classList.toggle('has-src', isSrc && !!port);
slotEl.classList.toggle('has-dst', !isSrc && !!port);
- if (dev) {
- dot.className = 'pdot on';
- nameEl.textContent = dev.label || dev.device;
- subEl.textContent = 'Port '+port+(dev.size?' · '+dev.size:'')+(dev.mount?' · '+dev.mount:'');
- } else if (port) {
- dot.className = 'pdot off';
- nameEl.textContent = label || 'Nicht verbunden';
- subEl.textContent = 'Konfiguriert: Port '+port+(label?' · '+label:'');
+
+ if (port) {
+ // Port is configured — show port path PROMINENTLY
+ pathEl.textContent = 'Port ' + port + (label ? ' · ' + label : '');
+ if (dev) {
+ dot.className = 'pdot on';
+ infoEl.textContent = (dev.label||dev.device) + (dev.size?' · '+dev.size:'') + (dev.mount?' · '+dev.mount:'');
+ } else {
+ dot.className = 'pdot off';
+ infoEl.textContent = 'Gerät nicht verbunden';
+ }
} else {
- dot.className = 'pdot off';
- nameEl.textContent = 'Nicht verbunden';
- subEl.textContent = 'Kein Port konfiguriert';
+ dot.className = 'pdot off';
+ pathEl.textContent = '—';
+ infoEl.textContent = 'Kein Port konfiguriert';
}
if (lblEl && !lblEl.dataset.dirty) lblEl.value = label || '';
}
function populateSelects() {
const opts = devs.map(d =>
- `
`
+ `
`
).join('');
['src-select','dst-select'].forEach(id => {
const el=$(id), prev=el.value;
@@ -955,7 +1008,7 @@ async function assignPort(role) {
cfg[isSrc?'source_label':'dest_label'] = label;
$(lblId).dataset.dirty='';
await api('/config','POST',cfg);
- flash(fId,'ok','Gespeichert — Port '+port+' ist jetzt feste '+(isSrc?'Quelle':'Ziel')+'.');
+ flash(fId,'ok','Port '+port+' dauerhaft als '+(isSrc?'Quelle':'Ziel')+' gespeichert.');
renderPortSlots(); renderUnassigned();
expl.reload();
}
@@ -1131,10 +1184,23 @@ async function poll() {
if(c.running){
txt.className='st-run';txt.textContent='Kopiert… '+c.progress+'%';
wrap.style.display='block';bar.style.width=c.progress+'%';
- info.textContent=c.current?c.done+' / '+c.total+' — '+c.current:'';
+ // Datei + Bytes-Info
+ const byteInfo = c.bytes_total>0 ? fmtBytes(c.bytes_done)+' / '+fmtBytes(c.bytes_total) : '';
+ info.textContent = (c.current ? c.done+' / '+c.total+' — '+c.current : '') + (byteInfo ? ' ('+byteInfo+')' : '');
+ // ETA + Speed Badges
+ const etaRow=$('eta-row'), etaBadge=$('eta-badge'), speedBadge=$('speed-badge');
+ const etaTxt=fmtETA(c.eta_sec), spdTxt=fmtSpeed(c.speed_bps);
+ if(etaTxt||spdTxt){
+ etaRow.style.display='flex'; etaRow.style.alignItems='center';
+ etaBadge.innerHTML = etaTxt ? '⏱ '+etaTxt : '';
+ etaBadge.style.display = etaTxt ? '' : 'none';
+ speedBadge.innerHTML = spdTxt ? '⚡ '+spdTxt : '';
+ speedBadge.style.display = spdTxt ? '' : 'none';
+ } else { etaRow.style.display='none'; }
sum.textContent='';bS.style.display='none';bC.style.display='';
} else {
bS.style.display='';bC.style.display='none';info.textContent='';
+ $('eta-row').style.display='none';
if(c.error){txt.className='st-err';txt.textContent='Fehler: '+c.error;wrap.style.display='none';sum.textContent='';}
else if(c.last_copy){txt.className='st-ok';txt.textContent='✓ Abgeschlossen';wrap.style.display='block';bar.style.width='100%';sum.textContent=c.total+' Dateien · '+new Date(c.last_copy).toLocaleString('de-DE');}
else{txt.className='st-idle';txt.textContent='Bereit';wrap.style.display='none';sum.textContent='';}
@@ -1144,6 +1210,29 @@ async function poll() {
} catch(e){}
}
+function fmtETA(sec) {
+ if (!sec || sec <= 0) return '';
+ if (sec < 60) return 'noch < 1 Min.';
+ const m = Math.round(sec / 60);
+ if (m < 60) return 'noch ca. ' + m + ' Min.';
+ const h = Math.floor(m / 60), rm = m % 60;
+ return 'noch ca. ' + h + ' Std.' + (rm ? ' ' + rm + ' Min.' : '');
+}
+function fmtSpeed(bps) {
+ if (!bps || bps <= 0) return '';
+ if (bps < 1024) return bps + ' B/s';
+ if (bps < 1048576) return (bps/1024).toFixed(1) + ' KB/s';
+ if (bps < 1073741824) return (bps/1048576).toFixed(1) + ' MB/s';
+ return (bps/1073741824).toFixed(2) + ' GB/s';
+}
+function fmtBytes(b) {
+ if (!b) return '';
+ if (b < 1024) return b + ' B';
+ if (b < 1048576) return (b/1024).toFixed(1) + ' KB';
+ if (b < 1073741824) return (b/1048576).toFixed(1) + ' MB';
+ return (b/1073741824).toFixed(2) + ' GB';
+}
+
function flash(id,cls,msg){const el=$(id);el.className='flash '+cls;el.textContent=msg;el.style.display='block';if(cls==='ok')setTimeout(()=>el.style.display='none',3500);}
(async()=>{