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
36
37
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!-- display notification button / icon -->
@if (visible$ | async) {
  @switch (displayType) {
    @case ('icon') {
      <!-- edit icon -->
      <div class="d-grid">
        <button
          class="btn"
          data-testing-id="product-notification-edit"
          type="button"
          [ngClass]="cssClass"
          [title]="'product.notification.edit.link.title' | translate"
          (click)="openModal(modal)"
        >
          <i class="bi bi-pencil-fill"></i>
        </button>
      </div>
    }
    @case ('button') {
      <!-- button -->
      <div class="d-grid">
        <button
          data-testing-id="product-notification-edit"
          type="button"
          [ngClass]="cssClass"
          [title]="buttonKey('title') | async | translate"
          (click)="openModal(modal)"
        >
          {{ buttonKey('label') | async | translate }}
        </button>
      </div>
    }
  }
}
 
<ish-product-notification-edit-dialog #modal [productNotification]="productNotification" />