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

info dialog for appiances

Browse Source
This commit is contained in:
piotrpekala7
2020-06-16 14:09:09 +02:00
parent 15505b9b8c
commit 71415dac8f
5 changed files with 41 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/components/project-map/new-template-dialog/appliance-info-dialog/appliance-info-dialog.component.html Normal file
View File

@ -0,0 +1,9 @@
<div class="title-container">
<h1 mat-dialog-title>appliance name</h1>
</div>
<div mat-dialog-content>
{{data.info}}
</div>
<div mat-dialog-actions>
<button mat-button (click)="onNoClick()" tabindex="-1" color="accent">Close</button>
</div>

0
src/app/components/project-map/new-template-dialog/appliance-info-dialog/appliance-info-dialog.component.scss Normal file
View File

18
src/app/components/project-map/new-template-dialog/appliance-info-dialog/appliance-info-dialog.component.ts Normal file
View File

@ -0,0 +1,18 @@
import { Component, Inject } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
@Component({
selector: 'appliance-info-dialog',
templateUrl: 'appliance-info-dialog.component.html',
})
export class ApplianceInfoDialogComponent {
constructor(
public dialogRef: MatDialogRef<ApplianceInfoDialogComponent>,
@Inject(MAT_DIALOG_DATA) public data: any
) {}
onNoClick(): void {
this.dialogRef.close();
}
}

11
src/app/components/project-map/new-template-dialog/new-template-dialog.component.ts
View File

@ -1,5 +1,5 @@
import { Component, Input, OnInit, ChangeDetectorRef, ViewChild } from '@angular/core';
import { MatDialogRef, Sort, MatTableDataSource, MatPaginator } from '@angular/material';
import { MatDialogRef, Sort, MatTableDataSource, MatPaginator, MatDialog } from '@angular/material';
import { Server } from '../../../models/server';
import { Node } from '../../../cartography/models/node';
import { Project } from '../../../models/project';
@ -8,6 +8,7 @@ import { Appliance } from '../../../models/appliance';
import { animate, state, style, transition, trigger } from '@angular/animations';
import { FileUploader, FileItem, ParsedResponseHeaders } from 'ng2-file-upload';
import { ToasterService } from '../../../services/toaster.service';
import { ApplianceInfoDialogComponent } from './appliance-info-dialog/appliance-info-dialog.component';
@Component({
selector: 'app-new-template-dialog',
@ -46,7 +47,8 @@ export class NewTemplateDialogComponent implements OnInit {
public dialogRef: MatDialogRef<NewTemplateDialogComponent>,
private applianceService: ApplianceService,
private changeDetector: ChangeDetectorRef,
private toasterService: ToasterService
private toasterService: ToasterService,
public dialog: MatDialog
) {}
ngOnInit() {
@ -154,6 +156,11 @@ export class NewTemplateDialogComponent implements OnInit {
showInfo(object: any) {
console.log(object);
this.dialog.open(ApplianceInfoDialogComponent, {
width: '250px',
data: {info: 'info'}
});
}
}