All files / src/app/extensions/tacton/pages/configure configure-page.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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<ish-modal-dialog
  #conflictResolutionDialog
  [options]="{
    titleText: 'tacton.configure_page.title' | translate,
    confirmText: 'tacton.configure_page.button.confirm.label' | translate,
    rejectText: 'tacton.configure_page.button.reject.label' | translate
  }"
  (confirmed)="acceptResolution()"
>
  <p class="pb-3">{{ 'tacton.configure_page.description' | translate }}</p>
  <div class="row pb-2" *ngFor="let conflict of conflictResolutionDialog.data">
    <div class="col-12 font-weight-bold">{{ conflict.description }}</div>
    <div class="row w-100 border m-1 mx-3 p-1">
      <div class="col-5 text-right">{{ conflict.oldValueDescription }}</div>
      <div class="col-2 text-center"><fa-icon [icon]="['fas', 'arrow-alt-circle-right']" /></div>
      <div class="col-5 text-left">{{ conflict.newValueDescription }}</div>
    </div>
  </div>
</ish-modal-dialog>
 
<div *ngIf="product$ | async" class="row flex-nowrap">
  <div class="tacton-navigation col-md-3">
    <ish-tacton-configure-navigation />
  </div>
  <div *ngIf="state$ | async as state" class="tacton-sidebar d-none d-md-block d-md-3">
    <ish-product-image imageType="M" />
    <ish-tacton-bom [bom]="state.bom" />
  </div>
  <div class="tacton-main-panel col-lg-6" *ngIf="step$ | async as step">
    <ish-tacton-group [group]="step" />
    <ish-tacton-step-buttons />
  </div>
</div>
 
<ish-loading *ngIf="loading$ | async" />