ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2025-05-09 20:12:53 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update log console component

Browse Source
This commit is contained in:
Piotr Pekala 2019-08-19 01:34:29 -07:00
parent 99df35282e
commit 3da59f20e0
4 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/components/project-map/log-console/log-console.component.html
View File

@ -2,8 +2,7 @@
<div class="consoleHeader"> <div class="consoleHeader">
<span>Console</span> <span>Console</span>
<div class="consoleMenu"> <div class="consoleMenu">
<mat-icon>help_outline</mat-icon> <mat-icon (click)="close()" class="closeButton">close</mat-icon>
<mat-icon>close</mat-icon>
</div> </div>
</div> </div>
<div class="divider"></div> <div class="divider"></div>

4
src/app/components/project-map/log-console/log-console.component.scss
View File

@ -74,3 +74,7 @@ input:focus{
background-color: darkgrey; background-color: darkgrey;
outline: 1px solid #263238; outline: 1px solid #263238;
} }
.closeButton {
cursor: pointer;
}

7
src/app/components/project-map/log-console/log-console.component.ts
View File

@ -1,4 +1,4 @@
import { Component, OnInit, AfterViewInit, OnDestroy, Input, ViewChild, ElementRef } from '@angular/core'; import { Component, OnInit, AfterViewInit, OnDestroy, Input, ViewChild, ElementRef, Output, EventEmitter } from '@angular/core';
import { Subscription } from 'rxjs'; import { Subscription } from 'rxjs';
import { ProjectWebServiceHandler } from '../../../handlers/project-web-service-handler'; import { ProjectWebServiceHandler } from '../../../handlers/project-web-service-handler';
import { NodeService } from '../../../services/node.service'; import { NodeService } from '../../../services/node.service';
@ -20,6 +20,7 @@ import { LogEventsDataSource } from './log-events-datasource';
export class LogConsoleComponent implements OnInit, AfterViewInit, OnDestroy { export class LogConsoleComponent implements OnInit, AfterViewInit, OnDestroy {
@Input() project: Project; @Input() project: Project;
@Input() server: Server; @Input() server: Server;
@Output() closeConsole = new EventEmitter<boolean>();
@ViewChild('console', {static: false}) console: ElementRef; @ViewChild('console', {static: false}) console: ElementRef;
private nodeSubscription: Subscription; private nodeSubscription: Subscription;
private linkSubscription: Subscription; private linkSubscription: Subscription;
@ -203,4 +204,8 @@ export class LogConsoleComponent implements OnInit, AfterViewInit, OnDestroy {
y: ${drawing.y}, y: ${drawing.y},
z: ${drawing.z}`; z: ${drawing.z}`;
} }
close() {
this.closeConsole.emit(false);
}
} }

2
src/app/components/project-map/project-map.component.html
View File

@ -124,5 +124,5 @@
<app-text-added [server]="server" [project]="project" (drawingSaved)="onDrawingSaved()"> </app-text-added> <app-text-added [server]="server" [project]="project" (drawingSaved)="onDrawingSaved()"> </app-text-added>
<app-text-edited [server]="server"></app-text-edited> <app-text-edited [server]="server"></app-text-edited>
<div [ngClass]="{ visible: !isConsoleVisible }"> <div [ngClass]="{ visible: !isConsoleVisible }">
<app-log-console [server]="server" [project]="project"></app-log-console> <app-log-console [server]="server" [project]="project" (closeConsole)='toggleShowConsole($event)'></app-log-console>
</div> </div>