aboutsummaryrefslogtreecommitdiffstats
path: root/vid-webpack-master/src/app/shared/components/genericFormPopup/generic-form-popup.component.html
blob: 57064f658c07789d48b8f3cd032ddd176fa19238 (plain)
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<div id="instance-popup" class="modal-dialog">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button"
              class="close"
              (click)="formPopupDetails?.onCancel(formPopupDetails.that,dynamicForm)" >&times;
      </button>
      <span [attr.data-tests-id]="'create-modal-title'"
            class="modal-title">{{formPopupDetails?.title}}
      </span>
    </div>
    <div class="modal-body popup-content">

      <div class="header-left">
        <div>MODEL: <span>"{{formPopupDetails?.leftSubTitle}}"</span></div>
      </div>

      <div class="header-right">
        {{formPopupDetails?.rightSubTitle}}
      </div>


      <label class="quantity-label" *ngIf="formPopupDetails?.UUIDData['type'] == 'service'">Qty:</label>
      <div class="quantity" *ngIf="formPopupDetails?.UUIDData['type'] == 'service'">
        <select [disabled]="formPopupDetails?.UUIDData['isMacro'] !== true"
                class="quantity-select"
                [(ngModel)]="formPopupDetails.UUIDData['bulkSize']"
                name="quantity"
                id="quantity-select"
                required>
          <option *ngFor="let qty of quantityOptions" [value]="qty">{{qty}}</option>
        </select>
      </div>

      <div class="model-information">
        <model-information [modelInformationItems]="formPopupDetails?.modelInformationItems"></model-information>
      </div>

      <div  class="instance-form">
        <div style="position: relative;height: 100%;overflow: auto;">
          <label id="notification-area"  *ngIf="shouldShowNotification() == true" style="color: #959595;font-size: 12px;left: 30px;margin-left: 30px;">Data entered will apply to all service instances</label>
          <generic-form  [formControls]="formPopupDetails?.formControlList"
                         [dynamicInputs]="formPopupDetails?.dynamicInputsControlList"
                         (onFormChanged)="dynamicForm = $event" ></generic-form>
        </div>
      </div>

    </div>
    <div class="modal-footer row" style="padding: 0">
      <div class="col-md-6">
        <div *ngIf="hasSomeError(formPopupDetails, dynamicForm) == true">
          <form-general-error [message]="errorMsg"></form-general-error>
        </div>
      </div>
      <div class="col-md-6" style="padding: 15px;padding-right: 35px;">
        <button
          [attr.data-tests-id]="'cancelButton'"
          type="button" class="btn btn-default cancel"
          (click)="formPopupDetails.onCancel(formPopupDetails.that, dynamicForm)"><span>Cancel</span></button>

        <input type="submit"
               value="Set"
               data-tests-id="form-set"
               class="btn btn-success submit"
               [disabled]="!dynamicForm?.valid"
               (click)="formPopupDetails.onSubmit(formPopupDetails.that, dynamicForm, servicesQty)">
      </div>
    </div>
  </div>
</div>