aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/components/ui/form-components/range-input/ui-element-range-input.component.html
blob: 970492ebf566634fbb15713c7dffae14ff87bdc3 (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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!--
*  ============LICENSE_START=======================================================
*  Copyright (C) 2023 Nordix Foundation.
*  ================================================================================
*  Licensed under the Apache License, Version 2.0 (the "License");
*  you may not use this file except in compliance with the License.
*  You may obtain a copy of the License at
*
*       http://www.apache.org/licenses/LICENSE-2.0
*
*  Unless required by applicable law or agreed to in writing, software
*  distributed under the License is distributed on an "AS IS" BASIS,
*  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
*  See the License for the specific language governing permissions and
*  limitations under the License.
*
*  SPDX-License-Identifier: Apache-2.0
*  ============LICENSE_END=========================================================
 -->
<div class="w-sdc-form-columns-wrapper">
    <div class="w-sdc-form-column">

            <input *ngIf="isFloatType()"
                class="value-input"
                [ngClass]="{'error': control.invalid, 'disabled':readonly}"
                type="number"
                step="0.01"
                [name]="name"
                [(ngModel)]="lowerBound"
                [value]="getInRangeValue(0)"
                (input)="onChangeMin()"
                [attr.maxlength]="validation.propertyValue.max"
                [attr.minlength]="validation.propertyValue.min"
                [formControl]="control"
                [attr.data-tests-id]="'valueMin-' + testId"
                />
        <input *ngIf="isIntegerType()"
               class="value-input"
               [ngClass]="{'error': control.invalid, 'disabled':readonly}"
               type="number"
               [name]="name"
               [(ngModel)]="lowerBound"
               [value]="getInRangeValue(0)"
               (input)="onChangeMin()"
               [attr.maxlength]="validation.propertyValue.max"
               [attr.minlength]="validation.propertyValue.min"
               [formControl]="control"
               [attr.data-tests-id]="'valueMin-' + testId"
        />
        <input *ngIf="isStringType()"
               class="value-input"
               [ngClass]="{'error': control.invalid, 'disabled':readonly}"
               type="text"
               [name]="name"
               [(ngModel)]="lowerBound"
               [value]="getInRangeValue(0)"
               (input)="onChangeMin()"
               [attr.maxlength]="validation.propertyValue.max"
               [attr.minlength]="validation.propertyValue.min"
               [formControl]="control"
               [attr.data-tests-id]="'valueMin-' + testId"
        />
    </div>
    <div class="w-sdc-form-column">
            <input
                    class="value-input"
                    [ngClass]="{'error': control.invalid, 'disabled':readonly}"
                    [type]="isIntegerType() || isFloatType() ? 'number' : 'text'"
                    [name]="name"
                    [(ngModel)]="upperBound"
                    [value]="getInRangeValue(1)"
                    (input)="onChangeMax()"
                    [attr.maxlength]="validation.propertyValue.max"
                    [attr.minlength]="validation.propertyValue.min"

                    [formControl]="control"
                    [attr.data-tests-id]="'valueMax-' + testId"
            />

    </div>
</div>