wip on react transition

Packages/ohif-viewerbase/client/components/viewer/ViewerMain/ViewerMain.js

@@ -0,0 +1,122 @@
+import { Meteor } from 'meteor/meteor';
+import { Session } from 'meteor/session';
+import { OHIF } from 'meteor/ohif:core';
+// Local Modules
+import { unloadHandlers } from '../../../lib/unloadHandlers';
+import { ResizeViewportManager } from '../../../lib/classes/ResizeViewportManager';
+import { LayoutManager } from '../../../lib/classes/LayoutManager';
+import { StudyPrefetcher } from '../../../lib/classes/StudyPrefetcher';
+import { StudyLoadingListener } from '../../../lib/classes/StudyLoadingListener';
+import './ViewerMain.styl';
+
+import { Component } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
+
+Meteor.startup(() => {
+    window.ResizeViewportManager = window.ResizeViewportManager || new ResizeViewportManager();
+
+    // Set initial value for OHIFViewerMainRendered
+    // session variable. This can used in viewer main template
+    Session.set('OHIFViewerMainRendered', false);
+});
+
+class ViewerMain extends Component {
+    constructor(props) {
+        super(props);
+
+        this.state = {
+            contents: ''
+        };
+
+        this.setContents = this.setContents.bind(this);
+    }
+
+    componentDidMount() {
+        // Attach the Window resize listener
+        // Don't use jQuery here. "window.onresize" will always be null
+        // If its necessary, check all the code for window.onresize getter
+        // and change it to jQuery._data(window, 'events')['resize'].
+        // Otherwise this function will be probably overrided.
+        // See cineDialog instance.setResizeHandler function
+        window.addEventListener('resize', window.ResizeViewportManager.getResizeHandler());
+
+        // Add beforeUnload event handler to check for unsaved changes
+        window.addEventListener('beforeunload', unloadHandlers.beforeUnload);
+
+        // Set the current context
+        OHIF.context.set('viewer');
+
+        const { studies } = this.props;
+        this.studyPrefetcher = StudyPrefetcher.getInstance();
+        this.studyLoadingListener = StudyLoadingListener.getInstance();
+        this.studyLoadingListener.clear();
+        this.studyLoadingListener.addStudies(studies);
+
+        OHIF.viewerbase.layoutManager = new LayoutManager(this.setContents, studies);
+        this.studyPrefetcher.setStudies(studies);
+
+        Session.set('OHIFViewerMainRendered', Math.random());
+    }
+
+    setContents(component, data) {
+        const Comp = this.props.component;
+        const contents = (<Comp data={data}/>);
+
+        this.setState({
+            contents
+        });
+    }
+
+    render() {
+        return (
+            <div className="viewerMain">
+                {this.state.contents}
+            </div>
+        );
+    }
+
+    componentWillUnmount() {
+        OHIF.log.info('viewerMain onDestroyed');
+
+        // Remove the Window resize listener
+        window.removeEventListener('resize', window.ResizeViewportManager.getResizeHandler());
+
+        // Remove beforeUnload event handler...
+        window.removeEventListener('beforeunload', unloadHandlers.beforeUnload);
+
+        // Destroy the synchronizer used to update reference lines
+        OHIF.viewer.updateImageSynchronizer.destroy();
+
+        delete OHIF.viewerbase.layoutManager;
+        ProtocolEngine = null;
+
+        Session.set('OHIFViewerMainRendered', false);
+
+        // Stop prefetching when we close the viewer
+        this.studyPrefetcher.destroy();
+
+        // Destroy stack loading listeners when we close the viewer
+        this.studyLoadingListener.clear();
+
+        // Clear references to all stacks in the StackManager
+        OHIF.viewerbase.stackManager.clearStacks();
+
+        // @TypeSafeStudies
+        // Clears OHIF.viewer.Studies collection
+        OHIF.viewer.Studies.removeAll();
+
+        // @TypeSafeStudies
+        // Clears OHIF.viewer.StudyMetadataList collection
+        OHIF.viewer.StudyMetadataList.removeAll();
+
+        // Reset the current context
+        OHIF.context.set(null);
+    }
+}
+
+ViewerMain.propTypes = {
+    studies: PropTypes.array.isRequired
+}
+
+export default ViewerMain;