Fixed OHIF Viewer layout / CINE / Hanging Protocol buttons (OHIF-49)

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

@@ -1,10 +1,26 @@
-Template.viewerMain.onRendered(function() {
-    var instance = this;
-    var studies = instance.data.studies;
+Template.viewerMain.onCreated(() => {
+    // Attach the Window resize listener
+    $(window).on('resize', handleResize);
+});
 
-    var parentElement = instance.$("#layoutManagerTarget").get(0);
+Template.viewerMain.onRendered(() => {
+    const instance = Template.instance();
+
+    const studies = instance.data.studies;
+    const parentElement = instance.$("#layoutManagerTarget").get(0);
     window.layoutManager = new LayoutManager(parentElement, studies);
 
     ProtocolEngine = new HP.ProtocolEngine(window.layoutManager, studies);
     HP.setEngine(ProtocolEngine);
+
+    // Enable hotkeys
+    enableHotkeys();
+});
+
+Template.viewerMain.onDestroyed(() => {
+    // Remove the Window resize listener
+    $(window).off('resize', handleResize);
+
+    // Destory the synchronizer used to update reference lines
+    OHIF.viewer.updateImageSynchronizer.destroy();
 });