import { Component, HostListener } from '@angular/core';
|
import * as screenfull from 'screenfull';
|
|
@Component({
|
selector: 'header-fullscreen',
|
template: `
|
<i class="anticon anticon-{{status ? 'shrink' : 'arrows-alt'}}"></i>
|
{{(status ? 'fullscreen-exit' : 'fullscreen') | translate }}
|
`
|
})
|
export class HeaderFullScreenComponent {
|
|
status = false;
|
|
@HostListener('click')
|
_click() {
|
if (screenfull.enabled) {
|
screenfull.toggle();
|
}
|
this.status = !screenfull.isFullscreen;
|
}
|
}
|
