625 lines
15 KiB
TypeScript
625 lines
15 KiB
TypeScript
// TODO: torn, can either bake this here; or have to create a whole new button type
|
|
// Only ways that you can pass in a custom React component for render :l
|
|
import type { Button } from '@ohif/core/types';
|
|
import { EVENTS } from '@cornerstonejs/core';
|
|
import { ViewportGridService } from '@ohif/core';
|
|
|
|
import { defaults } from '@ohif/core';
|
|
import i18n from 'i18next';
|
|
|
|
const { windowLevelPresets } = defaults;
|
|
|
|
/**
|
|
*
|
|
* @param {*} preset - preset number (from above import)
|
|
* @param {*} title
|
|
* @param {*} subtitle
|
|
*/
|
|
function _createWwwcPreset(preset, title, subtitle) {
|
|
return {
|
|
id: title,
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
title,
|
|
subtitle,
|
|
commands: [
|
|
{
|
|
commandName: 'setWindowLevel',
|
|
commandOptions: {
|
|
...windowLevelPresets[preset],
|
|
},
|
|
context: 'CORNERSTONE',
|
|
},
|
|
],
|
|
},
|
|
};
|
|
}
|
|
|
|
export const setToolActiveToolbar = {
|
|
commandName: 'setToolActiveToolbar',
|
|
commandOptions: {
|
|
toolGroupIds: ['default', 'mpr', 'SRToolGroup'],
|
|
},
|
|
};
|
|
|
|
const toolbarButtons: Button[] = [
|
|
{
|
|
id: 'MeasurementTools',
|
|
uiType: 'ohif.toolButtonList',
|
|
props: {
|
|
buttonSection: true,
|
|
},
|
|
},
|
|
{
|
|
id: 'MoreTools',
|
|
uiType: 'ohif.toolButtonList',
|
|
props: {
|
|
buttonSection: true,
|
|
},
|
|
},
|
|
{
|
|
id: 'WindowLevelGroup',
|
|
uiType: 'ohif.toolButtonList',
|
|
props: {
|
|
buttonSection: true,
|
|
},
|
|
},
|
|
|
|
// tool defs
|
|
{
|
|
id: 'advancedRenderingControls',
|
|
uiType: 'ohif.advancedRenderingControls',
|
|
props: {
|
|
evaluate: {
|
|
name: 'evaluate.advancedRenderingControls',
|
|
hideWhenDisabled: true,
|
|
},
|
|
},
|
|
},
|
|
{
|
|
id: 'modalityLoadBadge',
|
|
uiType: 'ohif.modalityLoadBadge',
|
|
props: {
|
|
icon: 'Status',
|
|
label: i18n.t('Buttons:Status'),
|
|
tooltip: i18n.t('Buttons:Status'),
|
|
evaluate: {
|
|
name: 'evaluate.modalityLoadBadge',
|
|
hideWhenDisabled: true,
|
|
},
|
|
},
|
|
},
|
|
{
|
|
id: 'navigationComponent',
|
|
uiType: 'ohif.navigationComponent',
|
|
props: {
|
|
icon: 'Navigation',
|
|
label: i18n.t('Buttons:Navigation'),
|
|
tooltip: i18n.t('Buttons:Navigate between segments/measurements and manage their visibility'),
|
|
evaluate: {
|
|
name: 'evaluate.navigationComponent',
|
|
hideWhenDisabled: true,
|
|
},
|
|
},
|
|
},
|
|
{
|
|
id: 'trackingStatus',
|
|
uiType: 'ohif.trackingStatus',
|
|
props: {
|
|
icon: 'TrackingStatus',
|
|
label: i18n.t('Buttons:Tracking Status'),
|
|
tooltip: i18n.t('Buttons:View and manage tracking status of measurements and annotations'),
|
|
evaluate: {
|
|
name: 'evaluate.trackingStatus',
|
|
hideWhenDisabled: true,
|
|
},
|
|
},
|
|
},
|
|
{
|
|
id: 'dataOverlayMenu',
|
|
uiType: 'ohif.dataOverlayMenu',
|
|
props: {
|
|
icon: 'ViewportViews',
|
|
label: i18n.t('Buttons:Data Overlay'),
|
|
tooltip: i18n.t(
|
|
'Buttons:Configure data overlay options and manage foreground/background display sets'
|
|
),
|
|
evaluate: 'evaluate.dataOverlayMenu',
|
|
},
|
|
},
|
|
{
|
|
id: 'orientationMenu',
|
|
uiType: 'ohif.orientationMenu',
|
|
props: {
|
|
icon: 'OrientationSwitch',
|
|
label: i18n.t('Buttons:Orientation'),
|
|
tooltip: i18n.t(
|
|
'Buttons:Change viewport orientation between axial, sagittal, coronal and reformat planes'
|
|
),
|
|
evaluate: {
|
|
name: 'evaluate.orientationMenu',
|
|
},
|
|
},
|
|
},
|
|
{
|
|
id: 'windowLevelMenu',
|
|
uiType: 'ohif.windowLevelMenu',
|
|
props: {
|
|
icon: 'WindowLevel',
|
|
label: i18n.t('Buttons:Window Level'),
|
|
tooltip: i18n.t('Buttons:Adjust window/level presets and customize image contrast settings'),
|
|
evaluate: 'evaluate.windowLevelMenu',
|
|
},
|
|
},
|
|
{
|
|
id: 'voiManualControlMenu',
|
|
uiType: 'ohif.voiManualControlMenu',
|
|
props: {
|
|
icon: 'WindowLevelAdvanced',
|
|
label: i18n.t('Buttons:Advanced Window Level'),
|
|
tooltip: i18n.t('Buttons:Advanced window/level settings with manual controls and presets'),
|
|
evaluate: 'evaluate.voiManualControlMenu',
|
|
},
|
|
},
|
|
{
|
|
id: 'thresholdMenu',
|
|
uiType: 'ohif.thresholdMenu',
|
|
props: {
|
|
icon: 'Threshold',
|
|
label: i18n.t('Buttons:Threshold'),
|
|
tooltip: i18n.t('Buttons:Image threshold settings'),
|
|
evaluate: {
|
|
name: 'evaluate.thresholdMenu',
|
|
hideWhenDisabled: true,
|
|
},
|
|
},
|
|
},
|
|
{
|
|
id: 'opacityMenu',
|
|
uiType: 'ohif.opacityMenu',
|
|
props: {
|
|
icon: 'Opacity',
|
|
label: i18n.t('Buttons:Opacity'),
|
|
tooltip: i18n.t('Buttons:Image opacity settings'),
|
|
evaluate: {
|
|
name: 'evaluate.opacityMenu',
|
|
hideWhenDisabled: true,
|
|
},
|
|
},
|
|
},
|
|
{
|
|
id: 'Colorbar',
|
|
uiType: 'ohif.colorbar',
|
|
props: {
|
|
type: 'tool',
|
|
label: i18n.t('Buttons:Colorbar'),
|
|
},
|
|
},
|
|
_createWwwcPreset(1, 'Soft tissue', '400 / 40'),
|
|
_createWwwcPreset(2, 'Lung', '1500 / -600'),
|
|
_createWwwcPreset(3, 'Liver', '150 / 90'),
|
|
_createWwwcPreset(4, 'Bone', '2500 / 480'),
|
|
_createWwwcPreset(5, 'Brain', '80 / 40'),
|
|
{
|
|
id: 'WindowLevel',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-window-level',
|
|
label: i18n.t('Buttons:Window Level'),
|
|
tooltip: i18n.t('Buttons:Window Level'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'Length',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-length',
|
|
label: i18n.t('Buttons:Length'),
|
|
tooltip: i18n.t('Buttons:Length Tool'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'Bidirectional',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-bidirectional',
|
|
label: i18n.t('Buttons:Bidirectional'),
|
|
tooltip: i18n.t('Buttons:Bidirectional Tool'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'ArrowAnnotate',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-annotate',
|
|
label: i18n.t('Buttons:Annotation'),
|
|
tooltip: i18n.t('Buttons:Arrow Annotate'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'EllipticalROI',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-ellipse',
|
|
label: i18n.t('Buttons:Ellipse'),
|
|
tooltip: i18n.t('Buttons:Ellipse ROI'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'CircleROI',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-circle',
|
|
label: i18n.t('Buttons:Circle'),
|
|
tooltip: i18n.t('Buttons:Circle Tool'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'PlanarFreehandROI',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'icon-tool-freehand-roi',
|
|
label: i18n.t('Buttons:Freehand ROI'),
|
|
tooltip: i18n.t('Buttons:Freehand ROI'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'SplineROI',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'icon-tool-spline-roi',
|
|
label: i18n.t('Buttons:Spline ROI'),
|
|
tooltip: i18n.t('Buttons:Spline ROI'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'LivewireContour',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'icon-tool-livewire',
|
|
label: i18n.t('Buttons:Livewire tool'),
|
|
tooltip: i18n.t('Buttons:Livewire tool'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'Zoom',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-zoom',
|
|
label: i18n.t('Buttons:Zoom'),
|
|
tooltip: i18n.t('Buttons:Zoom'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'Pan',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
type: 'tool',
|
|
icon: 'tool-move',
|
|
label: i18n.t('Buttons:Pan'),
|
|
tooltip: i18n.t('Buttons:Pan'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'MPR',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'icon-mpr',
|
|
label: i18n.t('Buttons:MPR'),
|
|
tooltip: i18n.t('Buttons:MPR'),
|
|
commands: {
|
|
commandName: 'toggleHangingProtocol',
|
|
commandOptions: {
|
|
protocolId: 'mpr',
|
|
},
|
|
},
|
|
evaluate: 'evaluate.displaySetIsReconstructable',
|
|
},
|
|
},
|
|
{
|
|
id: 'TrackBallRotate',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
type: 'tool',
|
|
icon: 'tool-3d-rotate',
|
|
label: i18n.t('Buttons:3D Rotate'),
|
|
tooltip: i18n.t('Buttons:3D Rotate'),
|
|
commands: setToolActiveToolbar,
|
|
},
|
|
},
|
|
{
|
|
id: 'Capture',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-capture',
|
|
label: i18n.t('Buttons:Capture'),
|
|
tooltip: i18n.t('Buttons:Capture'),
|
|
commands: 'showDownloadViewportModal',
|
|
evaluate: [
|
|
'evaluate.action',
|
|
{
|
|
name: 'evaluate.viewport.supported',
|
|
unsupportedViewportTypes: ['video', 'wholeSlide'],
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
id: 'Layout',
|
|
uiType: 'ohif.layoutSelector',
|
|
props: {
|
|
rows: 3,
|
|
columns: 4,
|
|
evaluate: 'evaluate.action',
|
|
commands: 'setViewportGridLayout',
|
|
},
|
|
},
|
|
{
|
|
id: 'Crosshairs',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
type: 'tool',
|
|
icon: 'tool-crosshair',
|
|
label: i18n.t('Buttons:Crosshairs'),
|
|
tooltip: i18n.t('Buttons:Crosshairs'),
|
|
commands: {
|
|
commandName: 'setToolActiveToolbar',
|
|
commandOptions: {
|
|
toolGroupIds: ['mpr'],
|
|
},
|
|
},
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
|
|
{
|
|
id: 'Reset',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-reset',
|
|
label: i18n.t('Buttons:Reset View'),
|
|
tooltip: i18n.t('Buttons:Reset View'),
|
|
commands: 'resetViewport',
|
|
evaluate: 'evaluate.action',
|
|
},
|
|
},
|
|
{
|
|
id: 'rotate-right',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-rotate-right',
|
|
label: i18n.t('Buttons:Rotate Right'),
|
|
tooltip: i18n.t('Buttons:Rotate +90'),
|
|
commands: 'rotateViewportCW',
|
|
evaluate: 'evaluate.action',
|
|
},
|
|
},
|
|
{
|
|
id: 'flipHorizontal',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-flip-horizontal',
|
|
label: i18n.t('Buttons:Flip Horizontal'),
|
|
tooltip: i18n.t('Buttons:Flip Horizontally'),
|
|
commands: 'flipViewportHorizontal',
|
|
evaluate: 'evaluate.viewportProperties.toggle',
|
|
},
|
|
},
|
|
{
|
|
id: 'ImageSliceSync',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'link',
|
|
label: i18n.t('Buttons:Image Slice Sync'),
|
|
tooltip: i18n.t('Buttons:Enable position synchronization on stack viewports'),
|
|
commands: {
|
|
commandName: 'toggleSynchronizer',
|
|
commandOptions: {
|
|
type: 'imageSlice',
|
|
},
|
|
},
|
|
listeners: {
|
|
[EVENTS.VIEWPORT_NEW_IMAGE_SET]: {
|
|
commandName: 'toggleImageSliceSync',
|
|
commandOptions: { toggledState: true },
|
|
},
|
|
},
|
|
evaluate: 'evaluate.cornerstone.synchronizer',
|
|
},
|
|
},
|
|
{
|
|
id: 'ReferenceLines',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-referenceLines',
|
|
label: i18n.t('Buttons:Reference Lines'),
|
|
tooltip: i18n.t('Buttons:Show Reference Lines'),
|
|
commands: 'toggleEnabledDisabledToolbar',
|
|
evaluate: 'evaluate.cornerstoneTool.toggle',
|
|
},
|
|
},
|
|
{
|
|
id: 'ImageOverlayViewer',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'toggle-dicom-overlay',
|
|
label: i18n.t('Buttons:Image Overlay'),
|
|
tooltip: i18n.t('Buttons:Toggle Image Overlay'),
|
|
commands: 'toggleEnabledDisabledToolbar',
|
|
evaluate: 'evaluate.cornerstoneTool.toggle',
|
|
},
|
|
},
|
|
{
|
|
id: 'StackScroll',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-stack-scroll',
|
|
label: i18n.t('Buttons:Stack Scroll'),
|
|
tooltip: i18n.t('Buttons:Stack Scroll'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'invert',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-invert',
|
|
label: i18n.t('Buttons:Invert'),
|
|
tooltip: i18n.t('Buttons:Invert Colors'),
|
|
commands: 'invertViewport',
|
|
evaluate: 'evaluate.viewportProperties.toggle',
|
|
},
|
|
},
|
|
{
|
|
id: 'Probe',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-probe',
|
|
label: i18n.t('Buttons:Probe'),
|
|
tooltip: i18n.t('Buttons:Probe'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'Cine',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-cine',
|
|
label: i18n.t('Buttons:Cine'),
|
|
tooltip: i18n.t('Buttons:Cine'),
|
|
commands: 'toggleCine',
|
|
evaluate: 'evaluate.cine',
|
|
},
|
|
},
|
|
{
|
|
id: 'Angle',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-angle',
|
|
label: i18n.t('Buttons:Angle'),
|
|
tooltip: i18n.t('Buttons:Angle'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'CobbAngle',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'icon-tool-cobb-angle',
|
|
label: i18n.t('Buttons:Cobb Angle'),
|
|
tooltip: i18n.t('Buttons:Cobb Angle'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'Magnify',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-magnify',
|
|
label: i18n.t('Buttons:Zoom-in'),
|
|
tooltip: i18n.t('Buttons:Zoom-in'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'RectangleROI',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-rectangle',
|
|
label: i18n.t('Buttons:Rectangle'),
|
|
tooltip: i18n.t('Buttons:Rectangle'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'CalibrationLine',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'tool-calibration',
|
|
label: i18n.t('Buttons:Calibration'),
|
|
tooltip: i18n.t('Buttons:Calibration Line'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
{
|
|
id: 'TagBrowser',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'dicom-tag-browser',
|
|
label: i18n.t('Buttons:Dicom Tag Browser'),
|
|
tooltip: i18n.t('Buttons:Dicom Tag Browser'),
|
|
commands: 'openDICOMTagViewer',
|
|
},
|
|
},
|
|
{
|
|
id: 'AdvancedMagnify',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'icon-tool-loupe',
|
|
label: i18n.t('Buttons:Magnify Probe'),
|
|
tooltip: i18n.t('Buttons:Magnify Probe'),
|
|
commands: 'toggleActiveDisabledToolbar',
|
|
evaluate: 'evaluate.cornerstoneTool.toggle.ifStrictlyDisabled',
|
|
},
|
|
},
|
|
{
|
|
id: 'UltrasoundDirectionalTool',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'icon-tool-ultrasound-bidirectional',
|
|
label: i18n.t('Buttons:Ultrasound Directional'),
|
|
tooltip: i18n.t('Buttons:Ultrasound Directional'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: [
|
|
'evaluate.cornerstoneTool',
|
|
{
|
|
name: 'evaluate.modality.supported',
|
|
supportedModalities: ['US'],
|
|
},
|
|
],
|
|
},
|
|
},
|
|
{
|
|
id: 'WindowLevelRegion',
|
|
uiType: 'ohif.toolButton',
|
|
props: {
|
|
icon: 'icon-tool-window-region',
|
|
label: i18n.t('Buttons:Window Level Region'),
|
|
tooltip: i18n.t('Buttons:Window Level Region'),
|
|
commands: setToolActiveToolbar,
|
|
evaluate: 'evaluate.cornerstoneTool',
|
|
},
|
|
},
|
|
];
|
|
|
|
export default toolbarButtons;
|