This commit is contained in:
Ibrahim 2024-09-27 16:14:14 -04:00
parent 579c0c9d01
commit 08d329add4
4 changed files with 13 additions and 10 deletions

View File

@ -156,7 +156,7 @@ function ViewerLayout({
) : null} ) : null}
</React.Fragment> </React.Fragment>
</div> </div>
<Onboarding servicesManager={servicesManager} /> <Onboarding />
<InvestigationalUseDialog dialogConfiguration={appConfig?.investigationalUseDialog} /> <InvestigationalUseDialog dialogConfiguration={appConfig?.investigationalUseDialog} />
</div> </div>
); );

View File

@ -300,8 +300,8 @@ window.config = {
id: 'scroll', id: 'scroll',
text: 'You can scroll through the images using the mouse wheel or scrollbar.', text: 'You can scroll through the images using the mouse wheel or scrollbar.',
attachTo: { attachTo: {
element: '.scroll', element: '.viewport-element',
on: 'left-start', on: 'top',
}, },
advanceOn: { advanceOn: {
selector: '.cornerstone-viewport-element', selector: '.cornerstone-viewport-element',
@ -329,6 +329,7 @@ window.config = {
text: 'You can zoom the images using the right click.', text: 'You can zoom the images using the right click.',
attachTo: { attachTo: {
element: '.viewport-element', element: '.viewport-element',
on: 'top',
}, },
advanceOn: { advanceOn: {
selector: '.cornerstone-viewport-element', selector: '.cornerstone-viewport-element',
@ -340,6 +341,7 @@ window.config = {
text: 'You can pan the images using the middle click.', text: 'You can pan the images using the middle click.',
attachTo: { attachTo: {
element: '.viewport-element', element: '.viewport-element',
on: 'top',
}, },
advanceOn: { advanceOn: {
selector: '.cornerstone-viewport-element', selector: '.cornerstone-viewport-element',
@ -351,7 +353,7 @@ window.config = {
text: 'You can modify the window level using the left click.', text: 'You can modify the window level using the left click.',
attachTo: { attachTo: {
element: '.viewport-element', element: '.viewport-element',
on: 'left-start', on: 'top',
}, },
advanceOn: { advanceOn: {
selector: '.cornerstone-viewport-element', selector: '.cornerstone-viewport-element',
@ -375,7 +377,7 @@ window.config = {
text: 'Use the length tool on the viewport to measure the length of a region.', text: 'Use the length tool on the viewport to measure the length of a region.',
attachTo: { attachTo: {
element: '.viewport-element', element: '.viewport-element',
on: 'left-start', on: 'top',
}, },
advanceOn: { advanceOn: {
selector: 'body', selector: 'body',
@ -410,7 +412,7 @@ window.config = {
id: 'scrollAwayFromMeasurement', id: 'scrollAwayFromMeasurement',
text: 'Scroll the images using the mouse wheel away from the measurement.', text: 'Scroll the images using the mouse wheel away from the measurement.',
attachTo: { attachTo: {
element: '.scroll', element: '.viewport-element',
on: 'left-start', on: 'left-start',
}, },
advanceOn: { advanceOn: {
@ -455,7 +457,9 @@ window.config = {
}, },
}, },
], ],
tourOptions: {}, tourOptions: {
useModalOverlay: true,
},
}, },
], ],
}; };

View File

@ -535,7 +535,7 @@ function WorkList({
WhiteLabeling={appConfig.whiteLabeling} WhiteLabeling={appConfig.whiteLabeling}
showPatientInfo={PatientInfoVisibility.DISABLED} showPatientInfo={PatientInfoVisibility.DISABLED}
/> />
<Onboarding servicesManager={servicesManager} /> <Onboarding />
<InvestigationalUseDialog dialogConfiguration={appConfig?.investigationalUseDialog} /> <InvestigationalUseDialog dialogConfiguration={appConfig?.investigationalUseDialog} />
<div className="ohif-scrollbar ohif-scrollbar-stable-gutter flex grow flex-col overflow-y-auto sm:px-5"> <div className="ohif-scrollbar ohif-scrollbar-stable-gutter flex grow flex-col overflow-y-auto sm:px-5">
<StudyListFilter <StudyListFilter

View File

@ -17,7 +17,7 @@ const markTourAsShown = (tourId: string) => {
} }
}; };
const Onboarding = ({ servicesManager }: withAppTypes) => { const Onboarding = () => {
const Shepherd = useShepherd(); const Shepherd = useShepherd();
const location = useLocation(); const location = useLocation();
const tours = window.config.tours as Array<{ const tours = window.config.tours as Array<{
@ -59,7 +59,6 @@ const Onboarding = ({ servicesManager }: withAppTypes) => {
startTour(); startTour();
} }
}, [Shepherd, tours, location.pathname]); }, [Shepherd, tours, location.pathname]);
return null; return null;
}; };