diff --git a/modes/example/src/toolbarButtons.js b/modes/example/src/toolbarButtons.js index 3f4db8160..d4a3a7a59 100644 --- a/modes/example/src/toolbarButtons.js +++ b/modes/example/src/toolbarButtons.js @@ -72,7 +72,7 @@ export default [ id: 'ResetView', type: 'ohif.action', props: { - icon: 'tool-capture', + icon: 'old-reset', label: 'Reset View', commandName: 'resetViewport', type: 'primary', @@ -82,7 +82,7 @@ export default [ id: 'RotateClockwise', type: 'ohif.action', props: { - icon: 'tool-capture', + icon: 'old-rotate-right', label: 'Rotate Right', commandName: 'rotateViewportCW', type: 'primary', @@ -92,7 +92,7 @@ export default [ id: 'FlipHorizontally', type: 'ohif.action', props: { - icon: 'tool-capture', + icon: 'old-ellipse-h', label: 'Flip Horizontally', commandName: 'flipViewportHorizontal', type: 'primary', @@ -106,7 +106,7 @@ export default [ }, props: { isActive: false, - icon: 'tool-move', + icon: 'old-bars', label: 'Stack Scroll', commandName: 'setToolActive', commandOptions: { toolName: 'StackScroll' }, @@ -121,7 +121,7 @@ export default [ }, props: { isActive: false, - icon: 'tool-move', + icon: 'old-circle', label: 'Magnify', commandName: 'setToolActive', commandOptions: { toolName: 'Magnify' }, @@ -132,7 +132,7 @@ export default [ id: 'Invert', type: 'ohif.action', props: { - icon: 'tool-capture', + icon: 'old-invert', label: 'Invert', commandName: 'invertViewport', type: 'primary', @@ -143,7 +143,7 @@ export default [ id: 'Cine', type: 'ohif.action', props: { - icon: 'tool-capture', + icon: 'old-youtube', label: 'Cine', commandName: '', type: 'primary', @@ -158,7 +158,7 @@ export default [ }, props: { isActive: false, - icon: 'tool-move', + icon: 'old-angle-left', label: 'Angle', commandName: 'setToolActive', commandOptions: { toolName: 'Angle' }, @@ -173,7 +173,7 @@ export default [ }, props: { isActive: false, - icon: 'tool-move', + icon: 'old-dot-circle', label: 'Probe', commandName: 'setToolActive', commandOptions: { toolName: 'Probe' }, @@ -188,7 +188,7 @@ export default [ }, props: { isActive: false, - icon: 'tool-move', + icon: 'old-circle-o', label: 'Rectangle', commandName: 'setToolActive', commandOptions: { toolName: 'RectangleRoi' }, diff --git a/modes/longitudinal/src/toolbarButtons.js b/modes/longitudinal/src/toolbarButtons.js index 6fc5634ea..c2e5cd5e4 100644 --- a/modes/longitudinal/src/toolbarButtons.js +++ b/modes/longitudinal/src/toolbarButtons.js @@ -120,7 +120,7 @@ export default [ id: 'ResetView', type: 'ohif.action', props: { - icon: 'tool-capture', + icon: 'old-reset', label: 'Reset View', commandName: 'resetViewport', type: 'primary', @@ -130,7 +130,7 @@ export default [ id: 'RotateClockwise', type: 'ohif.action', props: { - icon: 'tool-capture', + icon: 'old-rotate-right', label: 'Rotate Right', commandName: 'rotateViewportCW', type: 'primary', @@ -140,7 +140,7 @@ export default [ id: 'FlipHorizontally', type: 'ohif.action', props: { - icon: 'tool-capture', + icon: 'old-ellipse-h', label: 'Flip Horizontally', commandName: 'flipViewportHorizontal', type: 'primary', @@ -154,7 +154,7 @@ export default [ }, props: { isActive: false, - icon: 'tool-move', + icon: 'old-bars', label: 'Stack Scroll', commandName: 'setToolActive', commandOptions: { toolName: 'StackScroll' }, @@ -169,7 +169,7 @@ export default [ }, props: { isActive: false, - icon: 'tool-move', + icon: 'old-circle', label: 'Magnify', commandName: 'setToolActive', commandOptions: { toolName: 'Magnify' }, @@ -180,7 +180,7 @@ export default [ id: 'Invert', type: 'ohif.action', props: { - icon: 'tool-capture', + icon: 'old-invert', label: 'Invert', commandName: 'invertViewport', type: 'primary', @@ -191,7 +191,7 @@ export default [ id: 'Cine', type: 'ohif.action', props: { - icon: 'tool-capture', + icon: 'old-youtube', label: 'Cine', commandName: '', type: 'primary', @@ -206,7 +206,7 @@ export default [ }, props: { isActive: false, - icon: 'tool-move', + icon: 'old-angle-left', label: 'Angle', commandName: 'setToolActive', commandOptions: { toolName: 'Angle' }, @@ -221,7 +221,7 @@ export default [ }, props: { isActive: false, - icon: 'tool-move', + icon: 'old-dot-circle', label: 'Probe', commandName: 'setToolActive', commandOptions: { toolName: 'Probe' }, @@ -236,7 +236,7 @@ export default [ }, props: { isActive: false, - icon: 'tool-move', + icon: 'old-circle-o', label: 'Rectangle', commandName: 'setToolActive', commandOptions: { toolName: 'RectangleRoi' }, diff --git a/platform/ui/src/assets/icons/old-angle-left.svg b/platform/ui/src/assets/icons/old-angle-left.svg new file mode 100644 index 000000000..5b87c1da3 --- /dev/null +++ b/platform/ui/src/assets/icons/old-angle-left.svg @@ -0,0 +1,9 @@ + + Angle Left + + diff --git a/platform/ui/src/assets/icons/old-bars.svg b/platform/ui/src/assets/icons/old-bars.svg new file mode 100644 index 000000000..d7e430f0c --- /dev/null +++ b/platform/ui/src/assets/icons/old-bars.svg @@ -0,0 +1,9 @@ + + Bars + + diff --git a/platform/ui/src/assets/icons/old-circle-o.svg b/platform/ui/src/assets/icons/old-circle-o.svg new file mode 100644 index 000000000..4242c992f --- /dev/null +++ b/platform/ui/src/assets/icons/old-circle-o.svg @@ -0,0 +1,9 @@ + + Square Outline + + diff --git a/platform/ui/src/assets/icons/old-circle.svg b/platform/ui/src/assets/icons/old-circle.svg new file mode 100644 index 000000000..2cad5edcb --- /dev/null +++ b/platform/ui/src/assets/icons/old-circle.svg @@ -0,0 +1,9 @@ + + Circle + + diff --git a/platform/ui/src/assets/icons/old-dot-circle.svg b/platform/ui/src/assets/icons/old-dot-circle.svg new file mode 100644 index 000000000..625f3b247 --- /dev/null +++ b/platform/ui/src/assets/icons/old-dot-circle.svg @@ -0,0 +1,9 @@ + + Dot Circle + + diff --git a/platform/ui/src/assets/icons/old-ellipse-h.svg b/platform/ui/src/assets/icons/old-ellipse-h.svg new file mode 100644 index 000000000..1d95148f7 --- /dev/null +++ b/platform/ui/src/assets/icons/old-ellipse-h.svg @@ -0,0 +1,9 @@ + + Ellipse Horizontal + + diff --git a/platform/ui/src/assets/icons/old-invert.svg b/platform/ui/src/assets/icons/old-invert.svg new file mode 100644 index 000000000..f859c45bc --- /dev/null +++ b/platform/ui/src/assets/icons/old-invert.svg @@ -0,0 +1,9 @@ + + Adjust + + diff --git a/platform/ui/src/assets/icons/old-reset.svg b/platform/ui/src/assets/icons/old-reset.svg new file mode 100644 index 000000000..116676d9c --- /dev/null +++ b/platform/ui/src/assets/icons/old-reset.svg @@ -0,0 +1,9 @@ + + Reset + + diff --git a/platform/ui/src/assets/icons/old-rotate-right.svg b/platform/ui/src/assets/icons/old-rotate-right.svg new file mode 100644 index 000000000..11646928f --- /dev/null +++ b/platform/ui/src/assets/icons/old-rotate-right.svg @@ -0,0 +1,9 @@ + + Rotate Right + + diff --git a/platform/ui/src/assets/icons/old-youtube.svg b/platform/ui/src/assets/icons/old-youtube.svg new file mode 100644 index 000000000..433789f12 --- /dev/null +++ b/platform/ui/src/assets/icons/old-youtube.svg @@ -0,0 +1,9 @@ + + YouTube Logo + + diff --git a/platform/ui/src/components/Icon/getIcon.jsx b/platform/ui/src/components/Icon/getIcon.jsx index 8f0a7a534..f421f579a 100644 --- a/platform/ui/src/components/Icon/getIcon.jsx +++ b/platform/ui/src/components/Icon/getIcon.jsx @@ -46,6 +46,18 @@ import toolBidirectional from './../../assets/icons/tool-bidirectional.svg'; import toolElipse from './../../assets/icons/tool-elipse.svg'; import toolLength from './../../assets/icons/tool-length.svg'; +/** Old OHIF */ +import oldBars from './../../assets/icons/old-bars.svg'; +import oldCircle from './../../assets/icons/old-circle.svg'; +import oldEllipseH from './../../assets/icons/old-ellipse-h.svg'; +import oldInvert from './../../assets/icons/old-invert.svg'; +import oldRotateRight from './../../assets/icons/old-rotate-right.svg'; +import oldYoutube from './../../assets/icons/old-youtube.svg'; +import oldDotCircle from './../../assets/icons/old-dot-circle.svg'; +import oldAngleLeft from './../../assets/icons/old-angle-left.svg'; +import oldReset from './../../assets/icons/old-reset.svg'; +import oldCircleO from './../../assets/icons/old-circle-o.svg'; + const ICONS = { 'arrow-down': arrowDown, calendar: calendar, @@ -91,6 +103,18 @@ const ICONS = { 'tool-bidirectional': toolBidirectional, 'tool-elipse': toolElipse, 'tool-length': toolLength, + + /** Old OHIF */ + 'old-bars': oldBars, + 'old-circle': oldCircle, + 'old-ellipse-h': oldEllipseH, + 'old-invert': oldInvert, + 'old-rotate-right': oldRotateRight, + 'old-youtube': oldYoutube, + 'old-dot-circle': oldDotCircle, + 'old-angle-left': oldAngleLeft, + 'old-reset': oldReset, + 'old-circle-o': oldCircleO }; /**