.

sovity · Jul 29, 2024 · f5b4e32 · f5b4e32
1 parent ccde07c
commit f5b4e32
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 14 deletions.
diff --git a/src/app/component-library/catalog/asset-detail-dialog/asset-detail-dialog.component.html b/src/app/component-library/catalog/asset-detail-dialog/asset-detail-dialog.component.html
@@ -209,13 +209,13 @@
         </button>
       </ng-container>
 
-      <a
+      <button
         *ngIf="isOnRequestDataOffer"
         mat-raised-button
         color="primary"
-        [href]="this.onRequestContactLink">
+        (click)="onContactClick()">
         Contact
-      </a>
+      </button>
 
       <!-- Contact Agreement Buttons -->
       <button

diff --git a/src/app/component-library/catalog/asset-detail-dialog/asset-detail-dialog.component.ts b/src/app/component-library/catalog/asset-detail-dialog/asset-detail-dialog.component.ts
@@ -1,3 +1,4 @@
+import {DOCUMENT} from '@angular/common';
 import {Component, Inject, OnDestroy} from '@angular/core';
 import {
   MAT_DIALOG_DATA,
@@ -74,17 +75,6 @@ export class AssetDetailDialogComponent implements OnDestroy {
     );
   }
 
-  get onRequestContactLink(): string {
-    if (!this.asset.onRequestContactEmail) {
-      throw new Error('On request asset must have contact email');
-    }
-    return this.mailtoLinkBuilder.buildMailtoUrl(
-      this.asset.onRequestContactEmail,
-      this.asset.onRequestContactEmailSubject ??
-        "I'm interested in your data offer",
-    );
-  }
-
   constructor(
     private edcApiService: EdcApiService,
     private notificationService: NotificationService,
@@ -94,6 +84,7 @@ export class AssetDetailDialogComponent implements OnDestroy {
     private _data: AssetDetailDialogData | Observable<AssetDetailDialogData>,
     public contractNegotiationService: ContractNegotiationService,
     private mailtoLinkBuilder: MailtoLinkBuilder,
+    @Inject(DOCUMENT) private document: Document,
   ) {
     if (isObservable(this._data)) {
       this._data
@@ -110,6 +101,19 @@ export class AssetDetailDialogComponent implements OnDestroy {
     this.propGroups = this.data.propertyGridGroups;
   }
 
+  onContactClick() {
+    if (!this.asset.onRequestContactEmail) {
+      throw new Error('On request asset must have contact email');
+    }
+
+    const url = this.mailtoLinkBuilder.buildMailtoUrl(
+      this.asset.onRequestContactEmail,
+      this.asset.onRequestContactEmailSubject ??
+        "I'm interested in your data offer",
+    );
+    this.document.location.href = url;
+  }
+
   onEditClick() {
     if (this.data.onAssetEditClick) {
       this.data.onAssetEditClick(this.data.asset, (data) => this.setData(data));