summaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/pages/composition/panel/composition-panel.component.html
blob: 61e2f5e74445b2f01277a9206f9a43a2110f07ac (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
<panel-wrapper-component *ngIf="compositionState$ | async as state">   <!-- HEADER -->

    <ng2-composition-panel-header
        [isViewOnly]="state.isViewOnly"
        [selectedComponent]="state.selectedComponent">
    </ng2-composition-panel-header>

    <!-- TABS -->
    <div class="component-details-panel-tabs">
        <sdc-loader [global]="false" name="panel" testId="panel-loader" [active]="state.panelLoading"></sdc-loader>
        <sdc-tabs (selectedTab)="setActive($event)" [iconsSize]="'large'">
            <sdc-tab *ngFor="let tab of tabs"
                     [titleIcon]="tab.titleIcon"
                     [active]="tab.isActive"
                     [tooltipText]="tab.tooltipText"
                     [testId]="tab.testId">

                <panel-tab [isActive]="tab.isActive"
                           [component]="selectedComponent"
                           [componentType]="state.selectedComponentType"
                           [isViewOnly]="isViewOnly$ | async"
                           [input]="tab.input"
                           [panelTabType]="tab.component">
                </panel-tab>
            </sdc-tab>
        </sdc-tabs>
    </div>

</panel-wrapper-component>