All files / src/app/extensions/product-notifications/shared/product-notification-edit product-notification-edit.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!-- display notification button / icon -->
<ng-container *ngIf="visible$ | async" [ngSwitch]="displayType">
  <!-- edit icon -->
  <div class="d-grid">
    <button
      *ngSwitchCase="'icon'"
      type="button"
      class="btn"
      [ngClass]="cssClass"
      [title]="'product.notification.edit.link.title' | translate"
      (click)="openModal(modal)"
      data-testing-id="product-notification-edit"
    >
      <fa-icon [icon]="['fas', 'pencil-alt']" />
    </button>
  </div>
 
  <ng-container *ngSwitchCase="'button'">
    <!-- button -->
    <div class="d-grid">
      <button
        type="button"
        [ngClass]="cssClass"
        [title]="buttonKey('title') | async | translate"
        (click)="openModal(modal)"
        data-testing-id="product-notification-edit"
      >
        {{ buttonKey('label') | async | translate }}
      </button>
    </div>
  </ng-container>
</ng-container>
 
<ish-product-notification-edit-dialog [productNotification]="productNotification" #modal />