ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2025-06-18 06:48:09 +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
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)" (mousedown)="toggleDragging(true)"
[ngStyle]="style"> [ngStyle]="style">
<mat-tab-group [selectedIndex]="selected.value" (selectedIndexChange)="selected.setValue($event)"> <div class="consoleHeader">
<mat-tab> <mat-tab-group class="tabs" [selectedIndex]="selected.value" (selectedIndexChange)="selected.setValue($event)">
<ng-template mat-tab-label> <mat-tab>
<div class="col" style="margin-left: 20px;">GNS3 console</div> <ng-template mat-tab-label>
</ng-template> <div class="col" style="margin-left: 20px;">GNS3 console</div>
</mat-tab> </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"> <button style="color:white" mat-icon-button (click)="close()">
<ng-template mat-tab-label> <mat-icon>close</mat-icon>
<div class="col" style="margin-left: 20px;">{{node.name}}</div> </button>
<button style="color:white" mat-icon-button (click)="removeTab(index)"> </div>
<mat-icon>close</mat-icon>
</button>
</ng-template>
</mat-tab>
</mat-tab-group>
<app-log-console [hidden]="!(selected.value===0)" [server]="server" [project]="project"></app-log-console> <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 { .consoleHeader {
width: 100%; width: 100%;
height: 30px;
font-size: 12px; font-size: 12px;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
@ -41,6 +40,10 @@
justify-content: space-between; justify-content: space-between;
} }
.tabs {
width: 675px;
}
.console { .console {
width: 596px; width: 596px;
height: 120px; height: 120px;