mirror of https://github.com/Squidex/squidex.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
2.1 KiB
53 lines
2.1 KiB
<div #panel>
|
|
<div class="panel panel-{{theme}}" [@slideRight]>
|
|
<ng-content select="[inner]" *ngIf="isFullSize"></ng-content>
|
|
|
|
<div class="panel-header" [class.large]="showSecondHeader" *ngIf="!isFullSize">
|
|
<div class="panel-title-row">
|
|
<div class="row">
|
|
<div class="col-auto">
|
|
<h3 class="panel-title">
|
|
<ng-content select="[title]"></ng-content>
|
|
</h3>
|
|
</div>
|
|
<div class="col text-right">
|
|
<ng-content select="[menu]"></ng-content>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<ng-container *ngIf="showClose">
|
|
<ng-container *ngIf="customClose; else defaultClose">
|
|
<a class="panel-close" (click)="emitClose()">
|
|
<i class="icon-close"></i>
|
|
</a>
|
|
</ng-container>
|
|
<ng-template #defaultClose>
|
|
<a class="panel-close" sqxParentLink [isLazyLoaded]="isLazyLoaded">
|
|
<i class="icon-close"></i>
|
|
</a>
|
|
</ng-template>
|
|
</ng-container>
|
|
|
|
<ng-content select="[header]"></ng-content>
|
|
|
|
<div class="panel-header-row" *ngIf="showSecondHeader">
|
|
<ng-content select="[secondHeader]"></ng-content>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-main">
|
|
<div class="panel-content {{contentClass}}"
|
|
[class.panel-content-scroll-x]="scrollX"
|
|
[class.panel-content-scroll]="showScrollbar"
|
|
[class.panel-content-blank]="isBlank"
|
|
[class.panel-content-blank-bordered]="isBlank && showSidebar">
|
|
<ng-content select="[content]"></ng-content>
|
|
</div>
|
|
|
|
<div class="panel-sidebar {{sidebarClass}}" *ngIf="showSidebar">
|
|
<ng-content select="[sidebar]"></ng-content>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|