edit ip pdf dan cloud
This commit is contained in:
@@ -26,6 +26,15 @@ const CornerstoneViewportDownloadForm = ({
|
|||||||
const activeViewportElement = enabledElement?.element;
|
const activeViewportElement = enabledElement?.element;
|
||||||
const activeViewportEnabledElement = getEnabledElement(activeViewportElement);
|
const activeViewportEnabledElement = getEnabledElement(activeViewportElement);
|
||||||
|
|
||||||
|
// console.log('cornerstoneViewportService', cornerstoneViewportService);
|
||||||
|
const viewportInfo = cornerstoneViewportService.getViewportInfo("default");
|
||||||
|
// console.log('viewportInfo', viewportInfo);
|
||||||
|
|
||||||
|
// Retrieve StudyInstanceUID from viewportInfo
|
||||||
|
const StudyInstanceUID = viewportInfo.getViewportData().data[0].StudyInstanceUID;
|
||||||
|
const SetInstanceUID = viewportInfo.getViewportData().data[0].displaySetInstanceUID;
|
||||||
|
// console.log('StudyInstanceUID', StudyInstanceUID);
|
||||||
|
// console.log('SetInstanceUID', SetInstanceUID);
|
||||||
const {
|
const {
|
||||||
viewportId: activeViewportId,
|
viewportId: activeViewportId,
|
||||||
renderingEngineId,
|
renderingEngineId,
|
||||||
@@ -108,6 +117,10 @@ const CornerstoneViewportDownloadForm = ({
|
|||||||
|
|
||||||
const downloadCanvas = getOrCreateCanvas(element);
|
const downloadCanvas = getOrCreateCanvas(element);
|
||||||
|
|
||||||
|
// Log the canvas content before conversion
|
||||||
|
const context = downloadCanvas.getContext('2d');
|
||||||
|
const imageData = context.getImageData(0, 0, downloadCanvas.width, downloadCanvas.height);
|
||||||
|
|
||||||
const type = 'image/' + fileType;
|
const type = 'image/' + fileType;
|
||||||
const dataUrl = downloadCanvas.toDataURL(type, 1);
|
const dataUrl = downloadCanvas.toDataURL(type, 1);
|
||||||
|
|
||||||
@@ -214,6 +227,43 @@ const CornerstoneViewportDownloadForm = ({
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// New function to send annotation data
|
||||||
|
const sendAnnotationData = async (base64Image, activeViewportElement) => {
|
||||||
|
try {
|
||||||
|
// Get the SOPInstanceUID from the active viewport
|
||||||
|
const activeViewportEnabledElement = getEnabledElement(activeViewportElement);
|
||||||
|
const imageId = activeViewportEnabledElement?.viewport?.getCurrentImageId();
|
||||||
|
|
||||||
|
if (!base64Image || !StudyInstanceUID) {
|
||||||
|
throw new Error('Missing required data');
|
||||||
|
}
|
||||||
|
|
||||||
|
const payload = {
|
||||||
|
image: base64Image,
|
||||||
|
StudyInstanceUID: StudyInstanceUID
|
||||||
|
};
|
||||||
|
|
||||||
|
const response = await fetch('http://host:port/one-api/tools/annotation/store', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
},
|
||||||
|
body: JSON.stringify(payload)
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
throw new Error('Network response was not ok');
|
||||||
|
}
|
||||||
|
|
||||||
|
const data = await response.json();
|
||||||
|
console.log('Annotation data sent successfully:', data);
|
||||||
|
return data;
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error sending annotation data:', error);
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
const downloadBlob = (filename, fileType) => {
|
const downloadBlob = (filename, fileType) => {
|
||||||
const file = `${filename}.${fileType}`;
|
const file = `${filename}.${fileType}`;
|
||||||
const divForDownloadViewport = document.querySelector(
|
const divForDownloadViewport = document.querySelector(
|
||||||
@@ -221,9 +271,16 @@ const CornerstoneViewportDownloadForm = ({
|
|||||||
);
|
);
|
||||||
|
|
||||||
html2canvas(divForDownloadViewport).then(canvas => {
|
html2canvas(divForDownloadViewport).then(canvas => {
|
||||||
|
const dataUrl = canvas.toDataURL(fileType, 1.0);
|
||||||
|
const base64Image = dataUrl.split(',')[1]; // Remove prefix 'data:image/png;base64,'
|
||||||
|
|
||||||
|
// Send annotation data
|
||||||
|
sendAnnotationData(base64Image, activeViewportElement)
|
||||||
|
.catch(error => console.error('Annotation data sending failed:', error));
|
||||||
|
|
||||||
const link = document.createElement('a');
|
const link = document.createElement('a');
|
||||||
link.download = file;
|
link.download = file;
|
||||||
link.href = canvas.toDataURL(fileType, 1.0);
|
link.href = dataUrl;
|
||||||
link.click();
|
link.click();
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -6,7 +6,8 @@ function OHIFCornerstonePdfViewport({ displaySets }) {
|
|||||||
var [url, setUrl] = useState(null);
|
var [url, setUrl] = useState(null);
|
||||||
|
|
||||||
const sopInstanceUid = displaySets[0].SOPInstanceUID;
|
const sopInstanceUid = displaySets[0].SOPInstanceUID;
|
||||||
url = `http://128.199.154.150:8080/rid/IHERetrieveDocument?requestType=DOCUMENT&documentUID=${sopInstanceUid}&preferredContentType=application%2Fpdf`;
|
url = `http://${window.config.pacs_document_host}:${window.config.pacs_document_port}/rid/IHERetrieveDocument?requestType=DOCUMENT&documentUID=${sopInstanceUid}&preferredContentType=application%2Fpdf`;
|
||||||
|
console.log("URL PDF", url);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
document.body.addEventListener('drag', makePdfDropTarget);
|
document.body.addEventListener('drag', makePdfDropTarget);
|
||||||
|
|||||||
@@ -25,7 +25,7 @@ const PROXY_DOMAIN = process.env.PROXY_DOMAIN;
|
|||||||
const PROXY_PATH_REWRITE_FROM = process.env.PROXY_PATH_REWRITE_FROM;
|
const PROXY_PATH_REWRITE_FROM = process.env.PROXY_PATH_REWRITE_FROM;
|
||||||
const PROXY_PATH_REWRITE_TO = process.env.PROXY_PATH_REWRITE_TO;
|
const PROXY_PATH_REWRITE_TO = process.env.PROXY_PATH_REWRITE_TO;
|
||||||
|
|
||||||
const OHIF_PORT = Number(process.env.OHIF_PORT || 3000);
|
const OHIF_PORT = Number(process.env.OHIF_PORT || 3030);
|
||||||
const ENTRY_TARGET = process.env.ENTRY_TARGET || `${SRC_DIR}/index.js`;
|
const ENTRY_TARGET = process.env.ENTRY_TARGET || `${SRC_DIR}/index.js`;
|
||||||
const Dotenv = require('dotenv-webpack');
|
const Dotenv = require('dotenv-webpack');
|
||||||
const writePluginImportFile = require('./writePluginImportsFile.js');
|
const writePluginImportFile = require('./writePluginImportsFile.js');
|
||||||
|
|||||||
@@ -2,6 +2,8 @@
|
|||||||
|
|
||||||
window.config = {
|
window.config = {
|
||||||
routerBasename: '/',
|
routerBasename: '/',
|
||||||
|
pacs_document_host: '152.42.173.210',
|
||||||
|
pacs_document_port: 8080,
|
||||||
// whiteLabeling: {},
|
// whiteLabeling: {},
|
||||||
extensions: [],
|
extensions: [],
|
||||||
modes: [],
|
modes: [],
|
||||||
@@ -23,10 +25,11 @@ window.config = {
|
|||||||
// above, the number of requests can be go a lot higher.
|
// above, the number of requests can be go a lot higher.
|
||||||
prefetch: 25,
|
prefetch: 25,
|
||||||
},
|
},
|
||||||
expertise: true, //* Tambahan untuk enable expertise (CustomizableViewportOverlay)
|
expertise: false, //* Tambahan untuk enable expertise (CustomizableViewportOverlay)
|
||||||
// filterQueryParam: false,
|
// filterQueryParam: false,
|
||||||
// defaultDataSourceName: 'dicomweb',
|
// defaultDataSourceName: 'dicomweb',
|
||||||
defaultDataSourceName: 'local-proxy',
|
defaultDataSourceName: 'local-proxy',
|
||||||
|
// defaultDataSourceName: 'GCP',
|
||||||
/* Dynamic config allows user to pass "configUrl" query string this allows to load config without recompiling application. The regex will ensure valid configuration source */
|
/* Dynamic config allows user to pass "configUrl" query string this allows to load config without recompiling application. The regex will ensure valid configuration source */
|
||||||
// dangerouslyUseDynamicConfig: {
|
// dangerouslyUseDynamicConfig: {
|
||||||
// enabled: true,
|
// enabled: true,
|
||||||
@@ -38,6 +41,32 @@ window.config = {
|
|||||||
// regex: /.*/,
|
// regex: /.*/,
|
||||||
// },
|
// },
|
||||||
dataSources: [
|
dataSources: [
|
||||||
|
{
|
||||||
|
namespace: '@ohif/extension-default.dataSourcesModule.dicomweb',
|
||||||
|
sourceName: 'local-proxy',
|
||||||
|
configuration: {
|
||||||
|
friendlyName: 'DCM4CHEE Server',
|
||||||
|
name: 'DCM4CHEE',
|
||||||
|
qidoRoot: 'http://152.42.173.210:5000/rs',
|
||||||
|
wadoRoot: 'http://152.42.173.210:5000/rs',
|
||||||
|
qidoSupportsIncludeField: false,
|
||||||
|
supportsReject: true,
|
||||||
|
supportsStow: true,
|
||||||
|
imageRendering: 'wadors',
|
||||||
|
thumbnailRendering: 'wadors',
|
||||||
|
enableStudyLazyLoad: true,
|
||||||
|
supportsFuzzyMatching: false,
|
||||||
|
supportsWildcard: true,
|
||||||
|
staticWado: true,
|
||||||
|
singlepart: 'bulkdata,video',
|
||||||
|
bulkDataURI: {
|
||||||
|
enabled: true,
|
||||||
|
relativeResolution: 'studies',
|
||||||
|
transform: url => url.replace('/pixeldata.mp4', '/rendered'),
|
||||||
|
},
|
||||||
|
omitQuotationForMultipartRequest: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
{
|
{
|
||||||
namespace: '@ohif/extension-default.dataSourcesModule.dicomweb',
|
namespace: '@ohif/extension-default.dataSourcesModule.dicomweb',
|
||||||
sourceName: 'dicomweb',
|
sourceName: 'dicomweb',
|
||||||
@@ -123,32 +152,6 @@ window.config = {
|
|||||||
omitQuotationForMultipartRequest: true,
|
omitQuotationForMultipartRequest: true,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
|
||||||
namespace: '@ohif/extension-default.dataSourcesModule.dicomweb',
|
|
||||||
sourceName: 'local-proxy',
|
|
||||||
configuration: {
|
|
||||||
friendlyName: 'Static WADO Local Data',
|
|
||||||
name: 'DCM4CHEE',
|
|
||||||
qidoRoot: 'http://128.199.154.150:5000/rs',
|
|
||||||
wadoRoot: 'http://128.199.154.150:5000/rs',
|
|
||||||
qidoSupportsIncludeField: false,
|
|
||||||
supportsReject: true,
|
|
||||||
supportsStow: true,
|
|
||||||
imageRendering: 'wadors',
|
|
||||||
thumbnailRendering: 'wadors',
|
|
||||||
enableStudyLazyLoad: true,
|
|
||||||
supportsFuzzyMatching: false,
|
|
||||||
supportsWildcard: true,
|
|
||||||
staticWado: true,
|
|
||||||
singlepart: 'video',
|
|
||||||
bulkDataURI: {
|
|
||||||
enabled: true,
|
|
||||||
relativeResolution: 'studies',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
{
|
||||||
namespace: '@ohif/extension-default.dataSourcesModule.dicomwebproxy',
|
namespace: '@ohif/extension-default.dataSourcesModule.dicomwebproxy',
|
||||||
sourceName: 'dicomwebproxy',
|
sourceName: 'dicomwebproxy',
|
||||||
|
|||||||
@@ -1,6 +1,9 @@
|
|||||||
/** @type {AppTypes.Config} */
|
/** @type {AppTypes.Config} */
|
||||||
window.config = {
|
window.config = {
|
||||||
routerBasename: '/',
|
routerBasename: '/',
|
||||||
|
pacs_document_host: '152.42.173.210',
|
||||||
|
pacs_document_port: 8080,
|
||||||
|
expertise:false,
|
||||||
enableGoogleCloudAdapter: false,
|
enableGoogleCloudAdapter: false,
|
||||||
// below flag is for performance reasons, but it might not work for all servers
|
// below flag is for performance reasons, but it might not work for all servers
|
||||||
showWarningMessageForCrossOrigin: true,
|
showWarningMessageForCrossOrigin: true,
|
||||||
@@ -8,37 +11,24 @@ window.config = {
|
|||||||
showLoadingIndicator: true,
|
showLoadingIndicator: true,
|
||||||
strictZSpacingForVolumeViewport: true,
|
strictZSpacingForVolumeViewport: true,
|
||||||
// This is an array, but we'll only use the first entry for now
|
// This is an array, but we'll only use the first entry for now
|
||||||
oidc: [
|
// Remove OIDC configuration since proxy handles authentication
|
||||||
{
|
// oidc: [
|
||||||
// ~ REQUIRED
|
// {
|
||||||
// Authorization Server URL
|
// // ~ REQUIRED
|
||||||
authority: 'https://accounts.google.com',
|
// // Authorization Server URL
|
||||||
client_id: '382212153306-7q39hdie4ecj0uhemkitvedo93bnvfhn.apps.googleusercontent.com',
|
// authority: 'https://accounts.google.com',
|
||||||
redirect_uri: '/callback',
|
// client_id: '382212153306-7q39hdie4ecj0uhemkitvedo93bnvfhn.apps.googleusercontent.com',
|
||||||
response_type: 'id_token token',
|
// redirect_uri: '/callback',
|
||||||
scope:
|
// response_type: 'id_token token',
|
||||||
'email profile openid https://www.googleapis.com/auth/cloudplatformprojects.readonly https://www.googleapis.com/auth/cloud-healthcare', // email profile openid
|
// scope:
|
||||||
// ~ OPTIONAL
|
// 'email profile openid https://www.googleapis.com/auth/cloudplatformprojects.readonly https://www.googleapis.com/auth/cloud-healthcare', // email profile openid
|
||||||
post_logout_redirect_uri: '/logout-redirect.html',
|
// // ~ OPTIONAL
|
||||||
revoke_uri: 'https://accounts.google.com/o/oauth2/revoke?token=',
|
// post_logout_redirect_uri: '/logout-redirect.html',
|
||||||
automaticSilentRenew: true,
|
// revoke_uri: 'https://accounts.google.com/o/oauth2/revoke?token=',
|
||||||
revokeAccessTokenOnSignout: true,
|
// automaticSilentRenew: true,
|
||||||
|
// revokeAccessTokenOnSignout: true,
|
||||||
// Tambahan dari Google CLoud Secret
|
// },
|
||||||
project_id: "westone-433204",
|
// ],
|
||||||
auth_uri: "https://accounts.google.com/o/oauth2/auth",
|
|
||||||
token_uri: "https://oauth2.googleapis.com/token",
|
|
||||||
auth_provider_x509_cert_url: "https://www.googleapis.com/oauth2/v1/certs",
|
|
||||||
client_secret: "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",
|
|
||||||
redirect_uris: [
|
|
||||||
"http://devkedungdoro.aplikasi.web.id:3000/callback"
|
|
||||||
],
|
|
||||||
javascript_origins: [
|
|
||||||
"https://devone.aplikasi.web.id",
|
|
||||||
"http://devkedungdoro.aplikasi.web.id:3000"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
],
|
|
||||||
extensions: [],
|
extensions: [],
|
||||||
modes: [],
|
modes: [],
|
||||||
showStudyList: true,
|
showStudyList: true,
|
||||||
@@ -51,12 +41,9 @@ window.config = {
|
|||||||
configuration: {
|
configuration: {
|
||||||
friendlyName: 'dcmjs DICOMWeb Server',
|
friendlyName: 'dcmjs DICOMWeb Server',
|
||||||
name: 'GCP',
|
name: 'GCP',
|
||||||
wadoUriRoot:
|
wadoUriRoot: `http://${window.location.hostname}:5555/dicomWeb`,
|
||||||
'https://healthcare.googleapis.com/v1/projects/westone-433204/locations/asia-southeast2/datasets/sas-dicom-storage/dicomStores/ohif/dicomWeb',
|
qidoRoot: `http://${window.location.hostname}:5555/dicomWeb`,
|
||||||
qidoRoot:
|
wadoRoot: `http://${window.location.hostname}:5555/dicomWeb`,
|
||||||
'https://healthcare.googleapis.com/v1/projects/westone-433204/locations/asia-southeast2/datasets/sas-dicom-storage/dicomStores/ohif/dicomWeb',
|
|
||||||
wadoRoot:
|
|
||||||
'https://healthcare.googleapis.com/v1/projects/westone-433204/locations/asia-southeast2/datasets/sas-dicom-storage/dicomStores/ohif/dicomWeb',
|
|
||||||
qidoSupportsIncludeField: true,
|
qidoSupportsIncludeField: true,
|
||||||
imageRendering: 'wadors',
|
imageRendering: 'wadors',
|
||||||
thumbnailRendering: 'wadors',
|
thumbnailRendering: 'wadors',
|
||||||
@@ -66,12 +53,12 @@ window.config = {
|
|||||||
dicomUploadEnabled: true,
|
dicomUploadEnabled: true,
|
||||||
omitQuotationForMultipartRequest: true,
|
omitQuotationForMultipartRequest: true,
|
||||||
configurationAPI: 'ohif.dataSourceConfigurationAPI.google',
|
configurationAPI: 'ohif.dataSourceConfigurationAPI.google',
|
||||||
defaultDicomStoreConfiguredItems: {
|
// defaultDicomStoreConfiguredItems: {
|
||||||
id: 'projects/westone-433204/locations/asia-southeast2/datasets/sas-dicom-storage',
|
// id: 'projects/ohifproxy/locations/asia-southeast2/datasets/sas-storage',
|
||||||
itemType: '3',
|
// itemType: '3',
|
||||||
name: 'ohif',
|
// name: 'store-1',
|
||||||
url: 'https://healthcare.googleapis.com/v1/projects/westone-433204/locations/asia-southeast2/datasets/sas-dicom-storage/dicomStores/ohif'
|
// url: 'https://healthcare.googleapis.com/v1/projects/ohifproxy/locations/asia-southeast2/datasets/sas-storage/dicomStores/store-1'
|
||||||
},
|
// },
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
Reference in New Issue
Block a user