Thanks @jbocce for your answer.
I’m using this DICOM Viewer “NEXTCLOUD DICOM-VIEWER” that I downloaded and edited into LARAVEL (in /modules/insurance/dicomviewer folder of my LARAVEL Application).
I think this DICOM Viewer is based on OHIF because of its design. This DICOM Viewer requires thses following Packages:
"cornerstone-core": "^2.2.8",
"cornerstone-math": "^0.1.7",
"cornerstone-tools": "^2.4.0",
"cornerstone-wado-image-loader": "^2.2.3",
"dicom-parser": "^1.8.3",
"hammerjs": "^2.0.8",
"underscore": "^1.13.1"
AND HAVE THIS FOLLOWING COMPILED CODE in Modules\Insurance\dicomviewer\js\public\viewer\app-config.js FILE:
window.config={routerBasename:"/modules/insurance/dicomviewer/apps/dicomviewer/ncviewer",extensions:[],modes:[],customizationService:{cornerstoneViewportActionBar:{disabled:!1},cornerstoneOverlayTopLeft:{id:"cornerstoneOverlayTopLeft",items:[{id:"PatientName",customizationType:"ohif.overlayItem",color:"#fff",label:"",condition:({instance:e})=>e&&e.PatientName&&("string"==typeof e.PatientName||e.PatientName.Alphabetic),contentF:({instance:e,formatters:{formatPN:t}})=>("string"==typeof e.PatientName?t(e.PatientName):t(e.PatientName.Alphabetic))+" "+(e.PatientSex?"("+e.PatientSex+")":"")},{id:"PID",customizationType:"ohif.overlayItem",color:"#fff",label:"",title:"Patient PID",condition:({instance:e})=>e&&e.PatientID,contentF:({instance:e})=>e.PatientID},{id:"PatientBirthDate",customizationType:"ohif.overlayItem",color:"#fff",label:"DOB:",title:"Patient's Date of birth",condition:({instance:e})=>e&&e.PatientBirthDate,contentF:({instance:e})=>e.PatientBirthDate},{id:"OtherPid",customizationType:"ohif.overlayItem",color:"#fff",label:"Other PID:",title:"Other Patient IDs",condition:({instance:e})=>e&&e.OtherPatientIDs,contentF:({instance:e,formatters:{formatPN:t}})=>t(e.OtherPatientIDs)}]},cornerstoneOverlayTopRight:{id:"cornerstoneOverlayTopRight",items:[{id:"SeriesDescription",customizationType:"ohif.overlayItem",color:"#fff",label:"",title:"Series Description",condition:({instance:e})=>e&&e.SeriesDescription,contentF:({instance:e})=>e.SeriesDescription},{id:"StudyDateTime",customizationType:"ohif.overlayItem",color:"#fff",label:"",title:"Study date",condition:({instance:e})=>e&&(e.StudyDate||e.StudyTime),contentF:({instance:e,formatters:{formatDate:t,formatTime:o}})=>[e.StudyDate?t(e.StudyDate):"",e.StudyTime?o(e.StudyTime):""].join(" ")}]},cornerstoneOverlayBottomLeft:{id:"cornerstoneOverlayBottomLeft",items:[{id:"SeriesNumber",customizationType:"ohif.overlayItem",color:"#fff",label:"Ser:",title:"Series Number",condition:({instance:e})=>e&&e.SeriesNumber,contentF:({instance:e})=>e.SeriesNumber},{id:"InstanceNmber",customizationType:"ohif.overlayItem.instanceNumber",color:"#fff"},{id:"ColumnsRows",customizationType:"ohif.overlayItem",color:"#fff",label:"",condition:({instance:e})=>e&&e.Columns&&e.Rows,contentF:({instance:e})=>`${e.Columns} x ${e.Rows}`},{id:"SliceLocation",customizationType:"ohif.overlayItem",color:"#fff",label:"Loc:",title:"Slice Location",condition:({instance:e})=>e&&e.SliceLocation,contentF:({instance:e,formatters:{formatNumberPrecision:t}})=>t(e.SliceLocation,2)+" mm"},{id:"SliceThickness",customizationType:"ohif.overlayItem",color:"#fff",label:"Thick:",title:"Slice Thickness",condition:({instance:e})=>e&&e.SliceThickness,contentF:({instance:e,formatters:{formatNumberPrecision:t}})=>t(e.SliceThickness,2)+" mm"}]},cornerstoneOverlayBottomRight:{id:"cornerstoneOverlayBottomRight",items:[{id:"ZoomLevel",customizationType:"ohif.overlayItem.zoomLevel",color:"#fff"},{id:"WindowLevel",customizationType:"ohif.overlayItem.windowLevel",color:"#fff"}]}},showStudyList:!1,maxNumberOfWebWorkers:3,showWarningMessageForCrossOrigin:!0,showCPUFallbackMessage:!0,showLoadingIndicator:!0,strictZSpacingForVolumeViewport:!0,maxNumRequests:{interaction:100,thumbnail:75,prefetch:25},defaultDataSourceName:"dicomjson",investigationalUseDialog:{option:"configure",days:90},hangingProtocolModule:"@ohif/extension-default.hangingProtocolModule.default",hangingProtocols:[{id:"mpr2x2",locked:!0,hasUpdatedPriorsInformation:!1,name:"2x2 MPR",createdDate:"2024-01-01T00:00:00.000Z",modifiedDate:"2024-01-01T00:00:00.000Z",availableTo:{},editableBy:{},protocolMatchingRules:[{attribute:"numberOfDisplaySetsWithImages",constraint:{greaterThan:1}}],displaySetSelectors:{"mpr-display-set":{seriesMatchingRules:[{weight:1,attribute:"numImageFrames",constraint:{greaterThan:0}}]}},stages:[{id:"default",name:"default",viewportStructure:{layoutType:"grid",properties:{rows:2,columns:2}},viewports:[{viewportOptions:{viewportId:"mpr-axial",viewportType:"volume",orientation:"axial",toolGroupId:"mpr",initialImageOptions:{preset:"middle"}},displaySets:[{id:"mpr-display-set"}]},{viewportOptions:{viewportId:"mpr-sagittal",viewportType:"volume",orientation:"sagittal",toolGroupId:"mpr",initialImageOptions:{preset:"middle"}},displaySets:[{id:"mpr-display-set"}]},{viewportOptions:{viewportId:"mpr-coronal",viewportType:"volume",orientation:"coronal",toolGroupId:"mpr",initialImageOptions:{preset:"middle"}},displaySets:[{id:"mpr-display-set"}]},{viewportOptions:{viewportId:"mpr-3d",viewportType:"volume3d",orientation:"coronal",toolGroupId:"mpr",initialImageOptions:{preset:"middle"}},displaySets:[{id:"mpr-display-set"}]}],createdDate:"2024-01-01T00:00:00.000Z"}],numberOfPriorsReferenced:-1},{id:"default2x2",locked:!0,hasUpdatedPriorsInformation:!1,name:"Default 2x2",createdDate:"2024-01-01T00:00:00.000Z",modifiedDate:"2024-01-01T00:00:00.000Z",availableTo:{},editableBy:{},protocolMatchingRules:[],displaySetSelectors:{"default-display-set":{seriesMatchingRules:[{weight:1,attribute:"numImageFrames",constraint:{greaterThan:0}}]}},stages:[{id:"default",name:"default",viewportStructure:{layoutType:"grid",properties:{rows:2,columns:2}},viewports:[{viewportOptions:{viewportId:"viewport-1",viewportType:"stack",background:[0,0,0]},displaySets:[{id:"default-display-set",matchedDisplaySetsIndex:0}]},{viewportOptions:{viewportId:"viewport-2",viewportType:"stack",background:[0,0,0]},displaySets:[{id:"default-display-set",matchedDisplaySetsIndex:1}]},{viewportOptions:{viewportId:"viewport-3",viewportType:"stack",background:[0,0,0]},displaySets:[{id:"default-display-set",matchedDisplaySetsIndex:2}]},{viewportOptions:{viewportId:"viewport-4",viewportType:"stack",background:[0,0,0]},displaySets:[{id:"default-display-set",matchedDisplaySetsIndex:3}]}],createdDate:"2024-01-01T00:00:00.000Z"}],numberOfPriorsReferenced:-1}],dataSources:[{namespace:"@ohif/extension-default.dataSourcesModule.dicomjson",sourceName:"dicomjson",configuration:{friendlyName:"dicom json",name:"json"}}],httpErrorHandler:e=>{console.warn(e)},whiteLabeling:{createLogoComponentFn:function(e){return e.createElement("a",{target:"_blank",href:"https://acan.io"},e.createElement("div",{className:"h-8",style:{display:"flex",flexDirection:"row",alignItems:"center"}},e.createElement("img",{src:"./assets/acanio.svg",className:"w-10 h-10",style:{display:"inline-block"}}),e.createElement("span",{className:"ml-3 text-xl",style:{color:"#fff",marginRight:"250px"}},"Acan.io Viewer")))}},hotkeys:[{commandName:"incrementActiveViewport",label:"Next Viewport",keys:["right"]},{commandName:"decrementActiveViewport",label:"Previous Viewport",keys:["left"]},{commandName:"rotateViewportCW",label:"Rotate Right",keys:["r"]},{commandName:"rotateViewportCCW",label:"Rotate Left",keys:["l"]},{commandName:"invertViewport",label:"Invert",keys:["i"]},{commandName:"flipViewportHorizontal",label:"Flip Horizontally",keys:["h"]},{commandName:"flipViewportVertical",label:"Flip Vertically",keys:["v"]},{commandName:"scaleUpViewport",label:"Zoom In",keys:["+"]},{commandName:"scaleDownViewport",label:"Zoom Out",keys:["-"]},{commandName:"fitViewportToWindow",label:"Zoom to Fit",keys:["="]},{commandName:"resetViewport",label:"Reset",keys:["space"]},{commandName:"nextImage",label:"Next Image",keys:["down"]},{commandName:"previousImage",label:"Previous Image",keys:["up"]},{commandName:"setToolActive",commandOptions:{toolName:"Zoom"},label:"Zoom",keys:["z"]},{commandName:"windowLevelPreset1",label:"W/L Preset 1",keys:["1"]},{commandName:"windowLevelPreset2",label:"W/L Preset 2",keys:["2"]},{commandName:"windowLevelPreset3",label:"W/L Preset 3",keys:["3"]},{commandName:"windowLevelPreset4",label:"W/L Preset 4",keys:["4"]},{commandName:"windowLevelPreset5",label:"W/L Preset 5",keys:["5"]},{commandName:"windowLevelPreset6",label:"W/L Preset 6",keys:["6"]},{commandName:"windowLevelPreset7",label:"W/L Preset 7",keys:["7"]},{commandName:"windowLevelPreset8",label:"W/L Preset 8",keys:["8"]},{commandName:"windowLevelPreset9",label:"W/L Preset 9",keys:["9"]}]};
So, how to fix that problem and make “Change layout (tool-layout)” dropwon work in my DICOM VIEWER like that above OHIF Viewer screenshot ???
How to enable that feature so that when we clique on it it works ??? Because, at this time, it’s unable and does not show its dropdown and features.
REALLY NEED YOUR HELP.
