LT-115: Add CR-Target, UN-Target and EX-Target tools (WIP)

Packages/viewerbase/client/components/viewer/toolbar/toolbar.html

@@ -16,6 +16,10 @@
             {{ #if includeHangingProtocolButtons }}
                 {{ >hangingProtocolButtons }}
             {{ /if }}
+
+            {{ #each btnGroup }}
+                {{ >toolbarGroupButton}}
+            {{ /each }}
         </div>
     </div>
 </template>

Packages/viewerbase/client/components/viewer/toolbar/toolbar.js

@@ -172,5 +172,11 @@ Template.toolbar.helpers({
             return this.toolbarOptions.includeHangingProtocolButtons;
         }
         return true;
+    },
+    'btnGroup': function()  {
+        if (this.toolbarOptions && this.toolbarOptions.btnGroup !== undefined) {
+            return this.toolbarOptions.btnGroup;
+        }
+        return [];
     }
 });

Packages/viewerbase/client/components/viewer/toolbarGroupButton/toolbarGroupButton.html

@@ -0,0 +1,12 @@
+<template name="toolbarGroupButton">
+    <div id="toolbarGroupButton" class="btn-group">
+        <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="{{id}}" title="{{title}}">
+            <i class="{{groupIcon}}"></i>
+        </button>
+        <div class="dropdown-menu">
+            {{#each tools}}
+                <div><a class="dropdown-item" href="#">{{> simpleToolbarButton}}</a></div>
+            {{/each}}
+        </div>
+    </div>
+</template>

Packages/viewerbase/client/components/viewer/toolbarGroupButton/toolbarGroupButton.styl

@@ -0,0 +1,10 @@
+#toolbarGroupButton
+  .dropdown-menu
+    background-color: black
+    border: solid 1px #333
+    padding: 5px
+    margin-top: 0
+
+    div
+      padding: 5px
+      float: left

Packages/viewerbase/package.js

@@ -114,6 +114,11 @@ Package.onUse(function(api) {
     api.addFiles('client/components/basic/progressDialog/progressDialog.styl', 'client');
     api.addFiles('client/components/basic/progressDialog/progressDialog.js', 'client');
 
+    api.addFiles('client/components/viewer/toolbarGroupButton/toolbarGroupButton.html', 'client');
+    api.addFiles('client/components/viewer/toolbarGroupButton/toolbarGroupButton.styl', 'client');
+    api.addFiles('client/components/viewer/toolbarGroupButton/toolbarGroupButton.js', 'client');
+
+
     // Library functions
     api.addFiles('lib/accountsConfig.js', 'client');
     api.addFiles('lib/createStacks.js', 'client');