Nested toolbar w/ "sticky" when clicked

modes/example/src/index.js

@@ -55,17 +55,17 @@ export default function mode({ modeConfiguration }) {
           ]);
 
           // Could import layout selector here from org.ohif.default (when it exists!)
-          ToolBarService.setToolBarLayout([
-            // Primary
-            {
-              tools: ['Zoom', 'Levels', 'Pan', 'Capture', 'Layout'],
-              moreTools: ['Zoom'],
-            },
-            // Secondary
-            {
-              tools: ['Annotate', 'Bidirectional', 'Ellipse', 'Length'],
-            },
-          ]);
+          // ToolBarService.setToolBarLayout([
+          //   // Primary
+          //   {
+          //     tools: ['Zoom', 'Levels', 'Pan', 'Capture', 'Layout'],
+          //     moreTools: ['Zoom'],
+          //   },
+          //   // Secondary
+          //   {
+          //     tools: ['Annotate', 'Bidirectional', 'Ellipse', 'Length'],
+          //   },
+          // ]);
         },
         layoutTemplate: ({ routeProps }) => {
           return {

modes/longitudinal/src/index.js

@@ -34,10 +34,10 @@ export default function mode({ modeConfiguration }) {
             'Zoom',
             'Wwwc',
             'Pan',
-            'Capture', // toggle --> command to open capture modal? needs to know when it should be off? (promise?)
-            'Layout', // toggle --> command to open layout dialog? needs to know when it should be off? (promise?)
+            'Capture',
+            // 'Layout', // toggle --> command to open layout dialog? needs to know when it should be off? (promise?)
             'Divider',
-            'Zoom', // ? array of arrays?
+            ['Zoom', 'Wwwc'],
           ]);
           ToolBarService.createButtonSection('secondary', [
             'Annotate',

modes/longitudinal/src/toolbarButtons.js

@@ -4,7 +4,7 @@ export default [
     id: 'Divider',
     type: 'ohif.divider',
   },
-  // Primary
+  // ~~ Primary
   {
     id: 'Zoom',
     type: 'ohif.radioGroup',
@@ -50,7 +50,19 @@ export default [
       type: 'primary',
     },
   },
-  // Secondary
+  {
+    id: 'Capture',
+    type: 'ohif.action',
+    props: {
+      icon: 'tool-capture',
+      label: 'Capture',
+      commandName: 'showDownloadViewportModal',
+      type: 'primary',
+    },
+  },
+  // Layout
+  // Expanded/Nested?
+  // ~~ Secondary
   {
     id: 'Annotate',
     type: 'ohif.radioGroup',
@@ -63,8 +75,7 @@ export default [
       label: 'Annotate',
       commandName: 'setToolActive',
       commandOptions: { toolName: 'ArrowAnnotate' },
-      type: 'secondary', // Purely for background color/hover styles :|
-      // Layout Template can set this?
+      type: 'secondary',
     },
   },
   {