First pass at a Hanging Protocol implementation and editor (LT-131)

Packages/hangingprotocols/client/components/matchedProtocols/matchedProtocols.js

@@ -0,0 +1,50 @@
+Template.matchedProtocols.onRendered(function() {
+    $('#matchedProtocols button').tooltip(OHIF.viewer.tooltipConfig);
+});
+
+Template.matchedProtocols.helpers({
+    /**
+     * Reactively re-render the MatchedProtocols Collection contents
+     */
+    matchedProtocols: function() {
+        return MatchedProtocols.find();
+    }
+});
+
+Template.matchedProtocols.events({
+    /**
+     * Instruct the ProtocolEngine to apply the specified Hanging Protocol
+     */
+    'click .matchedProtocol': function() {
+        var protocol = this;
+        ProtocolEngine.setHangingProtocol(protocol);
+    },
+    /**
+     * Show/hide the Protocol Editor sidebar
+     */
+    'click #toggleProtocolEditor': function() {
+        // Select the Protocol Editor DOM element
+        var editor = $('#protocolEditor');
+
+        // Modulate the main viewer width in response to the sidebar being open
+
+        // This code is commented out so that the protocol editor is an overlay, rather than a sidebar
+        // This is something that is debatable at the moment, so I am not removing the code just yet
+        //
+        /* if (editor.hasClass('cbp-spmenu-open')) {
+            // Set the Viewer widths to reflect a hidden Protocol Editor
+            $('.viewerMain').width('calc(100% - 120px)');
+            $('.navbar').width('100%');
+        } else {
+            // Set the Viewer widths to reflect an open Protocol Editor
+            $('.viewerMain').width('calc(100% - 120px - 450px)');
+            $('.navbar').width('calc(100% - 450px)');
+        }*/
+
+        // Toggle a class reflect whether or not the Protocol Editor is displayed
+        editor.toggleClass('cbp-spmenu-open');
+
+        // Fire the resize handler after a short delay so that the animation can complete
+        setTimeout(handleResize, 150);
+    }
+});