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
  14       <div class="header-left">
  15         <div>MODEL: <span>"{{formPopupDetails?.leftSubTitle}}"</span></div>
  16       </div>
  17
  18       <div class="header-right">
  19         {{formPopupDetails?.rightSubTitle}}
  20       </div>
  21
  22
  23       <label class="quantity-label" *ngIf="formPopupDetails?.UUIDData['type'] == 'service'">Qty:</label>
  24       <div class="quantity" *ngIf="formPopupDetails?.UUIDData['type'] == 'service'">
  25         <select [disabled]="formPopupDetails?.UUIDData['isMacro'] !== true"
  26                 class="quantity-select"
  27                 [(ngModel)]="formPopupDetails.UUIDData['bulkSize']"
  28                 name="quantity"
  29                 id="quantity-select"
  30                 required>
  31           <option *ngFor="let qty of quantityOptions" [value]="qty">{{qty}}</option>
  32         </select>
  33       </div>
  34
  35       <div class="model-information">
  36         <model-information [modelInformationItems]="formPopupDetails?.modelInformationItems"></model-information>
  37       </div>
  38
  39       <div  class="instance-form">
  40         <div style="position: relative;height: 100%;overflow: auto;">
  41           <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>
  42           <generic-form  [formControls]="formPopupDetails?.formControlList"
  43                          [dynamicInputs]="formPopupDetails?.dynamicInputsControlList"
  44                          (onFormChanged)="dynamicForm = $event" ></generic-form>
  45         </div>
  46       </div>
  47
  48     </div>
  49     <div class="modal-footer row" style="padding: 0">
  50       <div class="col-md-6">
  51         <div *ngIf="hasSomeError(formPopupDetails, dynamicForm) == true">
  52           <form-general-error [message]="errorMsg"></form-general-error>
  53         </div>
  54       </div>
  55       <div class="col-md-6" style="padding: 15px;padding-right: 35px;">
  56         <button
  57           [attr.data-tests-id]="'cancelButton'"
  58           type="button" class="btn btn-default cancel"
  59           (click)="formPopupDetails.onCancel(formPopupDetails.that, dynamicForm)"><span>Cancel</span></button>
  60
  61         <input type="submit"
  62                value="Set"
  63                data-tests-id="form-set"
  64                class="btn btn-success submit"
  65                [disabled]="!dynamicForm?.valid"
  66                (click)="formPopupDetails.onSubmit(formPopupDetails.that, dynamicForm, servicesQty)">
  67       </div>
  68     </div>
  69   </div>
  70 </div>