mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-08-26 14:19:24 +00:00
Sanitize Updated
This commit is contained in:
parent
184a1dd9ed
commit
bb94334406
@ -1,15 +1,10 @@
|
|||||||
import { useEffect } from "react";
|
import { useEffect } from "react";
|
||||||
import { Button, Stack, Text } from "@mantine/core";
|
import { Stack } from "@mantine/core";
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import DownloadIcon from "@mui/icons-material/Download";
|
|
||||||
import { useEndpointEnabled } from "../hooks/useEndpointConfig";
|
import { useEndpointEnabled } from "../hooks/useEndpointConfig";
|
||||||
import { useToolFileSelection } from "../contexts/FileSelectionContext";
|
import { useToolFileSelection } from "../contexts/FileSelectionContext";
|
||||||
|
|
||||||
import ToolStep, { ToolStepContainer } from "../components/tools/shared/ToolStep";
|
import { createToolFlow } from "../components/tools/shared/createToolFlow";
|
||||||
import OperationButton from "../components/tools/shared/OperationButton";
|
|
||||||
import ErrorNotification from "../components/tools/shared/ErrorNotification";
|
|
||||||
import FileStatusIndicator from "../components/tools/shared/FileStatusIndicator";
|
|
||||||
import ResultsPreview from "../components/tools/shared/ResultsPreview";
|
|
||||||
import SanitizeSettings from "../components/tools/sanitize/SanitizeSettings";
|
import SanitizeSettings from "../components/tools/sanitize/SanitizeSettings";
|
||||||
|
|
||||||
import { useSanitizeParameters } from "../hooks/tools/sanitize/useSanitizeParameters";
|
import { useSanitizeParameters } from "../hooks/tools/sanitize/useSanitizeParameters";
|
||||||
@ -55,6 +50,7 @@ const Sanitize = ({ onPreviewFile, onComplete, onError }: BaseToolProps) => {
|
|||||||
const handleSettingsReset = () => {
|
const handleSettingsReset = () => {
|
||||||
sanitizeOperation.resetResults();
|
sanitizeOperation.resetResults();
|
||||||
onPreviewFile?.(null);
|
onPreviewFile?.(null);
|
||||||
|
setCurrentMode('sanitize');
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleThumbnailClick = (file: File) => {
|
const handleThumbnailClick = (file: File) => {
|
||||||
@ -66,100 +62,42 @@ const Sanitize = ({ onPreviewFile, onComplete, onError }: BaseToolProps) => {
|
|||||||
const hasFiles = selectedFiles.length > 0;
|
const hasFiles = selectedFiles.length > 0;
|
||||||
const hasResults = sanitizeOperation.files.length > 0;
|
const hasResults = sanitizeOperation.files.length > 0;
|
||||||
const filesCollapsed = hasFiles;
|
const filesCollapsed = hasFiles;
|
||||||
const settingsCollapsed = hasResults;
|
const settingsCollapsed = !hasFiles || hasResults;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ToolStepContainer>
|
|
||||||
<Stack gap="sm" p="sm" style={{ height: '100vh', overflow: 'auto' }}>
|
<Stack gap="sm" p="sm" style={{ height: '100vh', overflow: 'auto' }}>
|
||||||
{/* Files Step */}
|
{createToolFlow({
|
||||||
<ToolStep
|
files: {
|
||||||
title={t('sanitize.steps.files', 'Files')}
|
selectedFiles,
|
||||||
isVisible={true}
|
isCollapsed: filesCollapsed,
|
||||||
isCollapsed={filesCollapsed}
|
placeholder: t('sanitize.files.placeholder', 'Select a PDF file in the main view to get started')
|
||||||
isCompleted={filesCollapsed}
|
},
|
||||||
completedMessage={hasFiles ?
|
steps: [{
|
||||||
selectedFiles.length === 1
|
title: t('sanitize.steps.settings', 'Settings'),
|
||||||
? t('fileSelected', 'Selected: {{filename}}', { filename: selectedFiles[0].name })
|
isCollapsed: settingsCollapsed,
|
||||||
: t('filesSelected', 'Selected: {{count}} files', { count: selectedFiles.length })
|
onCollapsedClick: settingsCollapsed ? handleSettingsReset : undefined,
|
||||||
: undefined}
|
content: (
|
||||||
>
|
|
||||||
<FileStatusIndicator
|
|
||||||
selectedFiles={selectedFiles}
|
|
||||||
placeholder={t('sanitize.files.placeholder', 'Select a PDF file in the main view to get started')}
|
|
||||||
/>
|
|
||||||
</ToolStep>
|
|
||||||
|
|
||||||
{/* Settings Step */}
|
|
||||||
<ToolStep
|
|
||||||
title={t('sanitize.steps.settings', 'Settings')}
|
|
||||||
isVisible={hasFiles}
|
|
||||||
isCollapsed={settingsCollapsed}
|
|
||||||
isCompleted={settingsCollapsed}
|
|
||||||
onCollapsedClick={settingsCollapsed ? handleSettingsReset : undefined}
|
|
||||||
completedMessage={settingsCollapsed ? t('sanitize.completed', 'Sanitization completed') : undefined}
|
|
||||||
>
|
|
||||||
<Stack gap="sm">
|
|
||||||
<SanitizeSettings
|
<SanitizeSettings
|
||||||
parameters={sanitizeParams.parameters}
|
parameters={sanitizeParams.parameters}
|
||||||
onParameterChange={sanitizeParams.updateParameter}
|
onParameterChange={sanitizeParams.updateParameter}
|
||||||
disabled={endpointLoading}
|
disabled={endpointLoading}
|
||||||
/>
|
/>
|
||||||
|
)
|
||||||
<OperationButton
|
}],
|
||||||
onClick={handleSanitize}
|
executeButton: {
|
||||||
isLoading={sanitizeOperation.isLoading}
|
text: t("sanitize.submit", "Sanitize PDF"),
|
||||||
disabled={!sanitizeParams.validateParameters() || !hasFiles || !endpointEnabled}
|
loadingText: t("loading"),
|
||||||
loadingText={t("loading")}
|
onClick: handleSanitize,
|
||||||
submitText={t("sanitize.submit", "Sanitize PDF")}
|
disabled: !sanitizeParams.validateParameters() || !hasFiles || !endpointEnabled
|
||||||
/>
|
},
|
||||||
</Stack>
|
results: {
|
||||||
</ToolStep>
|
isVisible: hasResults,
|
||||||
|
operation: sanitizeOperation,
|
||||||
{/* Results Step */}
|
title: t("sanitize.sanitizationResults", "Sanitization Results"),
|
||||||
<ToolStep
|
onFileClick: handleThumbnailClick
|
||||||
title={t('sanitize.steps.results', 'Results')}
|
|
||||||
isVisible={hasResults}
|
|
||||||
>
|
|
||||||
<Stack gap="sm">
|
|
||||||
{sanitizeOperation.status && (
|
|
||||||
<Text size="sm" c="dimmed">{sanitizeOperation.status}</Text>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<ErrorNotification
|
|
||||||
error={sanitizeOperation.errorMessage}
|
|
||||||
onClose={sanitizeOperation.clearError}
|
|
||||||
/>
|
|
||||||
|
|
||||||
{sanitizeOperation.downloadUrl && (
|
|
||||||
<Button
|
|
||||||
component="a"
|
|
||||||
href={sanitizeOperation.downloadUrl}
|
|
||||||
download={sanitizeOperation.downloadFilename}
|
|
||||||
leftSection={<DownloadIcon />}
|
|
||||||
color="green"
|
|
||||||
fullWidth
|
|
||||||
mb="md"
|
|
||||||
>
|
|
||||||
{sanitizeOperation.files.length === 1
|
|
||||||
? t("download", "Download")
|
|
||||||
: t("downloadZip", "Download ZIP")
|
|
||||||
}
|
}
|
||||||
</Button>
|
})}
|
||||||
)}
|
|
||||||
|
|
||||||
<ResultsPreview
|
|
||||||
files={sanitizeOperation.files.map((file, index) => ({
|
|
||||||
file,
|
|
||||||
thumbnail: sanitizeOperation.thumbnails[index]
|
|
||||||
}))}
|
|
||||||
onFileClick={handleThumbnailClick}
|
|
||||||
isGeneratingThumbnails={sanitizeOperation.isGeneratingThumbnails}
|
|
||||||
title={t("sanitize.sanitizationResults", "Sanitization Results")}
|
|
||||||
/>
|
|
||||||
</Stack>
|
</Stack>
|
||||||
</ToolStep>
|
|
||||||
</Stack>
|
|
||||||
</ToolStepContainer>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user