diff --git a/package.json b/package.json
index c200ed1..9b60b2f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "real-debrid-downloader",
- "version": "1.5.24",
+ "version": "1.5.25",
"description": "Real-Debrid Downloader Desktop (Electron + React + TypeScript)",
"main": "build/main/main/main.js",
"author": "Sucukdeluxe",
diff --git a/src/renderer/App.tsx b/src/renderer/App.tsx
index 9cf1444..73d5974 100644
--- a/src/renderer/App.tsx
+++ b/src/renderer/App.tsx
@@ -2055,10 +2055,14 @@ export function App(): ReactElement {
- {(["name", "size", "hoster"] as PkgSortColumn[]).map((col) => {
+ {(["name", "size", "hoster"] as PkgSortColumn[]).flatMap((col) => {
const labels: Record
= { name: "Name", size: "Größe", hoster: "Hoster" };
const isActive = downloadsSortColumn === col;
- return (
+ const before: React.ReactNode[] = [];
+ if (col === "size") before.push(Fortschritt);
+ if (col === "hoster") before.push(Geladen);
+ return [
+ ...before,
{labels[col]} {isActive ? (downloadsSortDescending ? "\u25BC" : "\u25B2") : ""}
-
- );
+ ,
+ ];
})}
Status
Geschwindigkeit
@@ -2714,7 +2718,9 @@ const PackageCard = memo(function PackageCard({ pkg, items, packageSpeed, isFirs
{ e.stopPropagation(); onStartEdit(pkg.id, pkg.name); }} title="Klicken zum Umbenennen">{pkg.name}
)}
+ {dlProgress}%
{humanSize(items.reduce((sum, item) => sum + (item.totalBytes || item.downloadedBytes || 0), 0))}
+ {humanSize(items.reduce((sum, item) => sum + (item.downloadedBytes || 0), 0))}
{
const hosters = [...new Set(items.map((item) => formatHoster(item)).filter((h) => h !== "-"))];
return hosters.join(", ");
@@ -2736,7 +2742,9 @@ const PackageCard = memo(function PackageCard({ pkg, items, packageSpeed, isFirs
{!collapsed && items.map((item) => (
{ e.stopPropagation(); onSelect(item.id, e.ctrlKey); }} onMouseDown={(e) => { e.stopPropagation(); onSelectMouseDown(item.id, e); }} onMouseEnter={() => onSelectMouseEnter(item.id)} onContextMenu={(e) => { e.preventDefault(); e.stopPropagation(); onContextMenu(pkg.id, item.id, e.clientX, e.clientY); }}>
{item.fileName}
+ {(item.status === "downloading" || item.status === "completed") ? `${item.progressPercent}%` : "-"}
{humanSize(item.totalBytes || item.downloadedBytes || 0)}
+ {humanSize(item.downloadedBytes || 0)}
{formatHoster(item)}
{item.fullStatus}
diff --git a/src/renderer/styles.css b/src/renderer/styles.css
index 6b8a3ef..21e3526 100644
--- a/src/renderer/styles.css
+++ b/src/renderer/styles.css
@@ -577,7 +577,7 @@ body,
.pkg-column-header {
display: grid;
- grid-template-columns: 1fr 100px 220px 180px 100px;
+ grid-template-columns: 1fr 55px 80px 80px 220px 180px 100px;
gap: 8px;
padding: 5px 12px;
background: var(--card);
@@ -603,7 +603,7 @@ body,
.pkg-columns {
display: grid;
- grid-template-columns: 1fr 100px 220px 180px 100px;
+ grid-template-columns: 1fr 55px 80px 80px 220px 180px 100px;
gap: 8px;
align-items: center;
min-width: 0;
@@ -623,6 +623,8 @@ body,
white-space: nowrap;
}
+.pkg-columns .pkg-col-progress,
+.pkg-columns .pkg-col-downloaded,
.pkg-columns .pkg-col-size,
.pkg-columns .pkg-col-hoster,
.pkg-columns .pkg-col-status,
@@ -634,6 +636,11 @@ body,
white-space: nowrap;
}
+.pkg-col-progress,
+.pkg-col-downloaded {
+ font-variant-numeric: tabular-nums;
+}
+
.search-input {
width: min(360px, 100%);
background: var(--field);
@@ -1085,7 +1092,7 @@ td {
.item-row {
display: grid;
- grid-template-columns: 1fr 100px 220px 180px 100px;
+ grid-template-columns: 1fr 55px 80px 80px 220px 180px 100px;
gap: 8px;
align-items: center;
margin: 0 -12px;
@@ -1544,6 +1551,8 @@ td {
grid-template-columns: 1fr;
}
+ .pkg-column-header .pkg-col-progress,
+ .pkg-column-header .pkg-col-downloaded,
.pkg-column-header .pkg-col-size,
.pkg-column-header .pkg-col-hoster,
.pkg-column-header .pkg-col-status,
@@ -1551,6 +1560,8 @@ td {
display: none;
}
+ .pkg-columns .pkg-col-progress,
+ .pkg-columns .pkg-col-downloaded,
.pkg-columns .pkg-col-size,
.pkg-columns .pkg-col-hoster,
.pkg-columns .pkg-col-status,