{backupOp.errors.map(e => "Error on item: " + e.item).join("\n")},
- });
- }
-
- body = (
- <>
- {details.state}: {operation.displayMessage}
- {body}
-
- );
- }
-
- return (
- Current file: {st.currentFile.join("\n")}
- ) : null}
-
- );
- } else if (status.entry.case === "summary") {
- const sum = status.entry.value;
- return (
- <>
- {forgetOp.forget?.map((f) => (
-
- {"removed snapshot " + normalizeSnapshotId(f.id!) + " taken at " + formatTime(Number(f.unixTimeMs))}
-
- ))}
- Policy:
- {output};
-}
\ No newline at end of file
diff --git a/webui/src/components/OperationRow.tsx b/webui/src/components/OperationRow.tsx
new file mode 100644
index 00000000..63a60632
--- /dev/null
+++ b/webui/src/components/OperationRow.tsx
@@ -0,0 +1,431 @@
+import React, { useEffect, useState } from "react";
+import {
+ Operation,
+ OperationEvent,
+ OperationEventType,
+ OperationForget,
+ OperationRunHook,
+ OperationStatus,
+} from "../../gen/ts/v1/operations_pb";
+import {
+ Button,
+ Col,
+ Collapse,
+ Empty,
+ List,
+ Progress,
+ Row,
+ Typography,
+} from "antd";
+import {
+ PaperClipOutlined,
+ SaveOutlined,
+ DeleteOutlined,
+ DownloadOutlined,
+ RobotOutlined,
+ InfoCircleOutlined,
+} from "@ant-design/icons";
+import { BackupProgressEntry, ResticSnapshot } from "../../gen/ts/v1/restic_pb";
+import {
+ DisplayType,
+ detailsForOperation,
+ displayTypeToString,
+ getTypeForDisplay,
+} from "../state/oplog";
+import { SnapshotBrowser } from "./SnapshotBrowser";
+import {
+ formatBytes,
+ formatTime,
+ normalizeSnapshotId,
+} from "../lib/formatting";
+import _ from "lodash";
+import { LogDataRequest } from "../../gen/ts/v1/service_pb";
+import { MessageInstance } from "antd/es/message/interface";
+import { backrestService } from "../api";
+
+
+export const OperationRow = ({
+ operation,
+ alertApi,
+ showPlan,
+}: React.PropsWithoutRef<{ operation: Operation, alertApi?: MessageInstance, showPlan: boolean }>) => {
+ const details = detailsForOperation(operation);
+ const displayType = getTypeForDisplay(operation);
+ let avatar: React.ReactNode;
+ switch (displayType) {
+ case DisplayType.BACKUP:
+ avatar = (
+ {backupOp.errors.map(e => "Error on item: " + e.item).join("\n")},
+ });
+ }
+
+ body = (
+ <>
+ {details.state}: {operation.displayMessage}
+ {body}
+
+ );
+ }
+
+ return (
+ Current file: {st.currentFile.join("\n")}
+ ) : null}
+
+ );
+ } else if (status.entry.case === "summary") {
+ const sum = status.entry.value;
+ return (
+ <>
+ {forgetOp.forget?.map((f) => (
+
+ {"removed snapshot " + normalizeSnapshotId(f.id!) + " taken at " + formatTime(Number(f.unixTimeMs))}
+
+ ))}
+ Policy:
+ {output};
+}
diff --git a/webui/src/components/OperationTree.tsx b/webui/src/components/OperationTree.tsx
index 894f2515..ecfaf5f3 100644
--- a/webui/src/components/OperationTree.tsx
+++ b/webui/src/components/OperationTree.tsx
@@ -79,7 +79,7 @@ export const OperationTree = ({
backupCollector.bulkAddOperations(ops);
})
.catch((e) => {
- alertApi!.error("Failed to fetch operations: " + e.message);
+ alertApi!.error("Failed to fetch operations: " + e.messag);
});
return () => {
unsubscribeFromOperations(lis);
@@ -314,7 +314,7 @@ const BackupView = ({ backup }: { backup?: BackupInfo }) => {
{backup.status !== OperationStatus.STATUS_PENDING && backup.status != OperationStatus.STATUS_INPROGRESS ? deleteButton : null}
- Total Size:
-Total Size Uncompressed:
-Blob Count:
-Snapshot Count:
-Compression Ratio:
- -{formatBytes(Number(stats.totalSize))}
-{formatBytes(Number(stats.totalUncompressedSize))}
-{Number(stats.totalBlobCount)} blobs
-{Number(stats.snapshotCount)} snapshots
-{Math.round(stats.compressionRatio * 1000) / 1000}
- -