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