blob: d2959def56babd5c3d6f5139eeee87d35152f0bf (
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
|
<!--
~ Copyright (C) 2018 AT&T Intellectual Property. All rights reserved.
~
~ 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.
-->
<div class="popover-input-wrapper" tooltip="{{value}}">
<input
class="value-input"
type="text"
[ngClass]="{'error': control.invalid}"
[name]="name"
[value]="value!=undefined?value:''"
disabled
/>
<button [popover]="popoverForm" (onShown)="setEditValue()" [ngClass]="{'disabled':readonly}" [attr.data-tests-id] ="'edit-button-' + testId">Edit</button>
</div>
<popover-content #popoverForm [title]="name" [buttons]="buttonsArray" [placement]="'top'" [closeOnClickOutside]="true">
<div class="edit-subnet-wrapper">
<textarea rows="5"
#textArea
class="subnet-value"
[ngClass]="{'error': control.invalid}"
[(ngModel)]="editValue"
[attr.maxlength]="validation.propertyValue.max"
[attr.minlength]="validation.propertyValue.min"
[pattern]="pattern"
[formControl]="control"
[attr.data-tests-id]="'value-' + testId"
></textarea>
</div>
</popover-content>
|