vid-webpack-master/src/app/shared/components/genericFormPopup/generic-form-popup.component.html

   1 <div id="instance-popup" class="modal-dialog">
   2   <div class="modal-content">
   3     <div class="modal-header">
   4       <button type="button"
   5               class="close"
   6               (click)="formPopupDetails?.onCancel(formPopupDetails.that,dynamicForm)">&times;
   7       </button>
   8       <span [attr.data-tests-id]="'create-modal-title'"
   9             class="modal-title">{{formPopupDetails?.title}}
  10       </span>
  11     </div>
  12     <div class="modal-body popup-content">
  13       <div class="header-left">
  14         <div>MODEL: <span>"{{formPopupDetails?.leftSubTitle}}"</span></div>
  15       </div>
  16
  17       <div class="header-right">
  18         {{formPopupDetails?.rightSubTitle}}
  19       </div>
  20
  21
  22       <label class="quantity-label" *ngIf="formPopupDetails?.UUIDData['type'] == 'service'">Qty:</label>
  23       <div class="quantity" *ngIf="formPopupDetails?.UUIDData['type'] == 'service'">
  24         <select [disabled]="formPopupDetails?.UUIDData['isMacro'] !== true"
  25                 class="quantity-select"
  26                 [(ngModel)]="formPopupDetails.UUIDData['bulkSize']"
  27                 name="quantity"
  28                 id="quantity-select"
  29                 required>
  30           <option *ngFor="let qty of quantityOptions" [value]="qty">{{qty}}</option>
  31         </select>
  32       </div>
  33
  34       <div class="model-information">
  35         <model-information [modelInformationItems]="formPopupDetails?.modelInformationItems"></model-information>
  36       </div>
  37
  38       <div class="instance-form">
  39         <div style="position: relative;height: 100%;overflow: auto;">
  40           <label id="notification-area" *ngIf="shouldShowNotification() == true"
  41                  style="color: #959595;font-size: 12px;left: 30px;margin-left: 30px;">Data entered will apply to all
  42             service instances</label>
  43           <generic-form [formControls]="formPopupDetails?.formControlList"
  44                         [dynamicInputs]="formPopupDetails?.dynamicInputsControlList"
  45                         (onFormChanged)="dynamicForm = $event"></generic-form>
  46         </div>
  47       </div>
  48
  49     </div>
  50     <div class="modal-footer row" style="padding: 0">
  51       <div class="col-md-6">
  52         <div *ngIf="hasSomeError(formPopupDetails, dynamicForm) == true">
  53           <form-general-error [message]="errorMsg"></form-general-error>
  54         </div>
  55       </div>
  56       <div class="col-md-6" style="padding: 15px;padding-right: 35px;">
  57         <button
  58           *ngIf="showTemplateBtn"
  59           [attr.data-tests-id]="'templateButton'"
  60           type="button" class="btn btn-success submit"
  61           (click)="openTemplateModal()"
  62         ><span>Template</span></button>
  63         <button
  64           *ngIf="isShowPreviousInstantiationBtn"
  65           [attr.data-tests-id]="'ShowPreviousInstancesButton'"
  66           type="button" class="btn btn-success submit"
  67           (click)="formPopupDetails.onOtherAction(formPopupDetails.that, dynamicForm)">
  68           <span>Previous Instantiation</span>
  69         </button>
  70         <button
  71           [attr.data-tests-id]="'cancelButton'"
  72           type="button" class="btn btn-default cancel"
  73           (click)="formPopupDetails.onCancel(formPopupDetails.that, dynamicForm)"><span>Cancel</span></button>
  74
  75         <input type="submit"
  76                value="Set"
  77                data-tests-id="form-set"
  78                class="btn btn-success submit"
  79                [disabled]="!dynamicForm?.valid"
  80                (click)="formPopupDetails.onSubmit(formPopupDetails.that, dynamicForm, servicesQty)">
  81       </div>
  82     </div>
  83   </div>
  84 </div>