othmane/ohif-viewer
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

updates

Browse Source
This commit is contained in:
Ibrahim 2024-09-27 15:44:01 -04:00
parent ea7a3e07cb
commit 579c0c9d01
5 changed files with 47 additions and 249 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
extensions/default/src/ViewerLayout/index.tsx
View File

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

284
platform/app/public/config/default.js
View File

@ -332,30 +332,8 @@ window.config = {
}, },
advanceOn: { advanceOn: {
selector: '.cornerstone-viewport-element', selector: '.cornerstone-viewport-element',
event: 'CORNERSTONE_CAMERA_MODIFIED', event: 'CORNERSTONE_TOOLS_MOUSE_UP',
}, },
/**
buttons: [
{
text: 'Next',
action() {
this.next();
},
},
{
text: 'Skip',
action() {
this.cancel();
},
},
{
text: 'Back',
action() {
this.back();
},
},
],
*/
}, },
{ {
id: 'pan', id: 'pan',
@ -365,30 +343,8 @@ window.config = {
}, },
advanceOn: { advanceOn: {
selector: '.cornerstone-viewport-element', selector: '.cornerstone-viewport-element',
event: 'CORNERSTONE_TOOLS_MOUSE_DRAG', event: 'CORNERSTONE_TOOLS_MOUSE_UP',
}, },
/**
buttons: [
{
text: 'Next',
action() {
this.next();
},
},
{
text: 'Skip',
action() {
this.cancel();
},
},
{
text: 'Back',
action() {
this.back();
},
},
],
*/
}, },
{ {
id: 'windowing', id: 'windowing',
@ -397,28 +353,10 @@ window.config = {
element: '.viewport-element', element: '.viewport-element',
on: 'left-start', on: 'left-start',
}, },
/** advanceOn: {
buttons: [ selector: '.cornerstone-viewport-element',
{ event: 'CORNERSTONE_TOOLS_MOUSE_UP',
text: 'Next', },
action() {
this.next();
},
},
{
text: 'Skip',
action() {
this.cancel();
},
},
{
text: 'Back',
action() {
this.back();
},
},
],
*/
}, },
{ {
id: 'length', id: 'length',
@ -427,28 +365,10 @@ window.config = {
element: '[data-cy="MeasurementTools-split-button-primary"]', element: '[data-cy="MeasurementTools-split-button-primary"]',
on: 'bottom', on: 'bottom',
}, },
/** advanceOn: {
buttons: [ selector: '[data-cy="MeasurementTools-split-button-primary"]',
{ event: 'click',
text: 'Next', },
action() {
this.next();
},
},
{
text: 'Skip',
action() {
this.cancel();
},
},
{
text: 'Back',
action() {
this.back();
},
},
],
*/
}, },
{ {
id: 'drawAnnotation', id: 'drawAnnotation',
@ -457,28 +377,10 @@ window.config = {
element: '.viewport-element', element: '.viewport-element',
on: 'left-start', on: 'left-start',
}, },
/** advanceOn: {
buttons: [ selector: 'body',
{ event: 'event::measurement_added',
text: 'Next', },
action() {
this.next();
},
},
{
text: 'Skip',
action() {
this.cancel();
},
},
{
text: 'Back',
action() {
this.back();
},
},
],
*/
}, },
{ {
id: 'trackMeasurement', id: 'trackMeasurement',
@ -487,28 +389,10 @@ window.config = {
element: '[data-cy="prompt-begin-tracking-yes-btn"]', element: '[data-cy="prompt-begin-tracking-yes-btn"]',
on: 'bottom', on: 'bottom',
}, },
/** advanceOn: {
buttons: [ selector: '[data-cy="prompt-begin-tracking-yes-btn"]',
{ event: 'click',
text: 'Next', },
action() {
this.next();
},
},
{
text: 'Skip',
action() {
this.cancel();
},
},
{
text: 'Back',
action() {
this.back();
},
},
],
*/
}, },
{ {
id: 'openMeasurementPanel', id: 'openMeasurementPanel',
@ -517,58 +401,22 @@ window.config = {
element: '#trackedMeasurements-btn', element: '#trackedMeasurements-btn',
on: 'left-start', on: 'left-start',
}, },
/** advanceOn: {
buttons: [ selector: '#trackedMeasurements-btn',
{ event: 'click',
text: 'Next', },
action() {
this.next();
},
},
{
text: 'Skip',
action() {
this.cancel();
},
},
{
text: 'Back',
action() {
this.back();
},
},
],
*/
}, },
{ {
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: '.viewport-element', element: '.scroll',
on: 'left-start', on: 'left-start',
}, },
/** advanceOn: {
buttons: [ selector: '.cornerstone-viewport-element',
{ event: 'CORNERSTONE_TOOLS_MOUSE_WHEEL',
text: 'Next', },
action() {
this.next();
},
},
{
text: 'Skip',
action() {
this.cancel();
},
},
{
text: 'Back',
action() {
this.back();
},
},
],
*/
}, },
{ {
id: 'jumpToMeasurement', id: 'jumpToMeasurement',
@ -577,28 +425,10 @@ window.config = {
element: '[data-cy="measurement-item"]', element: '[data-cy="measurement-item"]',
on: 'left-start', on: 'left-start',
}, },
/** advanceOn: {
buttons: [ selector: '[data-cy="measurement-item"]',
{ event: 'click',
text: 'Next', },
action() {
this.next();
},
},
{
text: 'Skip',
action() {
this.cancel();
},
},
{
text: 'Back',
action() {
this.back();
},
},
],
*/
}, },
{ {
id: 'changeLayout', id: 'changeLayout',
@ -607,28 +437,10 @@ window.config = {
element: '[data-cy="Layout"]', element: '[data-cy="Layout"]',
on: 'bottom', on: 'bottom',
}, },
/** advanceOn: {
buttons: [ selector: '[data-cy="Layout"]',
{ event: 'click',
text: 'Next', },
action() {
this.next();
},
},
{
text: 'Skip',
action() {
this.cancel();
},
},
{
text: 'Back',
action() {
this.back();
},
},
],
*/
}, },
{ {
id: 'selectLayout', id: 'selectLayout',
@ -637,28 +449,10 @@ window.config = {
element: '[data-cy="MPR"]', element: '[data-cy="MPR"]',
on: 'left-start', on: 'left-start',
}, },
/** advanceOn: {
buttons: [ selector: '[data-cy="MPR"]',
{ event: 'click',
text: 'Complete', },
action() {
this.complete();
},
},
{
text: 'Skip',
action() {
this.cancel();
},
},
{
text: 'Back',
action() {
this.back();
},
},
],
*/
}, },
], ],
tourOptions: {}, tourOptions: {},

