updates
This commit is contained in:
Ibrahim committed
1 parent
9ff4ece541
commit
e91811ff23
11 files changed
+377
-61
No files matched your search
@@ -298,27 +298,97 @@ window.config = {
|
||||
steps: [
|
||||
{
|
||||
id: 'scroll',
|
||||
text: 'You can scroll through the images using the mouse wheel.',
|
||||
text: 'You can scroll through the images using the mouse wheel or scrollbar.',
|
||||
attachTo: {
|
||||
element: '.viewport-element',
|
||||
element: '.scroll',
|
||||
on: 'left-start',
|
||||
},
|
||||
advanceOn: {
|
||||
selector: '.cornerstone-viewport-element',
|
||||
event: 'CORNERSTONE_STACK_VIEWPORT_SCROLL',
|
||||
},
|
||||
/**
|
||||
buttons: [
|
||||
{
|
||||
text: 'Next',
|
||||
action() {
|
||||
this.next();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Skip',
|
||||
action() {
|
||||
this.cancel();
|
||||
},
|
||||
},
|
||||
],
|
||||
*/
|
||||
},
|
||||
{
|
||||
id: 'zoom',
|
||||
text: 'You can zoom the images using the right click.',
|
||||
attachTo: {
|
||||
element: '.viewport-element',
|
||||
on: 'left-start',
|
||||
},
|
||||
advanceOn: {
|
||||
selector: '.cornerstone-viewport-element',
|
||||
event: 'CORNERSTONE_CAMERA_MODIFIED',
|
||||
},
|
||||
/**
|
||||
buttons: [
|
||||
{
|
||||
text: 'Next',
|
||||
action() {
|
||||
this.next();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Skip',
|
||||
action() {
|
||||
this.cancel();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Back',
|
||||
action() {
|
||||
this.back();
|
||||
},
|
||||
},
|
||||
],
|
||||
*/
|
||||
},
|
||||
{
|
||||
id: 'pan',
|
||||
text: 'You can pan the images using the middle click.',
|
||||
attachTo: {
|
||||
element: '.viewport-element',
|
||||
on: 'left-start',
|
||||
},
|
||||
advanceOn: {
|
||||
selector: '.cornerstone-viewport-element',
|
||||
event: 'CORNERSTONE_TOOLS_MOUSE_DRAG',
|
||||
},
|
||||
/**
|
||||
buttons: [
|
||||
{
|
||||
text: 'Next',
|
||||
action() {
|
||||
this.next();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Skip',
|
||||
action() {
|
||||
this.cancel();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Back',
|
||||
action() {
|
||||
this.back();
|
||||
},
|
||||
},
|
||||
],
|
||||
*/
|
||||
},
|
||||
{
|
||||
id: 'windowing',
|
||||
@@ -327,14 +397,58 @@ window.config = {
|
||||
element: '.viewport-element',
|
||||
on: 'left-start',
|
||||
},
|
||||
/**
|
||||
buttons: [
|
||||
{
|
||||
text: 'Next',
|
||||
action() {
|
||||
this.next();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Skip',
|
||||
action() {
|
||||
this.cancel();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Back',
|
||||
action() {
|
||||
this.back();
|
||||
},
|
||||
},
|
||||
],
|
||||
*/
|
||||
},
|
||||
{
|
||||
id: 'length',
|
||||
text: 'You can measure the length of a region using the Length tool.',
|
||||
attachTo: {
|
||||
element: '.MeasurementTools-split-button-primary',
|
||||
element: '[data-cy="MeasurementTools-split-button-primary"]',
|
||||
on: 'bottom',
|
||||
},
|
||||
/**
|
||||
buttons: [
|
||||
{
|
||||
text: 'Next',
|
||||
action() {
|
||||
this.next();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Skip',
|
||||
action() {
|
||||
this.cancel();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Back',
|
||||
action() {
|
||||
this.back();
|
||||
},
|
||||
},
|
||||
],
|
||||
*/
|
||||
},
|
||||
{
|
||||
id: 'drawAnnotation',
|
||||
@@ -343,6 +457,28 @@ window.config = {
|
||||
element: '.viewport-element',
|
||||
on: 'left-start',
|
||||
},
|
||||
/**
|
||||
buttons: [
|
||||
{
|
||||
text: 'Next',
|
||||
action() {
|
||||
this.next();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Skip',
|
||||
action() {
|
||||
this.cancel();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Back',
|
||||
action() {
|
||||
this.back();
|
||||
},
|
||||
},
|
||||
],
|
||||
*/
|
||||
},
|
||||
{
|
||||
id: 'trackMeasurement',
|
||||
@@ -351,6 +487,28 @@ window.config = {
|
||||
element: '[data-cy="prompt-begin-tracking-yes-btn"]',
|
||||
on: 'bottom',
|
||||
},
|
||||
/**
|
||||
buttons: [
|
||||
{
|
||||
text: 'Next',
|
||||
action() {
|
||||
this.next();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Skip',
|
||||
action() {
|
||||
this.cancel();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Back',
|
||||
action() {
|
||||
this.back();
|
||||
},
|
||||
},
|
||||
],
|
||||
*/
|
||||
},
|
||||
{
|
||||
id: 'openMeasurementPanel',
|
||||
@@ -359,6 +517,28 @@ window.config = {
|
||||
element: '#trackedMeasurements-btn',
|
||||
on: 'left-start',
|
||||
},
|
||||
/**
|
||||
buttons: [
|
||||
{
|
||||
text: 'Next',
|
||||
action() {
|
||||
this.next();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Skip',
|
||||
action() {
|
||||
this.cancel();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Back',
|
||||
action() {
|
||||
this.back();
|
||||
},
|
||||
},
|
||||
],
|
||||
*/
|
||||
},
|
||||
{
|
||||
id: 'scrollAwayFromMeasurement',
|
||||
@@ -367,6 +547,28 @@ window.config = {
|
||||
element: '.viewport-element',
|
||||
on: 'left-start',
|
||||
},
|
||||
/**
|
||||
buttons: [
|
||||
{
|
||||
text: 'Next',
|
||||
action() {
|
||||
this.next();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Skip',
|
||||
action() {
|
||||
this.cancel();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Back',
|
||||
action() {
|
||||
this.back();
|
||||
},
|
||||
},
|
||||
],
|
||||
*/
|
||||
},
|
||||
{
|
||||
id: 'jumpToMeasurement',
|
||||
@@ -375,6 +577,28 @@ window.config = {
|
||||
element: '[data-cy="measurement-item"]',
|
||||
on: 'left-start',
|
||||
},
|
||||
/**
|
||||
buttons: [
|
||||
{
|
||||
text: 'Next',
|
||||
action() {
|
||||
this.next();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Skip',
|
||||
action() {
|
||||
this.cancel();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Back',
|
||||
action() {
|
||||
this.back();
|
||||
},
|
||||
},
|
||||
],
|
||||
*/
|
||||
},
|
||||
{
|
||||
id: 'changeLayout',
|
||||
@@ -383,6 +607,28 @@ window.config = {
|
||||
element: '[data-cy="Layout"]',
|
||||
on: 'bottom',
|
||||
},
|
||||
/**
|
||||
buttons: [
|
||||
{
|
||||
text: 'Next',
|
||||
action() {
|
||||
this.next();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Skip',
|
||||
action() {
|
||||
this.cancel();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Back',
|
||||
action() {
|
||||
this.back();
|
||||
},
|
||||
},
|
||||
],
|
||||
*/
|
||||
},
|
||||
{
|
||||
id: 'selectLayout',
|
||||
@@ -391,6 +637,28 @@ window.config = {
|
||||
element: '[data-cy="MPR"]',
|
||||
on: 'left-start',
|
||||
},
|
||||
/**
|
||||
buttons: [
|
||||
{
|
||||
text: 'Complete',
|
||||
action() {
|
||||
this.complete();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Skip',
|
||||
action() {
|
||||
this.cancel();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: 'Back',
|
||||
action() {
|
||||
this.back();
|
||||
},
|
||||
},
|
||||
],
|
||||
*/
|
||||
},
|
||||
],
|
||||
tourOptions: {},
|
||||
|
||||
@@ -24,13 +24,14 @@ import {
|
||||
UserAuthenticationProvider,
|
||||
ToolboxProvider,
|
||||
} from '@ohif/ui';
|
||||
import { ThemeWrapper as ThemeWrapperNext, OnboardingProvider } from '@ohif/ui-next';
|
||||
import { ThemeWrapper as ThemeWrapperNext } from '@ohif/ui-next';
|
||||
// Viewer Project
|
||||
// TODO: Should this influence study list?
|
||||
import { AppConfigProvider } from '@state';
|
||||
import createRoutes from './routes';
|
||||
import appInit from './appInit.js';
|
||||
import OpenIdConnectRoutes from './utils/OpenIdConnectRoutes';
|
||||
import { ShepherdJourneyProvider } from 'react-shepherd';
|
||||
|
||||
let commandsManager: CommandsManager,
|
||||
extensionManager: ExtensionManager,
|
||||
@@ -99,7 +100,6 @@ function App({
|
||||
cineService,
|
||||
userAuthenticationService,
|
||||
customizationService,
|
||||
onboardingService,
|
||||
} = servicesManager.services;
|
||||
|
||||
const providers = [
|
||||
@@ -116,7 +116,7 @@ function App({
|
||||
[SnackbarProvider, { service: uiNotificationService }],
|
||||
[DialogProvider, { service: uiDialogService }],
|
||||
[ModalProvider, { service: uiModalService, modal: Modal }],
|
||||
[OnboardingProvider],
|
||||
[ShepherdJourneyProvider],
|
||||
];
|
||||
|
||||
// Loop through and register each of the service providers registered with the ServiceProvidersManager.
|
||||
|
||||
@@ -34,6 +34,7 @@ import {
|
||||
import { Types } from '@ohif/ui';
|
||||
|
||||
import i18n from '@ohif/i18n';
|
||||
import { Onboarding } from '@ohif/ui-next';
|
||||
|
||||
const PatientInfoVisibility = Types.PatientInfoVisibility;
|
||||
|
||||
@@ -411,7 +412,7 @@ function WorkList({
|
||||
disabled={!isValidMode}
|
||||
startIconTooltip={
|
||||
!isValidMode ? (
|
||||
<div className="font-inter flex w-[206px] whitespace-normal text-left text-xs font-normal text-white ">
|
||||
<div className="font-inter flex w-[206px] whitespace-normal text-left text-xs font-normal text-white">
|
||||
{invalidModeDescription}
|
||||
</div>
|
||||
) : null
|
||||
@@ -534,6 +535,7 @@ function WorkList({
|
||||
WhiteLabeling={appConfig.whiteLabeling}
|
||||
showPatientInfo={PatientInfoVisibility.DISABLED}
|
||||
/>
|
||||
<Onboarding />
|
||||
<InvestigationalUseDialog dialogConfiguration={appConfig?.investigationalUseDialog} />
|
||||
<div className="ohif-scrollbar ohif-scrollbar-stable-gutter flex grow flex-col overflow-y-auto sm:px-5">
|
||||
<StudyListFilter
|
||||
|
||||
Reference in new issue
Block a user