import { Meteor } from 'meteor/meteor';
import { Template } from 'meteor/templating';
import { Session } from 'meteor/session';
import { OHIF } from 'meteor/ohif:core';
// Local Modules
import { toolManager } from '../../../lib/toolManager';
import { unloadHandlers } from '../../../lib/unloadHandlers';
import { hotkeyUtils } from '../../../lib/hotkeyUtils';
import { ResizeViewportManager } from '../../../lib/classes/ResizeViewportManager';
import { LayoutManager } from '../../../lib/classes/LayoutManager';

Meteor.startup(() => {
    window.ResizeViewportManager = window.ResizeViewportManager || new ResizeViewportManager();
});

Template.viewerMain.onCreated(() => {
    // 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);
});

Template.viewerMain.onRendered(() => {
    const instance = Template.instance();
    const { studies } = instance.data;
    const parentElement = instance.$('#layoutManagerTarget').get(0);

    OHIF.viewerbase.layoutManager = new LayoutManager(parentElement, studies);

    // @TODO: move this logic to the viewers to break dependency of ohif-hanging-protocols package and avoid circurlar dependencies
    // HP.ProtocolStore.onReady(() => {
    //     const { studies, currentTimepointId, measurementApi, timepointIds } = instance.data;

    //     // Default actions for Associated Studies
    //     if(currentTimepointId) {
    //         // Follow-up studies: same as the first measurement in the table
    //         // Baseline studies: target-tool
    //         if(studies[0]) {
    //             let activeTool;
    //             // In follow-ups, get the baseline timepointId
    //             const timepointId = timepointIds.find(id => id !== currentTimepointId);

    //             // Follow-up studies
    //             if(studies[0].timepointType === 'followup' && timepointId) {
    //                 const measurementTools = OHIF.measurements.MeasurementApi.getConfiguration().measurementTools;

    //                 // Create list of measurement tools
    //                 const measurementTypes = measurementTools.map( 
    //                     tool => {
    //                         const { id, cornerstoneToolType } = tool;
    //                         return {
    //                             id,
    //                             cornerstoneToolType
    //                         }
    //                     }
    //                 );

    //                 // Iterate over each measurment tool to find the first baseline
    //                 // measurment. If so, stops the loop and prevent fetching from all
    //                 // collections
    //                 measurementTypes.every(({id, cornerstoneToolType}) => {
    //                     // Get measurement
    //                     if(measurementApi[id]) {
    //                         const measurement = measurementApi[id].findOne({ timepointId });

    //                         // Found a measurement, save tool and stop loop
    //                         if(measurement) {
    //                             activeTool = cornerstoneToolType;

    //                             return false;
    //                         }
    //                     }
    //                     return true;
    //                 });
    //             }

    //             // If not set, for associated studies default is target-tool
    //             toolManager.setActiveTool(activeTool || 'bidirectional');
    //         }

    //         // Toggle Measurement Table 
    //         if(instance.data.state) {
    //             instance.data.state.set('rightSidebar', 'measurements');
    //         }
    //     }
    //     // Hide as default for single study
    //     else {
    //         if(instance.data.state) {
    //             instance.data.state.set('rightSidebar', null);
    //         }
    //     }

    //     if (OHIF.viewer.isProtocolEngineDisabled === true) {
    //         OHIF.viewerbase.layoutManager.updateViewports();
    //     } else {
    //         // updateViewports method from current layout manager will be automatically called by the protocol engine;
    //         const studyMetadataList = OHIF.viewer.StudyMetadataList.all();
    //         const layoutManager = OHIF.viewerbase.layoutManager;
            
    //         const studyMetadataSource = new NucleusStudyMetadataSource;
    //         ProtocolEngine = new HP.ProtocolEngine(layoutManager, studyMetadataList, [], studyMetadataSource);
    //         HP.setEngine(ProtocolEngine);
    //     }

    //     Session.set('ViewerMainReady', Random.id());
    // });

    // Enable hotkeys
    hotkeyUtils.enableHotkeys();

    Session.set('ViewerMainRendered', Random.id());
});

Template.viewerMain.onDestroyed(() => {
    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;
    delete ProtocolEngine;
});