Create new ToolbarButton type for Layout Selector; wire up custom UI; prep for viewportGridService usage

modes/longitudinal/src/index.js

@@ -35,7 +35,7 @@ export default function mode({ modeConfiguration }) {
             'Wwwc',
             'Pan',
             'Capture',
-            // 'Layout', // toggle --> command to open layout dialog? needs to know when it should be off? (promise?)
+            'Layout',
             'Divider',
             ['Zoom', 'Wwwc'],
           ]);

modes/longitudinal/src/toolbarButtons.js

@@ -1,3 +1,6 @@
+// TODO: torn, can either bake this here; or have to create a whole new button type
+// Only ways that you can pass in a custom React component for render :l
+
 export default [
   // Divider
   {
@@ -60,8 +63,11 @@ export default [
       type: 'primary',
     },
   },
-  // Layout
-  // Expanded/Nested?
+  {
+    id: 'Layout',
+    type: 'ohif.layoutSelector',
+  },
+  // ~~ Primary: NESTED
   // ~~ Secondary
   {
     id: 'Annotate',