mgr/dashboard: Update certificate description field with proper help text

fixes: https://tracker-origin.ceph.com/issues/78698

Signed-off-by: Naman Munet <naman.munet@ibm.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/services/service-form/service-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/services/service-form/service-form.component.html
index ba3b673cac4e826dd64db79ec03c6214c5a9cc5f..881eb328c0b15125cb6555be22f18541dbdf4961 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/services/service-form/service-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/services/service-form/service-form.component.html
@@ -1666,6 +1666,10 @@
               id="ssl"
               i18n
               >SSL
+              <cd-help-text>
+                Secure client connections by using SSL. When enabled, provide a certificate and the
+                corresponding private key.
+              </cd-help-text>
             </cds-checkbox>
           </div>
         }
@@ -1696,9 +1700,11 @@
                 context: {
                   controlName: 'ssl_cert',
                   title: 'Certificate Input',
+                  placeholder: 'Paste the certificate in PEM format',
                   helperText:
-                    'Uploaded files will populate the certificate details automatically. Or paste the PEM content directly in the text area.',
-                  description: 'Upload a .crt file, or paste the certificate PEM content directly.',
+                    'Uploading a certificate file automatically populates this field. Alternatively, paste the certificate in PEM format.',
+                  description:
+                    'Upload a certificate (.crt) file or paste the certificate in PEM format.',
                   invalidTemplate: invalidSslCertError,
                   isRequired: false
                 }
@@ -1730,6 +1736,8 @@
                 context: {
                   controlName: 'ssl_key',
                   title: 'Private Key Input',
+                  placeholder:
+                    'Uploading a private key file automatically populates this field. Alternatively, paste the private key in PEM format.',
                   helperText:
                     'Uploaded files will populate the private key details automatically. Or paste the PEM content directly in the text area.',
                   description: 'Upload a .key file, or paste the private key PEM content directly.',
@@ -1768,6 +1776,7 @@
                   context: {
                     controlName: 'ssl_ca_cert',
                     title: 'CA Certificate Input',
+                    placeholder: 'Paste the certificate in PEM format',
                     helperText:
                       'Uploaded files will populate the CA certificate details automatically. Or paste the PEM content directly in the text area.',
                     description:
@@ -1934,6 +1943,7 @@
                   context: {
                     controlName: 'root_ca_cert',
                     title: 'Root CA Certificate Input',
+                    placeholder: 'Paste the certificate in PEM format',
                     helperText:
                       'Uploaded files will populate the Root CA certificate details automatically. Or paste the PEM content directly in the text area.',
                     description:
@@ -1962,6 +1972,7 @@
                   context: {
                     controlName: 'client_cert',
                     title: 'Client Certificate Input',
+                    placeholder: 'Paste the certificate in PEM format',
                     helperText:
                       'Uploaded files will populate the client certificate details automatically. Or paste the PEM content directly in the text area.',
                     description:
@@ -1990,6 +2001,8 @@
                   context: {
                     controlName: 'client_key',
                     title: 'Client Key Input',
+                    placeholder:
+                      'Uploading a private key file automatically populates this field. Alternatively, paste the private key in PEM format.',
                     helperText:
                       'Uploaded files will populate the client key details automatically. Or paste the PEM content directly in the text area.',
                     description:
@@ -2018,6 +2031,7 @@
                   context: {
                     controlName: 'server_cert',
                     title: 'Gateway Server Certificate Input',
+                    placeholder: 'Paste the certificate in PEM format',
                     helperText:
                       'Uploaded files will populate the gateway server certificate details automatically. Or paste the PEM content directly in the text area.',
                     description:
@@ -2046,6 +2060,8 @@
                   context: {
                     controlName: 'server_key',
                     title: 'Gateway Server Key Input',
+                    placeholder:
+                      'Uploading a private key file automatically populates this field. Alternatively, paste the private key in PEM format.',
                     helperText:
                       'Uploaded files will populate the gateway server key details automatically. Or paste the PEM content directly in the text area.',
                     description:
@@ -2097,6 +2113,7 @@
   let-description="description"
   let-invalidTemplate="invalidTemplate"
   let-isRequired="isRequired"
+  let-placeholder="placeholder"
 >
   <cds-textarea-label
     [attr.cdRequiredField]="isRequired ? title : null"
@@ -2119,7 +2136,7 @@
       cdsTextArea
       [id]="controlName"
       [theme]="'dark'"
-      placeholder="Paste certificate or private key PEM content"
+      [placeholder]="placeholder"
       [formControl]="serviceForm.controls[controlName]"
       cols="50"
       rows="5"