diff --git a/OHIFViewer/client/components/flexboxLayout/flexboxLayout.styl b/OHIFViewer/client/components/flexboxLayout/flexboxLayout.styl index fe7a544d5..1fa946856 100644 --- a/OHIFViewer/client/components/flexboxLayout/flexboxLayout.styl +++ b/OHIFViewer/client/components/flexboxLayout/flexboxLayout.styl @@ -7,7 +7,7 @@ $lesionsSidebarMenuWidth = 450px flex: 1 flex-flow: row nowrap align-items: stretch - height: calc(100% - 78px); + height: 'calc(100% - %s)' %toolbarHeight; width: 100% .sidebarMenu diff --git a/OHIFViewer/client/components/toolbarSection/toolbarSection.html b/OHIFViewer/client/components/toolbarSection/toolbarSection.html new file mode 100644 index 000000000..180b0ab27 --- /dev/null +++ b/OHIFViewer/client/components/toolbarSection/toolbarSection.html @@ -0,0 +1,13 @@ + diff --git a/OHIFViewer/client/components/toolbarSection/toolbarSection.js b/OHIFViewer/client/components/toolbarSection/toolbarSection.js new file mode 100644 index 000000000..dacb706d5 --- /dev/null +++ b/OHIFViewer/client/components/toolbarSection/toolbarSection.js @@ -0,0 +1,170 @@ +import { OHIF } from 'meteor/ohif:core'; + +Template.toolbarSection.helpers({ + leftSidebarToggleButtonData() { + const instance = Template.instance(); + return { + toggleable: true, + key: 'leftSidebar', + value: instance.data.state, + options: [{ + value: 'studies', + svgLink: '/packages/viewerbase/assets/icons.svg#icon-studies', + svgWidth: 15, + svgHeight: 13, + bottomLabel: 'Studies' + }] + }; + }, + + rightSidebarToggleButtonData() { + const instance = Template.instance(); + return { + toggleable: true, + key: 'rightSidebar', + value: instance.data.state, + options: [{ + value: 'hangingprotocols', + iconClasses: 'fa fa-cog', + bottomLabel: 'Hanging' + }] + }; + }, + + toolbarButtons() { + var buttonData = []; + buttonData.push({ + id: 'zoom', + title: 'Zoom', + classes: 'imageViewerTool', + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-zoom' + }); + + buttonData.push({ + id: 'wwwc', + title: 'Levels', + classes: 'imageViewerTool', + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-levels' + }); + + buttonData.push({ + id: 'pan', + title: 'Pan', + classes: 'imageViewerTool', + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-pan' + }); + + buttonData.push({ + id: 'length', + title: 'Length', + classes: 'imageViewerTool toolbarSectionButton', + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-measure-temp' + }); + + buttonData.push({ + id: 'annotate', + title: 'Annotate', + classes: 'imageViewerTool', + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-measure-non-target' + }); + + buttonData.push({ + id: 'angle', + title: 'Angle', + classes: 'imageViewerTool', + iconClasses: 'fa fa-angle-left' + }); + + buttonData.push({ + id: 'resetViewport', + title: 'Reset', + classes: 'imageViewerCommand', + iconClasses: 'fa fa-undo' + }); + + return buttonData; + }, + + extraToolbarButtons() { + let buttonData = []; + + buttonData.push({ + id: 'stackScroll', + title: 'Stack Scroll', + classes: 'imageViewerTool', + iconClasses: 'fa fa-bars' + }); + + buttonData.push({ + id: 'magnify', + title: 'Magnify', + classes: 'imageViewerTool toolbarSectionButton', + iconClasses: 'fa fa-circle' + }); + + buttonData.push({ + id: 'wwwcRegion', + title: 'ROI Window', + classes: 'imageViewerTool', + iconClasses: 'fa fa-square' + }); + + buttonData.push({ + id: 'dragProbe', + title: 'Probe', + classes: 'imageViewerTool', + iconClasses: 'fa fa-dot-circle-o' + }); + + buttonData.push({ + id: 'ellipticalRoi', + title: 'Ellipse', + classes: 'imageViewerTool', + iconClasses: 'fa fa-circle-o' + }); + + buttonData.push({ + id: 'rectangleRoi', + title: 'Rectangle', + classes: 'imageViewerTool', + iconClasses: 'fa fa-square-o' + }); + + buttonData.push({ + id: 'invert', + title: 'Invert', + classes: 'imageViewerCommand', + iconClasses: 'fa fa-adjust' + }); + + buttonData.push({ + id: 'clearTools', + title: 'Clear', + classes: 'imageViewerCommand', + iconClasses: 'fa fa-trash' + }); + + return buttonData; + } + +}); + +Template.toolbarSection.onRendered(function() { + const instance = Template.instance(); + + // Set disabled/enabled tool buttons that are set in toolManager + const states = toolManager.getToolDefaultStates(); + const disabledToolButtons = states.disabledToolButtons; + const allToolbarButtons = $('#toolbar').find('button'); + if (disabledToolButtons && disabledToolButtons.length > 0) { + for (var i = 0; i < allToolbarButtons.length; i++) { + const toolbarButton = allToolbarButtons[i]; + $(toolbarButton).prop('disabled', false); + + const index = disabledToolButtons.indexOf($(toolbarButton).attr('id')); + if (index !== -1) { + $(toolbarButton).prop('disabled', true); + } + } + } +}); diff --git a/OHIFViewer/client/components/toolbarSection/toolbarSection.styl b/OHIFViewer/client/components/toolbarSection/toolbarSection.styl new file mode 100644 index 000000000..886b938e2 --- /dev/null +++ b/OHIFViewer/client/components/toolbarSection/toolbarSection.styl @@ -0,0 +1,14 @@ +@import "{design}/app" + +.toolbarSection + border-bottom: $uiBorderColor $uiBorderThickness solid + flex: 0 0 auto + height: $toolbarHeight + overflow: hidden + padding-top: 6px + position: relative + transition(height 300ms ease) + width: 100% + + &.expanded + height: $toolbarHeight + $toolbarDrawerHeight \ No newline at end of file diff --git a/OHIFViewer/client/components/viewer/viewer.html b/OHIFViewer/client/components/viewer/viewer.html index 533f1bd50..b8086484c 100644 --- a/OHIFViewer/client/components/viewer/viewer.html +++ b/OHIFViewer/client/components/viewer/viewer.html @@ -4,21 +4,7 @@ {{> cineDialog}}
-
-
- - Studies - -
-
- {{> toolbar }} -
-
- - Hanging Protocols - -
-
+ {{> toolbarSection (clone this)}} {{> flexboxLayout (clone this)}}
{{else}} diff --git a/Packages/design/components/roundedButtonGroup/roundedButtonGroup.html b/Packages/design/components/roundedButtonGroup/roundedButtonGroup.html index 5c92fbee8..8a7e671cf 100644 --- a/Packages/design/components/roundedButtonGroup/roundedButtonGroup.html +++ b/Packages/design/components/roundedButtonGroup/roundedButtonGroup.html @@ -11,6 +11,9 @@ {{#if item.text}} {{item.text}} {{/if}} + {{#if item.iconClasses}} + + {{/if}} {{#if item.bottomLabel}}
{{item.bottomLabel}}
diff --git a/Packages/design/components/roundedButtonGroup/roundedButtonGroup.styl b/Packages/design/components/roundedButtonGroup/roundedButtonGroup.styl index 38205a741..2558d0d72 100644 --- a/Packages/design/components/roundedButtonGroup/roundedButtonGroup.styl +++ b/Packages/design/components/roundedButtonGroup/roundedButtonGroup.styl @@ -35,6 +35,10 @@ $textColorActive = #2D2D2D svg span margin: 0 2px + + i + line-height: 15px + font-size: 15px .bottomLabel color: $textSecondaryColor diff --git a/Packages/design/styles/common/global.styl b/Packages/design/styles/common/global.styl index 23fde9535..ede2fbe15 100644 --- a/Packages/design/styles/common/global.styl +++ b/Packages/design/styles/common/global.styl @@ -3,7 +3,7 @@ html body font-family: 'Roboto', 'OpenSans', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif // Try to fix LT-273, need a monitor to test on though. - text-rendering: optimizeLegibility + //text-rendering: optimizeLegibility html hr border-top: 1px solid $uiBorderColor diff --git a/Packages/hangingprotocols/client/protocolEngine.js b/Packages/hangingprotocols/client/protocolEngine.js index e510c0c1f..70a38fc6f 100644 --- a/Packages/hangingprotocols/client/protocolEngine.js +++ b/Packages/hangingprotocols/client/protocolEngine.js @@ -569,7 +569,7 @@ HP.ProtocolEngine = class ProtocolEngine { }); currentViewportData.renderedCallback = function(element) { - console.log('renderedCallback for ' + element.id); + //console.log('renderedCallback for ' + element.id); customSettings.forEach(function(customSetting) { console.log('Applying custom setting: ' + customSetting.id); console.log('with value: ' + customSetting.value); diff --git a/Packages/lesiontracker/client/components/additionalFindings/additionalFindings.html b/Packages/lesiontracker/client/components/additionalFindings/additionalFindings.html index abad1c2f1..6c50cc4de 100644 --- a/Packages/lesiontracker/client/components/additionalFindings/additionalFindings.html +++ b/Packages/lesiontracker/client/components/additionalFindings/additionalFindings.html @@ -32,7 +32,7 @@
- +
Add new screen capture
@@ -43,7 +43,7 @@
- +
Add a comment
diff --git a/Packages/lesiontracker/client/components/lesionTableHUD/lesionTableHUD.html b/Packages/lesiontracker/client/components/lesionTableHUD/lesionTableHUD.html index 83c921ded..f53a69be4 100644 --- a/Packages/lesiontracker/client/components/lesionTableHUD/lesionTableHUD.html +++ b/Packages/lesiontracker/client/components/lesionTableHUD/lesionTableHUD.html @@ -3,7 +3,7 @@
Measurements - +
{{>lesionTableView (clone this)}} diff --git a/Packages/lesiontracker/client/components/lesionTableHUD/lesionTableHUD.js b/Packages/lesiontracker/client/components/lesionTableHUD/lesionTableHUD.js index beba656c0..6fb869383 100644 --- a/Packages/lesiontracker/client/components/lesionTableHUD/lesionTableHUD.js +++ b/Packages/lesiontracker/client/components/lesionTableHUD/lesionTableHUD.js @@ -26,21 +26,21 @@ Template.lesionTableHUD.helpers({ id: 'bidirectional', title: 'Target', classes: 'imageViewerTool', - svgLink: '/packages/lesiontracker/assets/icons.svg#icon-tools-measure-target' + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-measure-target' }); buttonData.push({ id: 'nonTarget', title: 'Non-Target', classes: 'imageViewerTool toolbarSectionButton', - svgLink: '/packages/lesiontracker/assets/icons.svg#icon-tools-measure-non-target' + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-measure-non-target' }); buttonData.push({ id: 'length', title: 'Temp', classes: 'imageViewerTool toolbarSectionButton', - svgLink: '/packages/lesiontracker/assets/icons.svg#icon-tools-measure-temp' + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-measure-temp' }); return buttonData; diff --git a/Packages/lesiontracker/client/components/lesionTableHeaderRow/lesionTableHeaderRow.html b/Packages/lesiontracker/client/components/lesionTableHeaderRow/lesionTableHeaderRow.html index 81db5edf0..055b6f2b3 100644 --- a/Packages/lesiontracker/client/components/lesionTableHeaderRow/lesionTableHeaderRow.html +++ b/Packages/lesiontracker/client/components/lesionTableHeaderRow/lesionTableHeaderRow.html @@ -2,7 +2,7 @@
- +
diff --git a/Packages/lesiontracker/client/components/lesionTableRow/lesionTableRow.html b/Packages/lesiontracker/client/components/lesionTableRow/lesionTableRow.html index fb4e124e9..b60e9552d 100644 --- a/Packages/lesiontracker/client/components/lesionTableRow/lesionTableRow.html +++ b/Packages/lesiontracker/client/components/lesionTableRow/lesionTableRow.html @@ -7,7 +7,7 @@ {{#unless rowItem.location}}
- +
{{/unless}} @@ -34,13 +34,13 @@
- + Rename
- + Delete
diff --git a/Packages/lesiontracker/client/components/lesionTracker/lesionTracker.styl b/Packages/lesiontracker/client/components/lesionTracker/lesionTracker.styl index 5675b8f39..0c25c7f69 100644 --- a/Packages/lesiontracker/client/components/lesionTracker/lesionTracker.styl +++ b/Packages/lesiontracker/client/components/lesionTracker/lesionTracker.styl @@ -18,7 +18,6 @@ img.logoImage text-decoration: none img.logoImage - max-height: 50px margin: 0 5px .logoText diff --git a/Packages/lesiontracker/client/components/radialProgressBar/radialProgressBar.html b/Packages/lesiontracker/client/components/radialProgressBar/radialProgressBar.html index cc9d52782..99b6fe915 100644 --- a/Packages/lesiontracker/client/components/radialProgressBar/radialProgressBar.html +++ b/Packages/lesiontracker/client/components/radialProgressBar/radialProgressBar.html @@ -29,12 +29,12 @@
{{#if isLocked}} - + {{else}} {{#if progressComplete}} - + {{else}} {{progressText}} diff --git a/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.html b/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.html index 72eb70a10..88121394c 100644 --- a/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.html +++ b/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.html @@ -4,32 +4,8 @@
{{>roundedButtonGroup leftSidebarToggleButtonData}}
-
- {{#each toolbarButton in toolbarButtons}} - {{>toolbarSectionButton toolbarButton}} - {{/each}} -
-
- - - -
-
- More - -
-
- -
- -
- {{#each toolbarButton in extraToolbarButtons}} - {{>toolbarSectionButton toolbarButton}} - {{/each}} -
-
-
+ {{> toolbarSectionTools toolbarButtons=toolbarButtons extraToolbarButtons=extraToolbarButtons}} {{#if splitView}} {{>studySeriesQuickSwitch (clone this side="right" viewportIndex=1)}} @@ -47,7 +23,7 @@
- +
HUD
@@ -55,7 +31,7 @@
- +
Trial
diff --git a/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.js b/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.js index 4fbf82a96..a25ba6f95 100644 --- a/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.js +++ b/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.js @@ -22,7 +22,7 @@ Template.toolbarSection.helpers({ value: instance.data.state, options: [{ value: 'studies', - svgLink: '/packages/lesiontracker/assets/icons.svg#icon-studies', + svgLink: '/packages/viewerbase/assets/icons.svg#icon-studies', svgWidth: 15, svgHeight: 13, bottomLabel: 'Studies' @@ -38,13 +38,13 @@ Template.toolbarSection.helpers({ value: instance.data.state, options: [{ value: 'lesions', - svgLink: '/packages/lesiontracker/assets/icons.svg#icon-measurements-lesions', + svgLink: '/packages/viewerbase/assets/icons.svg#icon-measurements-lesions', svgWidth: 18, svgHeight: 10, bottomLabel: 'Lesions' }, { value: 'additional', - svgLink: '/packages/lesiontracker/assets/icons.svg#icon-measurements-additional', + svgLink: '/packages/viewerbase/assets/icons.svg#icon-measurements-additional', svgWidth: 14, svgHeight: 13, bottomLabel: 'Additional' @@ -58,49 +58,49 @@ Template.toolbarSection.helpers({ id: 'zoom', title: 'Zoom', classes: 'imageViewerTool', - svgLink: '/packages/lesiontracker/assets/icons.svg#icon-tools-zoom' + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-zoom' }); buttonData.push({ id: 'wwwc', title: 'Levels', classes: 'imageViewerTool', - svgLink: '/packages/lesiontracker/assets/icons.svg#icon-tools-levels' + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-levels' }); buttonData.push({ id: 'pan', title: 'Pan', classes: 'imageViewerTool', - svgLink: '/packages/lesiontracker/assets/icons.svg#icon-tools-pan' + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-pan' }); buttonData.push({ id: 'link', title: 'Link', classes: 'imageViewerCommand toolbarSectionButton', - svgLink: '/packages/lesiontracker/assets/icons.svg#icon-tools-link' + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-link' }); buttonData.push({ id: 'bidirectional', title: 'Target', classes: 'imageViewerTool rm-l-3', - svgLink: '/packages/lesiontracker/assets/icons.svg#icon-tools-measure-target' + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-measure-target' }); buttonData.push({ id: 'nonTarget', title: 'Non-Target', classes: 'imageViewerTool toolbarSectionButton', - svgLink: '/packages/lesiontracker/assets/icons.svg#icon-tools-measure-non-target' + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-measure-non-target' }); buttonData.push({ id: 'length', title: 'Temp', classes: 'imageViewerTool toolbarSectionButton', - svgLink: '/packages/lesiontracker/assets/icons.svg#icon-tools-measure-temp' + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-measure-temp' }); return buttonData; @@ -114,21 +114,21 @@ Template.toolbarSection.helpers({ id: 'crTool', title: 'CR Tool', classes: 'imageViewerTool toolbarSectionButton', - svgLink: '/packages/lesiontracker/assets/icons.svg#icon-tools-measure-temp' + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-measure-temp' }); buttonData.push({ id: 'unTool', title: 'UN Tool', classes: 'imageViewerTool toolbarSectionButton', - svgLink: '/packages/lesiontracker/assets/icons.svg#icon-tools-measure-temp' + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-measure-temp' }); buttonData.push({ id: 'exTool', title: 'EX Tool', classes: 'imageViewerTool toolbarSectionButton', - svgLink: '/packages/lesiontracker/assets/icons.svg#icon-tools-measure-temp' + svgLink: '/packages/viewerbase/assets/icons.svg#icon-tools-measure-temp' }); return buttonData; @@ -140,23 +140,11 @@ Template.toolbarSection.events({ 'click #toggleHUD'(event, instance) { const state = Session.get('lesionTableHudOpen'); Session.set('lesionTableHudOpen', !state); - }, - 'click #moreTools'(event, instance) { - const $target = $(event.currentTarget); - const isActive = $target.hasClass('active'); - $target.toggleClass('active', !isActive); - $target.closest('.toolbarSection').toggleClass('expanded', !isActive); } }); Template.toolbarSection.onRendered(function() { const instance = Template.instance(); - const tooltipButtons = instance.$('[data-toggle="tooltip"]'); - tooltipButtons.tooltip(OHIF.viewer.tooltipConfig); - - // Enable tooltips for the layout button - const extraTooltipButtons = instance.$('[rel="tooltip"]'); - extraTooltipButtons.tooltip(OHIF.viewer.tooltipConfig); // Set disabled/enabled tool buttons that are set in toolManager const states = toolManager.getToolDefaultStates(); diff --git a/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.styl b/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.styl index 611373607..389e1ecec 100644 --- a/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.styl +++ b/Packages/lesiontracker/client/components/toolbarSection/toolbarSection.styl @@ -13,84 +13,6 @@ &.expanded height: $toolbarHeight + $toolbarDrawerHeight - .toolbarSectionTools - position: relative - - .toolbarSectionDrawerContainer - bottom: - ($toolbarDrawerHeight + 12px) - height: $toolbarDrawerHeight - left: 0 - position: absolute - width: 100% - - .toolbarSectionDrawer - background-color: $uiGrayDarker - border-radius: 7px - color: $textPrimaryColor - content: '' - display: block - font-size: 18px - height: $toolbarDrawerHeight - 12px - line-height: $toolbarDrawerHeight - 12px - text-align: center - width: 100% - - #moreTools - - .buttonLabel i - text-align: center - transition(all 300ms ease) - width: 8px - - &.active .buttonLabel i - transform(rotateX(180deg)) - - - .toolbarSectionButton - display: inline-block - color: $defaultColor - fill: $defaultColor - stroke: $defaultColor - min-width: 30px - cursor: pointer - text-align: center - - &.disabled - opacity: 0.5 - cursor: not-allowed - - .buttonLabel - color: $textSecondaryColor - font-size: 12px - - .svgContainer - margin: 0 auto - text-align: center - - svg - background-color: transparent - margin: 2px - width: 21px - height: 21px - - - &:hover - - .buttonLabel - color: $hoverColor - - svg - fill: $hoverColor - stroke: $hoverColor - - &:active, &.active - .buttonLabel - color: $activeColor - - svg - fill: $activeColor - stroke: $activeColor - .toolbarSectionEntry color: $defaultColor cursor: pointer @@ -99,4 +21,4 @@ margin-top: 3px min-width: 30px stroke: $defaultColor - text-align: center + text-align: center \ No newline at end of file diff --git a/Packages/lesiontracker/client/components/toolbarSectionButton/toolbarSectionButton.styl b/Packages/lesiontracker/client/components/toolbarSectionButton/toolbarSectionButton.styl deleted file mode 100644 index e69de29bb..000000000 diff --git a/Packages/lesiontracker/package.js b/Packages/lesiontracker/package.js index ec78a04bc..e7a8354d2 100644 --- a/Packages/lesiontracker/package.js +++ b/Packages/lesiontracker/package.js @@ -56,8 +56,6 @@ Package.onUse(function(api) { bare: true }); - api.addAssets('assets/icons.svg', 'client'); - // UI Components api.addFiles('client/components/viewer/viewer.html', 'client'); api.addFiles('client/components/viewer/viewer.styl', 'client'); @@ -67,10 +65,6 @@ Package.onUse(function(api) { api.addFiles('client/components/flexboxLayout/flexboxLayout.styl', 'client'); api.addFiles('client/components/flexboxLayout/flexboxLayout.js', 'client'); - api.addFiles('client/components/toolbarSectionButton/toolbarSectionButton.html', 'client'); - api.addFiles('client/components/toolbarSectionButton/toolbarSectionButton.styl', 'client'); - api.addFiles('client/components/toolbarSectionButton/toolbarSectionButton.js', 'client'); - api.addFiles('client/components/toolbarSection/toolbarSection.html', 'client'); api.addFiles('client/components/toolbarSection/toolbarSection.styl', 'client'); api.addFiles('client/components/toolbarSection/toolbarSection.js', 'client'); diff --git a/Packages/viewerbase/assets/icons.svg b/Packages/viewerbase/assets/icons.svg new file mode 100644 index 000000000..cd0aada75 --- /dev/null +++ b/Packages/viewerbase/assets/icons.svg @@ -0,0 +1,187 @@ + + + + HUD + + + + + + + + + + + Additional Measurements + + + + + + + + Lesions + + + + + + + + Settings + + + + + + Complete + + + + + + + + Locked + + + + + + Studies + + + + + + + + Window / Level + + + + + + + + + Link + + + + + + + + + Non-Target Measurement + + + + + + + + + + Target Measurement + + + + + + + + + Temporary Measurement + + + + + + + + + + More + + + + + + + + Pan + + + + + + + + + + + + + Zoom + + + + + + + + + Trial Information + + + + + + + + Expand + + + + + + Add + + + + + + Close + + + + + + + + Comment + + + + + + + Capture Screen + + + + + + + + + + Warning + + + + + + diff --git a/Packages/viewerbase/assets/sprites.svg b/Packages/viewerbase/assets/sprites.svg new file mode 100644 index 000000000..426f99ade --- /dev/null +++ b/Packages/viewerbase/assets/sprites.svg @@ -0,0 +1,699 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Packages/lesiontracker/client/components/toolbarSectionButton/toolbarSectionButton.html b/Packages/viewerbase/client/components/viewer/toolbarSectionButton/toolbarSectionButton.html similarity index 76% rename from Packages/lesiontracker/client/components/toolbarSectionButton/toolbarSectionButton.html rename to Packages/viewerbase/client/components/viewer/toolbarSectionButton/toolbarSectionButton.html index 919ca619d..8dcdb356e 100644 --- a/Packages/lesiontracker/client/components/toolbarSectionButton/toolbarSectionButton.html +++ b/Packages/viewerbase/client/components/viewer/toolbarSectionButton/toolbarSectionButton.html @@ -1,9 +1,13 @@