Browse Source

refactor: remove empty div if nothing is used in page-comp

pull/8305/head
bnymncoskuner 5 years ago
parent
commit
e99858ce40
  1. 2
      npm/ng-packs/packages/components/page/src/page.component.html
  2. 11
      npm/ng-packs/packages/components/page/src/page.component.ts

2
npm/ng-packs/packages/components/page/src/page.component.html

@ -1,4 +1,4 @@
<div class="row entry-row"> <div class="row entry-row" *ngIf="shouldRenderRow">
<ng-container *ngIf="customTitle; else defaultTitleTemplate"> <ng-container *ngIf="customTitle; else defaultTitleTemplate">
<ng-content select="abp-page-title-container"></ng-content> <ng-content select="abp-page-title-container"></ng-content>
</ng-container> </ng-container>

11
npm/ng-packs/packages/components/page/src/page.component.ts

@ -37,4 +37,15 @@ export class PageComponent {
@ContentChild(PageBreadcrumbContainerComponent) @ContentChild(PageBreadcrumbContainerComponent)
customBreadcrumb: PageBreadcrumbContainerComponent; customBreadcrumb: PageBreadcrumbContainerComponent;
@ContentChild(PageToolbarContainerComponent) customToolbar: PageToolbarContainerComponent; @ContentChild(PageToolbarContainerComponent) customToolbar: PageToolbarContainerComponent;
get shouldRenderRow() {
return !!(
this.title ||
this.toolbarVisible ||
this.breadcrumbVisible ||
this.customTitle ||
this.customBreadcrumb ||
this.customToolbar
);
}
} }

Loading…
Cancel
Save