catalog-ui/src/app/ng2/pages/properties-assignment/property-creator/property-creator.component.html

   1 <div class="property-creator">
   2     <loader [display]="isLoading" [size]="'large'" [relative]="true" [loaderDelay]="500"></loader>
   3     <form class="w-sdc-form">
   4
   5         <div class="side-by-side">
   6             <div class="i-sdc-form-item">
   7                 <label class="i-sdc-form-label required">Name</label>
   8                 <input class="i-sdc-form-input"
   9                        type="text"
  10                        name="propertyName"
  11                        data-tests-id="property-name"
  12                        [(ngModel)]="propertyModel.name"
  13                        [ngModelOptions]="{ debounce: 200 }"
  14                        autofocus/>
  15             </div>
  16             <!-- Type -->
  17             <div class="i-sdc-form-item">
  18                 <label class="i-sdc-form-label required">Type</label>
  19                 <ui-element-dropdown [testId]="'property-type'"
  20                                      class="cell link-selector"
  21                                      [values]="typesProperties"
  22                                      (change)="onTypeChange()"
  23                                      [(value)]="propertyModel.type"></ui-element-dropdown>
  24             </div>
  25             <div class="i-sdc-form-item propertySchemaType" *ngIf="showSchema()">
  26                 <label class="i-sdc-form-label required">Schema Type</label>
  27                 <ui-element-dropdown [testId]="'property-schema-type'"
  28                                      data-tests-id="property-schema-type"
  29                                      class="cell link-selector"
  30                                      [values]="typesSchemaProperties"
  31                                      [(value)]="propertyModel.schema.property.type"></ui-element-dropdown>
  32             </div>
  33         </div>
  34
  35         <!-- Description -->
  36         <div class="i-sdc-form-item">
  37             <label class="i-sdc-form-label">Description</label>
  38             <textarea  class="i-sdc-form-textarea"
  39                        [pattern]="commentValidationPattern"
  40                        name="propertyDescription"
  41                        [(ngModel)]="propertyModel.description"
  42                        [ngModelOptions]="{ debounce: 200 }"
  43                        data-tests-id="property-description"
  44             ></textarea>
  45         </div>
  46
  47     </form>
  48 </div>