Started replacing toolbar in OHIF Viewer with that of Lesion Tracker (OHIF-49)

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

@@ -0,0 +1,41 @@
+import { OHIF } from 'meteor/ohif:core';
+
+Template.toolbarSectionButton.helpers({
+    activeClass() {
+        // TODO: Find a way to prevent the 'flash' after a click, but before this helper runs
+        const instance = Template.instance();
+
+        // Check if the current tool is the active one
+        if (instance.data.id === Session.get('ToolManagerActiveTool')) {
+            // Return the active class
+            return 'active';
+        }
+    }
+});
+
+Template.toolbarSectionButton.events({
+    'click .imageViewerTool'(event, instance) {
+        const tool = event.currentTarget.id;
+        const elements = instance.$('.imageViewerViewport');
+
+        const activeTool = toolManager.getActiveTool();
+        if (tool === activeTool) {
+            const defaultTool = toolManager.getDefaultTool();
+            log.info('Setting active tool to: ' + defaultTool);
+            toolManager.setActiveTool(defaultTool, elements);
+        } else {
+            log.info('Setting active tool to: ' + tool);
+            toolManager.setActiveTool(tool, elements);
+        }
+    },
+    'click .imageViewerCommand'(event, instance) {
+        const command = event.currentTarget.id;
+        if (!OHIF.viewer.functionList.hasOwnProperty(command)) {
+            return;
+        }
+
+        const activeViewport = Session.get('activeViewport');
+        const element = $('.imageViewerViewport').get(activeViewport);
+        OHIF.viewer.functionList[command](element);
+    }
+});