diff --git a/extensions/ohif-cornerstone-extension/src/commandsModule.js b/extensions/ohif-cornerstone-extension/src/commandsModule.js index 89597c65a..96ad024e1 100644 --- a/extensions/ohif-cornerstone-extension/src/commandsModule.js +++ b/extensions/ohif-cornerstone-extension/src/commandsModule.js @@ -1,6 +1,7 @@ import cornerstone from 'cornerstone-core'; import cornerstoneTools from 'cornerstone-tools'; import OHIF from 'ohif-core'; +const scroll = cornerstoneTools.import('util/scroll'); const actions = { rotateViewport: ({ viewports, rotation }) => { @@ -145,6 +146,22 @@ const actions = { }); }); }, + nextImage: ({ viewports }) => { + const enabledElement = _getActiveViewportEnabledElement( + viewports.viewportSpecificData, + viewports.activeViewportIndex + ); + + scroll(enabledElement, 1); + }, + previousImage: ({ viewports }) => { + const enabledElement = _getActiveViewportEnabledElement( + viewports.viewportSpecificData, + viewports.activeViewportIndex + ); + + scroll(enabledElement, -1); + } }; const definitions = { @@ -198,7 +215,16 @@ const definitions = { storeContexts: ['viewports'], options: {}, }, - // TODO: Next/Previous image + nextImage: { + commandFn: actions.nextImage, + storeContexts: ['viewports'], + options: {}, + }, + previousImage: { + commandFn: actions.previousImage, + storeContexts: ['viewports'], + options: {}, + }, // TODO: First/Last image // Next/Previous series/DisplaySet nextViewportDisplaySet: { diff --git a/public/config/default.js b/public/config/default.js index 527867bf6..7c79aa22c 100644 --- a/public/config/default.js +++ b/public/config/default.js @@ -54,8 +54,8 @@ window.config = { { commandName: 'fitViewportToWindow', label: 'Zoom to Fit', keys: ['='] }, { commandName: 'resetViewport', label: 'Reset', keys: ['space'] }, // clearAnnotations - // nextImage - // previousImage + { commandName: 'nextImage', label: 'Next Image', keys: ['up'] }, + { commandName: 'previousImage', label: 'Previous Image', keys: ['down'] }, // firstImage // lastImage {