aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/pages/composition/panel/composition-panel.component.html
blob: bd90b9a81451d13018d4f6eb00c0f3b45a524685 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<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">
                <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>