Show alternative names in certificate dialog (#17839)

src/data/cloud.ts

@@ -11,6 +11,7 @@ export interface CertificateInformation {
   common_name: string;
   expire_date: string;
   fingerprint: string;
+  alternative_names: string[];
 }
 
 export interface CloudPreferences {

src/panels/config/cloud/dialog-cloud-certificate/dialog-cloud-certificate.ts

@@ -62,6 +62,16 @@ class DialogCloudCertificate extends LitElement {
             )}
             ${certificateInfo.fingerprint}
           </p>
+          <p class="break-word">
+            ${this.hass!.localize(
+              "ui.panel.config.cloud.dialog_certificate.alternative_names"
+            )}
+          </p>
+          <ul>
+            ${certificateInfo.alternative_names.map(
+              (name) => html`<li><code>${name}</code></li>`
+            )}
+          </ul>
         </div>
 
         <mwc-button @click=${this.closeDialog} slot="primaryAction">

src/translations/en.json

@@ -3183,6 +3183,7 @@
             }
           },
           "dialog_certificate": {
+            "alternative_names": "Alternative names:",
             "certificate_information": "Certificate information",
             "certificate_expiration_date": "Certificate expiration date:",
             "will_be_auto_renewed": "will be automatically renewed",