aboutsummaryrefslogtreecommitdiffstats
path: root/vid-webpack-master/src/app/shared/components/genericFormPopup/generic-form-popup.component.html
blob: 2b2c2a75d41430561410a6d7aa16fd998ca8bf92 (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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<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);clearModalIsUpdateMode()">&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
          *ngIf="showTemplateBtn"
          [attr.data-tests-id]="'templateButton'"
          type="button" class="btn btn-success submit"
          (click)="openTemplateModal()"
        ><span>Template</span></button>
        <button
          *ngIf="isShowPreviousInstantiationBtn"
          [attr.data-tests-id]="'ShowPreviousInstancesButton'"
          type="button" class="btn btn-success submit"
          (click)="formPopupDetails.onOtherAction(formPopupDetails.that, dynamicForm)">
          <span>Previous Instantiation</span>
        </button>
        <button
          [attr.data-tests-id]="'cancelButton'"
          type="button" class="btn btn-default cancel"
          (click)="formPopupDetails.onCancel(formPopupDetails.that, dynamicForm); clearModalIsUpdateMode()"><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);clearModalIsUpdateMode()">
      </div>
    </div>
  </div>
</div>