remote-access/terminal-viewer/terminal-viewer.component.ts
AfterViewInit
OnDestroy
encapsulation | ViewEncapsulation.None |
selector | c8y-terminal-viewer |
standalone | true |
imports |
TitleComponent
C8yTranslatePipe
ActionBarItemComponent
IconDirective
NgIf
|
templateUrl | ./terminal-viewer.component.html |
Properties |
|
Methods |
constructor(remoteAccess: RemoteAccessService, activatedRoute: ActivatedRoute)
|
|||||||||
Parameters :
|
ngAfterViewInit |
ngAfterViewInit()
|
Returns :
void
|
ngOnDestroy |
ngOnDestroy()
|
Returns :
void
|
toggleFullscreen |
toggleFullscreen()
|
Returns :
void
|
Readonly configurationId |
Type : string
|
container |
Type : HTMLElement | null
|
Default value : null
|
Readonly deviceId |
Type : string
|
firstDeviceMessageReceived |
Default value : false
|
Protected observer |
Type : ResizeObserver
|
socket |
Type : WebSocket | null
|
Default value : null
|
terminal |
Type : Terminal | null
|
Default value : null
|
title |
Type : string
|
Default value : ''
|
<c8y-title>Terminal Viewer: {{ title | translate }}</c8y-title>
<c8y-action-bar-item [placement]="'right'" *ngIf="firstDeviceMessageReceived">
<button
class="btn btn-link"
(click)="toggleFullscreen()"
>
<i [c8yIcon]="'expand'"></i>
<span translate>Fullscreen</span>
</button>
</c8y-action-bar-item>
<div class="content-fullpage" >
<div id="terminal-screen" class="inner-scroll"></div>
</div>