Catalog alignment
[sdc.git] / catalog-ui / src / app / ng2 / pages / composition / graph / service-path-creator / link-row / link-row.component.html
1 <!--
2   ~ Copyright (C) 2018 AT&T Intellectual Property. All rights reserved.
3   ~
4   ~ Licensed under the Apache License, Version 2.0 (the "License");
5   ~ you may not use this file except in compliance with the License.
6   ~ You may obtain a copy of the License at
7   ~
8   ~      http://www.apache.org/licenses/LICENSE-2.0
9   ~
10   ~ Unless required by applicable law or agreed to in writing, software
11   ~ distributed under the License is distributed on an "AS IS" BASIS,
12   ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13   ~ See the License for the specific language governing permissions and
14   ~ limitations under the License.
15   -->
16  
17 <ui-element-dropdown
18         data-tests-id="linkSrc"
19         [readonly]="!link.isFirst || (link.isFirst && !link.canEdit)"
20         class="cell link-selector"
21         [values]="source"
22         [(value)]="link.fromNode"
23         (valueChange)="onSourceSelected($event)">
24 </ui-element-dropdown>
25
26 <ui-element-dropdown
27         data-tests-id="linkSrcCP"
28         [readonly]="!link.isFirst || (link.isFirst && !link.canEdit)"
29         class="cell link-selector"
30         [values]="srcCP"
31         [(value)]="link.fromCP"
32         (valueChange)="onSrcCPSelected($event)">
33 </ui-element-dropdown>
34
35 <ui-element-dropdown
36         data-tests-id="linkTarget"
37         [readonly]="!link.canEdit"
38         class="cell link-selector"
39         [values]="target"
40         [(value)]="link.toNode"
41         (valueChange)="onTargetSelected($event)">
42 </ui-element-dropdown>
43
44 <ui-element-dropdown
45         data-tests-id="linkTargetCP"
46         [readonly]="!link.canEdit"
47         class="cell link-selector"
48         [values]="targetCP"
49         [(value)]="link.toCP"
50         (valueChange)="onTargetCPSelected($event)">
51 </ui-element-dropdown>
52
53 <div
54         class="cell remove"
55         data-tests-id="removeLnk">
56         <span
57                 *ngIf="link.canRemove"
58                 class="sprite-new delete-item-icon"
59                 (click)="removeRow()">
60         </span>
61 </div>