How to decode x509 certficate to get expiry date?

I am working on a project to get and display certficate information from an azure integration account with angular/typescript. Part of the requirements is to display the decoded public certificate to a user to find useful information, i.e. expiry date. I have been trying to decode the certificate with the atob() function but it does not decode the certificate properly. Is there a simple way to do this with angular/typscript?

Here is an example of a certifcate:

For reference here is some of the code:

Service

@Injectable()
export class integrationAccountService
{
  constructor(private httpclient: HttpClient, private api: ApiService) { }

  getcertificates(): Observable<Certificate> {
    const httpOptions : Object = {
      headers: new HttpHeaders({
        'Authorization': 'Bearer Token'
      }),
      responseType: 'json'
    };
    return this.httpclient.get<Certificate>(URL, httpOptions);
  }
}

Table Component

export class CertificateTableComponent {

  dataSource: MatTableDataSource<any>;
  //certificates: ValueEntity[] = [];
  data: CertificateRow[] = [];
  columns: string[] = ['name', 'id', 'type', 'publicCertificate'];

  @ViewChild(MatSort, { static: true }) sort: MatSort;
  @ViewChild(MatPaginator, { static:true }) paginator: MatPaginator;

  constructor(private _integrationAccountService: integrationAccountService, public dialog: MatDialog) {
  }

  ngOnInit() {

    this._integrationAccountService.getcertificates().subscribe(response => {
      //this.certificates = response.data;
      this.data = [];
      if (response.value) {
          for (let entity of response.value) {
              let row: CertificateRow = {
                  name: entity.name,
                  id: entity.id,
                  type: entity.type,
                  publicCertificate: entity.properties?.publicCertificate
              };
              this.data.push(row);
              console.log(atob(row.publicCertificate));
          }
      }

      this.dataSource = new MatTableDataSource(this.data);
      this.dataSource.sort = this.sort;
      this.dataSource.paginator = this.paginator;

    })

  }
  applyFilter(event) {
    const filterValue = (event.target as HTMLInputElement).value;

    this.dataSource.filter = filterValue.trim().toLowerCase()
  }

  openDialog(publicCertificate) {
    let dialogRef = this.dialog.open(CertificateViewComponent, {
      data: {
        dialogCert: publicCertificate
      }

    });
  }
}

With this console.log(atob(row.certificate)); does not produce a decoded certifcate, it only displays the certificate as is returned from the api. Is there something I am missing here or another way to go about decoding the certificate?

Thanks in advance!

Solution

I've found a solution using the node-forge package. Here is the code I implemented in the table component:

import * as forge from 'node-forge';

declare var require: any
const pki = require('node-forge').pki;

const certPem = atob(entity.properties?.publicCertificate)
const cert = pki.certificateFromPem(certPem)

console.log(cert);