summaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/policies/policy-targets-tab.component.html
blob: 097b3a45842bc74fe84f0cf751ad7366ef19cb3b (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
<div class="w-sdc-designer-sidebar-section-title" titleTooltip="Targets">Targets
    <svg-icon-label *ngIf="!isViewOnly"
                    class="add-policy-button"
                    name="plus-circle-o"
                    mode="primary"
                    size="medium"
                    label="ADD"
                    labelPlacement="right"
                    (click)="openAddTargetModal()">
    </svg-icon-label>
</div>
<div class="expand-collapse-content">
    <ul>
        <li *ngFor="let target of targets; let i = index" class="component-details-panel-large-item"
            tooltip="{{target.name}}">
            <span>{{target.name}}</span>
            <svg-icon-label *ngIf="!isViewOnly"
                            name="trash-o" 
                            clickable="true" 
                            size="small"
                            class="component-details-panel-item-delete"
                            data-tests-id="delete_target" 
                            (click)="deleteTarget(target)"></svg-icon-label>
        </li>
    </ul>

    <div *ngIf="targets.length===0" class="component-details-panel-tab-no-data">
        <div class="component-details-panel-tab-no-data-title">No data to display yet</div>
        <div class="component-details-panel-tab-no-data-content">Add targets to policy to see targets</div>
    </div>
</div>