aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/pages/properties-assignment/property-creator/property-creator.component.html
blob: e97ec79c04e9e7207f383d669698f914a8c4b57e (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
<div class="property-creator">
    <loader [display]="isLoading" [size]="'large'" [relative]="true" [loaderDelay]="500"></loader>
    <form class="w-sdc-form">

        <div class="side-by-side">
            <div class="i-sdc-form-item">
                <label class="i-sdc-form-label required">Name</label>
                <input class="i-sdc-form-input"
                       type="text"
                       name="propertyName"
                       data-tests-id="property-name"
                       [(ngModel)]="propertyModel.name"
                       [ngModelOptions]="{ debounce: 200 }"
                       autofocus/>
            </div>
            <!-- Type -->
            <div class="i-sdc-form-item">
                <label class="i-sdc-form-label required">Type</label>
                <ui-element-dropdown [testId]="'property-type'"
                                     class="cell link-selector"
                                     [values]="typesProperties"
                                     [(value)]="propertyModel.type"></ui-element-dropdown>
            </div>
            <div class="i-sdc-form-item propertySchemaType" *ngIf="showSchema()">
                <label class="i-sdc-form-label required">Schema Type</label>
                <ui-element-dropdown [testId]="'property-type'"
                                     class="cell link-selector"
                                     [values]="typesSchemaProperties"
                                     [(value)]="propertyModel.schema.property.type"></ui-element-dropdown>
            </div>
        </div>

        <!-- Description -->
        <div class="i-sdc-form-item">
            <label class="i-sdc-form-label">Description</label>
            <textarea  class="i-sdc-form-textarea"
                       [pattern]="commentValidationPattern"
                       name="propertyDescription"
                       [(ngModel)]="propertyModel.description"
                       [ngModelOptions]="{ debounce: 200 }"
                       data-tests-id="property-description"
            ></textarea>
        </div>

    </form>
</div>