mirror of
https://github.com/GNS3/gns3-web-ui.git
synced 2025-05-02 00:40:27 +00:00
60 lines
2.3 KiB
HTML
60 lines
2.3 KiB
HTML
<div
|
|
*ngIf="isDraggingEnabled"
|
|
(document:mousemove)="dragWidget($event)"
|
|
(document:mouseup)="toggleDragging(false)">
|
|
</div>
|
|
<!-- Option with resizing
|
|
<div
|
|
class="consoleWrapper"
|
|
[ngClass]="{lightTheme: isLightThemeEnabled}"
|
|
(mousedown)="toggleDragging(true)"
|
|
[ngStyle]="style"
|
|
mwlResizable
|
|
[validateResize]="validate"
|
|
[resizeEdges]="{ right: true, left: true, bottom: true, top: true }"
|
|
[enableGhostResize]="true"
|
|
(resizeStart)="toggleDragging(false)"
|
|
(resizeEnd)="onResizeEnd($event)"> -->
|
|
<div
|
|
class="consoleWrapper"
|
|
[ngClass]="{lightTheme: isLightThemeEnabled}"
|
|
(mousedown)="toggleDragging(true)"
|
|
[ngStyle]="style">
|
|
|
|
<div class="consoleHeader">
|
|
<mat-tab-group class="tabs" [selectedIndex]="selected.value" (selectedIndexChange)="selected.setValue($event)">
|
|
<mat-tab>
|
|
<ng-template mat-tab-label>
|
|
<div class="col" style="margin-left: 20px;">GNS3 console</div>
|
|
</ng-template>
|
|
</mat-tab>
|
|
|
|
<mat-tab *ngFor="let node of nodes; let index = index" [label]="tab">
|
|
<ng-template mat-tab-label>
|
|
<div class="col" style="margin-left: 20px;">{{node.name}}</div>
|
|
<button style="color:white" mat-icon-button (click)="removeTab(index)">
|
|
<mat-icon>close</mat-icon>
|
|
</button>
|
|
</ng-template>
|
|
</mat-tab>
|
|
|
|
</mat-tab-group>
|
|
|
|
<button *ngIf="!isMinimized" style="color:white" mat-icon-button (click)="minimize(true)">
|
|
<mat-icon>remove</mat-icon>
|
|
</button>
|
|
<button *ngIf="isMinimized" style="color:white" mat-icon-button (click)="minimize(false)">
|
|
<mat-icon>web_asset</mat-icon>
|
|
</button>
|
|
<button style="color:white" mat-icon-button (click)="close()">
|
|
<mat-icon>close</mat-icon>
|
|
</button>
|
|
</div>
|
|
|
|
<app-log-console [hidden]="!(selected.value===0) || isMinimized" [server]="server" [project]="project"></app-log-console>
|
|
|
|
<div [hidden]="isMinimized" *ngFor="let node of nodes; let index = index">
|
|
<app-web-console [hidden]="!(selected.value===(index+1))" [server]="server" [node]="nodes[index]"></app-web-console>
|
|
</div>
|
|
</div>
|