2
platform/app/src/routes/WorkList/WorkList.tsx
View File

@ -535,7 +535,7 @@ function WorkList({
WhiteLabeling={appConfig.whiteLabeling} WhiteLabeling={appConfig.whiteLabeling}
showPatientInfo={PatientInfoVisibility.DISABLED} showPatientInfo={PatientInfoVisibility.DISABLED}
/> />
<Onboarding /> <Onboarding servicesManager={servicesManager} />
<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

3
platform/core/src/services/_shared/pubSubServiceInterface.ts
View File

@ -80,6 +80,9 @@ function _broadcastEvent(eventName, callbackProps) {
const hasListeners = Object.keys(this.listeners).length > 0; const hasListeners = Object.keys(this.listeners).length > 0;
const hasCallbacks = Array.isArray(this.listeners[eventName]); const hasCallbacks = Array.isArray(this.listeners[eventName]);
const event = new CustomEvent(eventName, { detail: callbackProps });
document.body.dispatchEvent(event);
if (hasListeners && hasCallbacks) { if (hasListeners && hasCallbacks) {
this.listeners[eventName].forEach(listener => { this.listeners[eventName].forEach(listener => {
listener.callback(callbackProps); listener.callback(callbackProps);

5
platform/ui-next/src/components/Onboarding/Onboarding.tsx
View File

@ -17,7 +17,7 @@ const markTourAsShown = (tourId: string) => {
} }
}; };
const Onboarding = () => { const Onboarding = ({ servicesManager }: withAppTypes) => {
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<{
@ -50,7 +50,7 @@ const Onboarding = () => {
} }
}); });
if (!hasTourBeenShown(matchingTour.id)) { if (true) {
observer.observe(document.body, { childList: true, subtree: true }); observer.observe(document.body, { childList: true, subtree: true });
setTimeout(() => observer.disconnect(), 5000); setTimeout(() => observer.disconnect(), 5000);
} }
@ -59,6 +59,7 @@ const Onboarding = () => {
startTour(); startTour();
} }
}, [Shepherd, tours, location.pathname]); }, [Shepherd, tours, location.pathname]);
return null; return null;
}; };