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

Implementation of style editor

Browse Source
This commit is contained in:
Piotr Pekala
2019-01-11 06:00:53 -08:00
parent 669fcc0ddc
commit e926a2039d
16 changed files with 166 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/app/components/project-map/context-menu/actions/edit-style-action/edit-style-action.component.ts
View File

@ -1,8 +1,11 @@
import { Component, OnInit, Input } from "@angular/core";
import { Drawing } from '../../../../../cartography/models/drawing';
import { Server } from '../../../../../models/server';
import { DrawingsDataSource } from '../../../../../cartography/datasources/drawings-datasource';
import { DrawingService } from '../../../../../services/drawing.service';
import { MatDialog } from '@angular/material';
import { Project } from '../../../../../models/project';
import { TextElement } from '../../../../../cartography/models/drawings/text-element';
import { StyleEditorDialogComponent } from '../../../drawings-editors/style-editor/style-editor.component';
import { TextEditorDialogComponent } from '../../../drawings-editors/text-editor/text-editor.component';
@Component({
@ -11,14 +14,36 @@ import { DrawingService } from '../../../../../services/drawing.service';
})
export class EditStyleActionComponent implements OnInit {
@Input() server: Server;
@Input() project: Project;
@Input() drawing: Drawing;
constructor(
private drawingsDataSource: DrawingsDataSource,
private drawingService: DrawingService
private dialog: MatDialog
) {}
ngOnInit() {}
editStyle(){}
editStyle() {
this.drawing.element instanceof TextElement ? this.openTextEditor() : this.openStyleEditor();
}
openStyleEditor() {
const dialogRef = this.dialog.open(StyleEditorDialogComponent, {
width: '550px',
});
let instance = dialogRef.componentInstance;
instance.server = this.server;
instance.project = this.project;
instance.drawing = this.drawing;
}
openTextEditor() {
const dialogRef = this.dialog.open(TextEditorDialogComponent, {
width: '550px',
});
let instance = dialogRef.componentInstance;
instance.server = this.server;
instance.project = this.project;
instance.drawing = this.drawing;
}
}

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

@ -3,7 +3,7 @@
<mat-menu #contextMenu="matMenu" class="context-menu-items">
<app-start-node-action *ngIf="hasNodeCapabilities" [server]="server" [node]="node"></app-start-node-action>
<app-stop-node-action *ngIf="hasNodeCapabilities" [server]="server" [node]="node"></app-stop-node-action>
<app-edit-style-action *ngIf="hasDrawingCapabilities" [server]="server" [drawing]="drawing"></app-edit-style-action>
<app-edit-style-action *ngIf="hasDrawingCapabilities" [server]="server" [project]="project" [drawing]="drawing"></app-edit-style-action>
<app-move-layer-up-action *ngIf="!projectService.isReadOnly(project)" [server]="server" [node]="node" [drawing]="drawing"></app-move-layer-up-action>
<app-move-layer-down-action *ngIf="!projectService.isReadOnly(project)" [server]="server" [node]="node" [drawing]="drawing"></app-move-layer-down-action>
</mat-menu>