ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2025-04-16 14:38:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Close button for console added

Browse Source
This commit is contained in:
piotrpekala7 2020-03-30 18:40:55 +02:00
parent d16913a678
commit 2d8c5966cd
2 changed files with 26 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/app/components/project-map/console-wrapper/console-wrapper.component.html
View File

@ -21,23 +21,29 @@
(mousedown)="toggleDragging(true)"
[ngStyle]="style">
<mat-tab-group [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>
<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>
<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 style="color:white" mat-icon-button (click)="close()">
<mat-icon>close</mat-icon>
</button>
</div>
<app-log-console [hidden]="!(selected.value===0)" [server]="server" [project]="project"></app-log-console>

5
src/app/components/project-map/console-wrapper/console-wrapper.component.scss
View File

@ -33,7 +33,6 @@
.consoleHeader {
width: 100%;
height: 30px;
font-size: 12px;
overflow: hidden;
display: flex;
@ -41,6 +40,10 @@
justify-content: space-between;
}
.tabs {
width: 675px;
}
.console {
width: 596px;
height: 120px;