saulteafarmer/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Stirling-Tools/Stirling-PDF.git synced 2025-08-26 22:29:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

language support

Browse Source
This commit is contained in:
EthanHealy01 2025-08-05 11:18:10 +01:00
parent 536ed8ce90
commit 341c2c8750
3 changed files with 65 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/shared/Tooltip.module.css
View File

@ -24,6 +24,13 @@
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05), 0 0 0 2px rgba(59, 130, 246, 0.1); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05), 0 0 0 2px rgba(59, 130, 246, 0.1);
} }
/* Pinned tooltip header */
.tooltip-container.pinned .tooltip-header {
background-color: var(--primary-color, #3b82f6);
color: white;
border-color: var(--primary-color, #3b82f6);
}
/* Close button */ /* Close button */
.tooltip-pin-button { .tooltip-pin-button {
position: absolute; position: absolute;

25
frontend/src/components/tips/COMPRESS_TIPS.ts
View File

@ -1,25 +1,30 @@
import { useTranslation } from 'react-i18next';
import { TooltipContent } from './types'; import { TooltipContent } from './types';
export const compressTips: TooltipContent = { export const useCompressTips = (): TooltipContent => {
const { t } = useTranslation();
return {
header: { header: {
title: "Settings Overview" title: t("compress.tooltip.header.title", "Compress Settings Overview")
}, },
tips: [ tips: [
{ {
title: "Compression Method", title: t("compress.tooltip.description.title", "Description"),
description: "Compression is an easy way to reduce your file size. Pick <strong>File Size</strong> to enter a target size and have us adjust quality for you. Pick <strong>Quality</strong> to set compression strength manually." description: t("compress.tooltip.description.text", "Compression is an easy way to reduce your file size. Pick <strong>File Size</strong> to enter a target size and have us adjust quality for you. Pick <strong>Quality</strong> to set compression strength manually.")
}, },
{ {
title: "Quality Adjustment", title: t("compress.tooltip.qualityAdjustment.title", "Quality Adjustment"),
description: "Drag the slider to adjust the compression strength. <strong>Lower values (1-3)</strong> preserve quality but result in larger files. <strong>Higher values (7-9)</strong> shrink the file more but reduce image clarity.", description: t("compress.tooltip.qualityAdjustment.text", "Drag the slider to adjust the compression strength. <strong>Lower values (1-3)</strong> preserve quality but result in larger files. <strong>Higher values (7-9)</strong> shrink the file more but reduce image clarity."),
bullets: [ bullets: [
"Lower values preserve quality", t("compress.tooltip.qualityAdjustment.bullet1", "Lower values preserve quality"),
"Higher values reduce file size" t("compress.tooltip.qualityAdjustment.bullet2", "Higher values reduce file size")
] ]
}, },
{ {
title: "Grayscale", title: t("compress.tooltip.grayscale.title", "Grayscale"),
description: "Select this option to convert all images to black and white, which can significantly reduce file size especially for scanned PDFs or image-heavy documents." description: t("compress.tooltip.grayscale.text", "Select this option to convert all images to black and white, which can significantly reduce file size especially for scanned PDFs or image-heavy documents.")
} }
] ]
};
}; };

33
frontend/src/components/tips/OCR_TIPS.ts
View File

@ -1,31 +1,36 @@
import { useTranslation } from 'react-i18next';
import { TooltipContent } from './types'; import { TooltipContent } from './types';
export const ocrTips: TooltipContent = { export const useOcrTips = (): TooltipContent => {
const { t } = useTranslation();
return {
header: { header: {
title: "Basic Settings Overview", title: t("ocr.tooltip.header.title", "OCR Settings Overview"),
}, },
tips: [ tips: [
{ {
title: "OCR Mode", title: t("ocr.tooltip.mode.title", "OCR Mode"),
description: "Optical Character Recognition (OCR) helps you turn scanned or screenshotted pages into text you can search, copy, or highlight.", description: t("ocr.tooltip.mode.text", "Optical Character Recognition (OCR) helps you turn scanned or screenshotted pages into text you can search, copy, or highlight."),
bullets: [ bullets: [
"<strong>Auto</strong> skips pages that already contain text layers.", t("ocr.tooltip.mode.bullet1", "<strong>Auto</strong> skips pages that already contain text layers."),
"<strong>Force</strong> re-OCRs every page and replaces all the text.", t("ocr.tooltip.mode.bullet2", "<strong>Force</strong> re-OCRs every page and replaces all the text."),
"<strong>Strict</strong> halts if any selectable text is found." t("ocr.tooltip.mode.bullet3", "<strong>Strict</strong> halts if any selectable text is found.")
] ]
}, },
{ {
title: "Languages", title: t("ocr.tooltip.languages.title", "Languages"),
description: "Improve OCR accuracy by specifying the expected languages. Choose one or more languages to guide detection." description: t("ocr.tooltip.languages.text", "Improve OCR accuracy by specifying the expected languages. Choose one or more languages to guide detection.")
}, },
{ {
title: "Output", title: t("ocr.tooltip.output.title", "Output"),
description: "Decide how you want the text output formatted:", description: t("ocr.tooltip.output.text", "Decide how you want the text output formatted:"),
bullets: [ bullets: [
"<strong>Searchable PDF</strong> embeds text behind the original image.", t("ocr.tooltip.output.bullet1", "<strong>Searchable PDF</strong> embeds text behind the original image."),
"<strong>HOCR XML</strong> returns a structured machine-readable file.", t("ocr.tooltip.output.bullet2", "<strong>HOCR XML</strong> returns a structured machine-readable file."),
"<strong>Plain-text sidecar</strong> creates a separate .txt file with raw content." t("ocr.tooltip.output.bullet3", "<strong>Plain-text sidecar</strong> creates a separate .txt file with raw content.")
] ]
} }
] ]
};
}; };