Mirrors/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Frooodle/Stirling-PDF.git synced 2026-03-19 02:22:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

Colours on document draw + translations

Browse Source
This commit is contained in:
Reece Browne
2025-09-22 14:14:35 +01:00
parent 32fed96aa7
commit 10672403c9
5 changed files with 39 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/components/tools/sign/SignSettings.tsx
View File

@@ -232,33 +232,18 @@ const SignSettings = ({ parameters, onParameterChange, disabled = false, onActiv
}
}, [parameters.signatureType, canvasSignatureData, imageSignatureData, onParameterChange]);
// Initialize draw mode on mount if draw type is selected
// Auto-activate draw mode when draw type is selected (only trigger on signatureType change)
React.useEffect(() => {
console.log('SignSettings: Component mounted, initial signatureType:', parameters.signatureType);
if (parameters.signatureType === 'draw' && onActivateDrawMode) {
console.log('SignSettings: Initial activation of draw mode with delay');
// Add a delay to ensure the API bridge is ready
setTimeout(() => {
onActivateDrawMode();
}, 500);
}
}, [onActivateDrawMode]); // Only run on mount/when callback changes
// Auto-activate draw mode when draw type is selected
React.useEffect(() => {
console.log('SignSettings: signatureType changed to:', parameters.signatureType);
if (parameters.signatureType === 'draw') {
console.log('SignSettings: Activating draw mode, onActivateDrawMode:', !!onActivateDrawMode);
if (onActivateDrawMode) {
onActivateDrawMode();
}
} else if (parameters.signatureType !== 'draw') {
console.log('SignSettings: Deactivating draw mode, onDeactivateSignature:', !!onDeactivateSignature);
if (onDeactivateSignature) {
onDeactivateSignature();
}
}
}, [parameters.signatureType, onActivateDrawMode, onDeactivateSignature]);
}, [parameters.signatureType]); // Only depend on signatureType to avoid loops
// Update draw settings when color or pen size changes
React.useEffect(() => {

9
frontend/src/components/viewer/SignatureAPIBridge.tsx
View File

@@ -64,21 +64,14 @@ export const SignatureAPIBridge = forwardRef<SignatureAPI, SignatureAPIBridgePro
},
activateDrawMode: () => {
console.log('SignatureAPIBridge.activateDrawMode called, annotationApi:', !!annotationApi);
if (!annotationApi) {
console.log('No annotationApi available');
return;
}
if (!annotationApi) return;
console.log('Setting active tool to ink');
// Activate the built-in ink tool for drawing
annotationApi.setActiveTool('ink');
// Set default ink tool properties (black color, 2px width)
const activeTool = annotationApi.getActiveTool();
console.log('Active tool after setting ink:', activeTool);
if (activeTool && activeTool.id === 'ink') {
console.log('Setting ink tool defaults');
annotationApi.setToolDefaults('ink', {
color: '#000000',
thickness: 2