feat(client): add dmn toolbar actions

camunda · Jan 17, 2019 · 2fe9eb3 · 2fe9eb3
1 parent e922050
commit 2fe9eb3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/client/src/app/tabs/bpmn/BpmnEditor.js b/client/src/app/tabs/bpmn/BpmnEditor.js
@@ -239,7 +239,7 @@ export class BpmnEditor extends CachedComponent {
           <Button onClick={ this.saveDiagram }>Save Diagram</Button>
         </Fill>
 
-        <Fill name="toolbar" group="commandstack">
+        <Fill name="toolbar" group="command">
           <Button disabled={ !this.state.undo } onClick={ this.undo }>Undo</Button>
           <Button disabled={ !this.state.redo } onClick={ this.redo }>Redo</Button>
         </Fill>

diff --git a/client/src/app/tabs/dmn/DmnEditor.js b/client/src/app/tabs/dmn/DmnEditor.js
@@ -289,11 +289,20 @@ class DmnEditor extends CachedComponent {
     return (
       <div className={ css.DmnEditor }>
 
-        <Fill name="toolbar">
+        <Fill name="toolbar" group="command">
           <Button disabled={ !this.state.undo } onClick={ this.undo }>Undo</Button>
           <Button disabled={ !this.state.redo } onClick={ this.redo }>Redo</Button>
         </Fill>
 
+        <Fill name="toolbar" group="image-export">
+          <Button onClick={ () => console.log('Export Image') }>Export Image</Button>
+        </Fill>
+
+        <Fill name="toolbar" group="deploy">
+          <Button>Deploy Current Diagram</Button>
+          <Button>Configure Deployment Endpoint</Button>
+        </Fill>
+
         <div className="diagram" ref={ this.ref }></div>
       </div>
     );