mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-17 07:50:12 +01:00
38 lines
1 KiB
TypeScript
38 lines
1 KiB
TypeScript
|
/**
|
||
|
|
* @license
|
||
|
|
* Copyright Akveo. All Rights Reserved.
|
||
|
|
* Licensed under the MIT License. See License.txt in the project root for license information.
|
||
|
|
*/
|
||
|
|
|
||
|
|
import { Component, OnDestroy } from '@angular/core';
|
||
|
|
import { NbMediaBreakpoint, NbMediaBreakpointsService, NbThemeService } from '@nebular/theme';
|
||
|
|
import { takeWhile } from 'rxjs/operators';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'ngx-landing-main-info',
|
||
|
|
templateUrl: './main-info-section.component.html',
|
||
|
|
styleUrls: ['./main-info-section.component.scss'],
|
||
|
|
})
|
||
|
|
export class MainInfoSectionComponent implements OnDestroy {
|
||
|
|
|
||
|
|
private alive = true;
|
||
|
|
|
||
|
|
breakpoint: NbMediaBreakpoint;
|
||
|
|
breakpoints: any;
|
||
|
|
|
||
|
|
constructor(private themeService: NbThemeService,
|
||
|
|
private breakpointService: NbMediaBreakpointsService) {
|
||
|
|
|
||
|
|
this.breakpoints = this.breakpointService.getBreakpointsMap();
|
||
|
|
this.themeService.onMediaQueryChange()
|
||
|
|
.pipe(takeWhile(() => this.alive))
|
||
|
|
.subscribe(([oldValue, newValue]) => {
|
||
|
|
this.breakpoint = newValue;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
ngOnDestroy() {
|
||
|
|
this.alive = false;
|
||
|
|
}
|
||
|
|
}
|