From d971d69a4645ad2112d97eb824c8b8334ea3c160 Mon Sep 17 00:00:00 2001
From: Damien Vitrac <dvitrac@pivotal.io>
Date: Thu, 5 Dec 2019 23:03:02 +0100
Subject: [PATCH] Shortcut options

---
 src/demo/app/app.component.html      | 3 ++-
 src/lib/editor/editor.component.html | 3 ++-
 src/lib/editor/editor.component.ts   | 9 +++++++++
 src/lib/editor/paper.component.ts    | 8 ++++++++
 4 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/demo/app/app.component.html b/src/demo/app/app.component.html
index 239c2fc..5f7da64 100644
--- a/src/demo/app/app.component.html
+++ b/src/demo/app/app.component.html
@@ -9,7 +9,8 @@
 <div id="flo-container">
   <flo-editor (floApi)="editorContext = $event" [metamodel]="metamodel" [renderer]="renderer" [editor]="editor"
               [paletteSize]="paletteSize" [paletteEntryPadding]="{width: 4, height: 4}" [(dsl)]="dsl"
-              [paperPadding]="20" (validationMarkers)="markersChanged($event)" searchFilterPlaceHolder="Apps...">
+              [paperPadding]="20" (validationMarkers)="markersChanged($event)" searchFilterPlaceHolder="Apps..."
+              (onProperties)="editor.openPropertiesDialog($event)">
     <div header>
       <div id="controls" class="controls">
         <button class="button" id="clearGraph" (click)="editorContext.clearGraph()">Create New Flow</button>
diff --git a/src/lib/editor/editor.component.html b/src/lib/editor/editor.component.html
index 7174a58..8c0f5ce 100644
--- a/src/lib/editor/editor.component.html
+++ b/src/lib/editor/editor.component.html
@@ -20,7 +20,8 @@
       [resizerRight]="'#paper-container'">
     </div>
 
-      <flo-editor-paper tabindex="0" (onDelete)="editorContext.deleteSelectedNode()">
+      <flo-editor-paper tabindex="0" (onDelete)="editorContext.deleteSelectedNode()"
+                        (onProperties)="onPropertiesHandle()">
         <div id="paper" class="paper" tabindex="0" style="overflow: hidden; position: absolute; display: block; height:100%; width:100%; overflow:auto;"></div>
         <ng-content select="[canvas]"></ng-content>
       </flo-editor-paper>
diff --git a/src/lib/editor/editor.component.ts b/src/lib/editor/editor.component.ts
index 73694ac..eadc1ce 100644
--- a/src/lib/editor/editor.component.ts
+++ b/src/lib/editor/editor.component.ts
@@ -164,6 +164,9 @@ export class EditorComponent implements OnInit, OnDestroy {
   @Output()
   private dslChange = new EventEmitter<string>();
 
+  @Output()
+  onProperties = new EventEmitter<any>();
+
   private _resizeHandler = () => this.autosizePaper();
 
 
@@ -309,6 +312,12 @@ export class EditorComponent implements OnInit, OnDestroy {
     })();
   }
 
+  onPropertiesHandle() {
+    if (this.editorContext.selection) {
+      this.onProperties.emit(this.editorContext.selection.model)
+    }
+  }
+
   ngOnInit() {
     this.initGraph();
 
diff --git a/src/lib/editor/paper.component.ts b/src/lib/editor/paper.component.ts
index 9e9837b..4b3b281 100644
--- a/src/lib/editor/paper.component.ts
+++ b/src/lib/editor/paper.component.ts
@@ -23,6 +23,9 @@ export class PaperComponent {
   @Output()
   onDelete = new EventEmitter<number>();
 
+  @Output()
+  onProperties = new EventEmitter<number>();
+
   @HostListener('click')
   click() {
     this.paperElement.nativeElement.focus();
@@ -38,4 +41,9 @@ export class PaperComponent {
     this.onDelete.emit();
   }
 
+  @HostListener('keydown.o')
+  oHandle() {
+    this.onProperties.emit();
+  }
+
 }