All files / src/app/extensions/quickorder/shared/formly/quickorder-repeat-field quickorder-repeat-field.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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div
  *ngFor="let field of field?.fieldGroup; let i = index"
  class="row"
  [attr.data-testing-id]="'quickorder-line-' + i"
  ishProductContext
  [(quantity)]="model[i].quantity"
  [configuration]="{ quantity: true }"
>
  <formly-field class="col-6 col-sm-8" [field]="field" />
  <ish-product-quantity class="col-3 quickorder-line-item" />
  <div class="col-3 col-sm-1 d-flex align-items-start quickorder-line-item">
    <button
      type="button"
      class="btn-tool btn-link m-2"
      title="{{ 'quickorder.page.remove.row' | translate }}"
      (click)="remove(i); updateContexts()"
    >
      <fa-icon [icon]="['fas', 'trash-alt']" />
    </button>
  </div>
</div>
<div class="d-flex flex-nowrap pb-4">
  <button
    type="button"
    class="btn btn-link btn-link-action"
    (click)="addMultipleRows(1)"
    data-testing-id="add-quickorder-line"
  >
    {{ props?.addText | translate }}
  </button>
  <span class="link-separator"></span>
  <button type="button" class="btn btn-link btn-link-action" (click)="addMultipleRows(props?.numberMoreRows)">
    {{ props?.addMoreText | translate : { '0': props?.numberMoreRows } }}
  </button>
</div>