d5ff590dfc
* feat(DoubleClick): double click a viewport to one up and back Added a toggleOneUp command that puts the active viewport into a 1x1 grid layout and it toggles out of 'one-up' by restoring its saved 'toggleOneUpViewportGridStore' from the StateSyncService. Added double click customization for the Cornerstone extension with the default double click handling being the toggleOneUp command. Added a cypress test for the double click functionality. * PR feedback: - tracked viewport measurements no longer show as dashed when toggling one up - disallowed double clicking near a measurement - updated cornerstone3D dependencies to fix double click of TMTV and volume viewport 3D - created ViewportGridService.getLayoutOptionsFromState * Updated the ViewportGridService docs. * Switched to using 'cornerstoneViewportClickCommands' and consistency with the context menu clicks.
108 lines
2.8 KiB
TypeScript
108 lines
2.8 KiB
TypeScript
import { eventTarget, EVENTS } from '@cornerstonejs/core';
|
|
import { Enums } from '@cornerstonejs/tools';
|
|
import { setEnabledElement } from './state';
|
|
import { findNearbyToolData } from './utils/findNearbyToolData';
|
|
|
|
const cs3DToolsEvents = Enums.Events;
|
|
|
|
const DEFAULT_CONTEXT_MENU_CLICKS = {
|
|
button1: {
|
|
commands: [
|
|
{
|
|
commandName: 'closeContextMenu',
|
|
},
|
|
],
|
|
},
|
|
button3: {
|
|
commands: [
|
|
{
|
|
commandName: 'showCornerstoneContextMenu',
|
|
commandOptions: {
|
|
menuId: 'measurementsContextMenu',
|
|
},
|
|
},
|
|
],
|
|
},
|
|
};
|
|
|
|
/**
|
|
* Generates a name, consisting of:
|
|
* * alt when the alt key is down
|
|
* * ctrl when the cctrl key is down
|
|
* * shift when the shift key is down
|
|
* * 'button' followed by the button number (1 left, 3 right etc)
|
|
*/
|
|
function getEventName(evt) {
|
|
const button = evt.detail.event.which;
|
|
const nameArr = [];
|
|
if (evt.detail.event.altKey) nameArr.push('alt');
|
|
if (evt.detail.event.ctrlKey) nameArr.push('ctrl');
|
|
if (evt.detail.event.shiftKey) nameArr.push('shift');
|
|
nameArr.push('button');
|
|
nameArr.push(button);
|
|
return nameArr.join('');
|
|
}
|
|
|
|
function initContextMenu({
|
|
cornerstoneViewportService,
|
|
customizationService,
|
|
commandsManager,
|
|
}): void {
|
|
/*
|
|
* Run the commands associated with the given button press,
|
|
* defaults on button1 and button2
|
|
*/
|
|
const cornerstoneViewportHandleEvent = (name, evt) => {
|
|
const customizations =
|
|
customizationService.get('cornerstoneViewportClickCommands') ||
|
|
DEFAULT_CONTEXT_MENU_CLICKS;
|
|
const toRun = customizations[name];
|
|
console.log('initContextMenu::cornerstoneViewportHandleEvent', name, toRun);
|
|
const options = {
|
|
nearbyToolData: findNearbyToolData(commandsManager, evt),
|
|
event: evt,
|
|
};
|
|
commandsManager.run(toRun, options);
|
|
};
|
|
|
|
const cornerstoneViewportHandleClick = evt => {
|
|
const name = getEventName(evt);
|
|
cornerstoneViewportHandleEvent(name, evt);
|
|
};
|
|
|
|
function elementEnabledHandler(evt) {
|
|
const { viewportId, element } = evt.detail;
|
|
const viewportInfo = cornerstoneViewportService.getViewportInfo(viewportId);
|
|
if (!viewportInfo) return;
|
|
const viewportIndex = viewportInfo.getViewportIndex();
|
|
// TODO check update upstream
|
|
setEnabledElement(viewportIndex, element);
|
|
|
|
element.addEventListener(
|
|
cs3DToolsEvents.MOUSE_CLICK,
|
|
cornerstoneViewportHandleClick
|
|
);
|
|
}
|
|
|
|
function elementDisabledHandler(evt) {
|
|
const { element } = evt.detail;
|
|
|
|
element.removeEventListener(
|
|
cs3DToolsEvents.MOUSE_CLICK,
|
|
cornerstoneViewportHandleClick
|
|
);
|
|
}
|
|
|
|
eventTarget.addEventListener(
|
|
EVENTS.ELEMENT_ENABLED,
|
|
elementEnabledHandler.bind(null)
|
|
);
|
|
|
|
eventTarget.addEventListener(
|
|
EVENTS.ELEMENT_DISABLED,
|
|
elementDisabledHandler.bind(null)
|
|
);
|
|
}
|
|
|
|
export default initContextMenu;
|