catalog-ui/src/app/ng2/components/ui/form-components/popover-input/ui-element-popover-input.component.html

   1 <div class="popover-input-wrapper" tooltip="{{value}}">
   2     <input
   3         class="value-input"
   4         type="text"
   5         [ngClass]="{'error': control.invalid}"
   6         [name]="name"
   7         [value]="value!=undefined?value:''"
   8         disabled
   9         />
  10     <button [popover]="popoverForm" (onShown)="setEditValue()"  [ngClass]="{'disabled':readonly}" [attr.data-tests-id] ="'edit-button-' + testId">Edit</button>
  11 </div>
  12
  13 <popover-content #popoverForm [title]="name" [buttons]="buttonsArray" [placement]="'top'" [closeOnClickOutside]="true">
  14     <div class="edit-subnet-wrapper">
  15         <textarea   rows="5"
  16                     #textArea
  17                     class="subnet-value"
  18                     [ngClass]="{'error': control.invalid}"
  19                     [(ngModel)]="editValue"
  20                     [attr.maxlength]="validation.propertyValue.max"
  21                     [attr.minlength]="validation.propertyValue.min"
  22                     [pattern]="pattern"
  23                     [formControl]="control"
  24                     [attr.data-tests-id]="'value-' + testId"
  25                   ></textarea>
  26     </div>
  27 </popover-content>