fix signature apperance

frontend/public/locales/en-GB/translation.json

@@ -2476,6 +2476,7 @@
       "chooseP12File": "Choose PKCS12 File",
       "chooseJksFile": "Choose JKS File",
       "password": "Certificate Password",
+      "passwordOptional": "Leave empty if no password",
       "showSignature": "Show visible signature on PDF",
       "reason": "Reason for Signing",
       "location": "Location",

frontend/src/components/tools/manageSignatures/CertificateFilesSettings.tsx

@@ -64,6 +64,7 @@ const CertificateFilesSettings = ({ parameters, onParameterChange, disabled = fa
       ) && (
         <TextInput
           label={t('manageSignatures.signing.password', 'Certificate Password')}
+          placeholder={t('manageSignatures.signing.passwordOptional', 'Leave empty if no password')}
           type="password"
           value={parameters.password}
           onChange={(event) => onParameterChange('password', event.currentTarget.value)}

frontend/src/hooks/tools/manageSignatures/useManageSignaturesParameters.ts

@@ -37,8 +37,8 @@ export const useManageSignaturesParameters = (): ManageSignaturesParametersHook
     defaultParameters,
     endpointName: 'manage-signatures',
     validateFn: (params) => {
-      // Requires certificate type and password
-      if (!params.certType || !params.password) {
+      // Requires certificate type
+      if (!params.certType) {
         return false;
       }
       

frontend/src/tools/ManageSignatures.tsx

@@ -23,6 +23,21 @@ const ManageSignatures = (props: BaseToolProps) => {
   const certTypeTips = useCertificateTypeTips();
   const appearanceTips = useSignatureAppearanceTips();
 
+  // Check if certificate files are configured for appearance step
+  const areCertFilesConfigured = () => {
+    const params = base.params.parameters;
+    switch (params.certType) {
+      case 'PEM':
+        return !!(params.privateKeyFile && params.certFile);
+      case 'PKCS12':
+        return !!params.p12File;
+      case 'JKS':
+        return !!params.jksFile;
+      default:
+        return false;
+    }
+  };
+
   return createToolFlow({
     forceStepNumbers: true,
     files: {
@@ -58,8 +73,8 @@ const ManageSignatures = (props: BaseToolProps) => {
       },
       {
         title: t("manageSignatures.appearance.stepTitle", "Signature Appearance"),
-        isCollapsed: base.settingsCollapsed,
-        onCollapsedClick: base.settingsCollapsed ? base.handleSettingsReset : undefined,
+        isCollapsed: base.settingsCollapsed || !areCertFilesConfigured(),
+        onCollapsedClick: (base.settingsCollapsed || !areCertFilesConfigured()) ? base.handleSettingsReset : undefined,
         tooltip: appearanceTips,
         content: (
           <SignatureAppearanceSettings