2022-03-03 16:44:59 +01:00
|
|
|
import {ChangeDetectorRef, Component, HostListener, OnDestroy, OnInit} from "@angular/core";
|
2020-11-01 16:41:02 +01:00
|
|
|
|
|
|
|
@Component({
|
|
|
|
selector: '[page-content]',
|
|
|
|
template: `
|
|
|
|
<div id="page_content">
|
2022-03-03 16:44:59 +01:00
|
|
|
<div #header id="page_content_header" uk-sticky="show-on-up: true; animation: uk-animation-slide-top; media: @m" [attr.offset]="offset">
|
|
|
|
<div class="uk-container uk-container-large">
|
|
|
|
<ng-content select="[header]"></ng-content>
|
|
|
|
</div>
|
2020-11-01 16:41:02 +01:00
|
|
|
</div>
|
2022-03-03 16:44:59 +01:00
|
|
|
<div id="page_content_inner" class="uk-section uk-container uk-container-large">
|
2020-11-01 16:41:02 +01:00
|
|
|
<ng-content select="[inner]"></ng-content>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`
|
|
|
|
})
|
2022-03-08 19:35:00 +01:00
|
|
|
export class PageContentComponent implements OnInit{
|
2022-03-03 16:44:59 +01:00
|
|
|
public offset: string;
|
2020-11-01 16:41:02 +01:00
|
|
|
|
2022-03-03 16:44:59 +01:00
|
|
|
ngOnInit() {
|
2022-03-08 19:35:00 +01:00
|
|
|
this.offset = getComputedStyle(document.documentElement).getPropertyValue('--structure-header-height');
|
2020-11-01 16:41:02 +01:00
|
|
|
}
|
|
|
|
}
|