ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2025-02-01 16:58:11 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Modified the stroke dasharray value for creating Dash Dot, Dash Dot Dot border style

Browse Source
This commit is contained in:
Rajnikant Lodhi 2022-08-23 16:53:48 +05:30
parent 2f9e735928
commit b66af49137
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/components/project-map/drawings-editors/style-editor/style-editor.component.html
View File

@ -37,7 +37,7 @@
</form>
</div>
<div mat-dialog-actions>
<div mat-dialog-actions align="end">
<button mat-button (click)="onNoClick()" color="accent">Cancel</button>
<button mat-button (click)="onYesClick()" tabindex="2" mat-raised-button color="primary">Apply</button>
</div>

14
src/app/components/project-map/drawings-editors/style-editor/style-editor.component.ts
View File

@ -28,10 +28,10 @@ export class StyleEditorDialogComponent implements OnInit {
formGroup: FormGroup;
borderTypes = [
{ value: 'none', name: 'Solid' },
{ value: '15 3', name: 'Dash' },
{ value: '5', name: 'Dot' },
{ value: '15', name: 'Dash' },
{ value: '15 5', name: 'Dash Dot' },
{ value: '15 5 5', name: 'Dash Dot Dot' },
{ value: '15 2 7 2', name: 'Dash Dot' },
{ value: '15 2 7 2 7 2', name: 'Dash Dot Dot' },
{ value: '', name: 'No border' },
];
@ -79,7 +79,8 @@ export class StyleEditorDialogComponent implements OnInit {
if (this.element.stroke_dasharray == '') {
this.element.stroke_width = 0;
} else {
this.element.stroke_width = this.formGroup.get('borderWidth').value === 0 ? 2 : this.formGroup.get('borderWidth').value
this.element.stroke_width =
this.formGroup.get('borderWidth').value === 0 ? 2 : this.formGroup.get('borderWidth').value;
}
this.drawing.rotation = this.formGroup.get('rotation').value;
@ -90,8 +91,9 @@ export class StyleEditorDialogComponent implements OnInit {
this.drawing.element.stroke_width = this.element.stroke_width;
} else if (this.drawing.element instanceof LineElement) {
this.drawing.element.stroke = this.element.stroke;
this.drawing.element.stroke_dasharray = this.element.stroke_dasharray === '' ? 'none': this.element.stroke_dasharray ;
this.drawing.element.stroke_width = this.element.stroke_width === 0 ? 2 :this.element.stroke_width;
this.drawing.element.stroke_dasharray =
this.element.stroke_dasharray === '' ? 'none' : this.element.stroke_dasharray;
this.drawing.element.stroke_width = this.element.stroke_width === 0 ? 2 : this.element.stroke_width;
}
let mapDrawing = this.drawingToMapDrawingConverter.convert(this.drawing);
mapDrawing.element = this.drawing.element;