Giter Site home page Giter Site logo

ivmartel / dwv-jqmobile Goto Github PK

View Code? Open in Web Editor NEW
31.0 4.0 26.0 13.14 MB

Medical image viewer using DWV (DICOM Web Viewer) and jQuery Mobile.

Home Page: https://ivmartel.github.io/dwv-jqmobile/

License: GNU General Public License v3.0

JavaScript 87.63% CSS 1.31% HTML 5.15% Lua 5.91%
medical-imaging dicom-web-viewer dwv jquery-mobile

dwv-jqmobile's People

Contributors

dependabot[bot] avatar github-actions[bot] avatar greenkeeper[bot] avatar greenkeeperio-bot avatar ivmartel avatar snyk-bot avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

dwv-jqmobile's Issues

Can't open data from Google Drive

When opening data from Google Drive, the dwv page opens but no data gets loaded.

Errors are regarding service worker promises:

The FetchEvent for "https://ivmartel.github.io/dwv-jqmobile/demo/stable/index.html?input=0BwGJ2ZozqDXrTHlJQmQ2RFNjSDQ&type=gdrive"
resulted in a network error response: the promise was rejected.
Uncaught (in promise) TypeError: Failed to execute 'fetch' on 'ServiceWorkerGlobalScope':
'only-if-cached' can be set only with 'same-origin' mode at service-worker.js:107

RangeError

How to fix RangeError: Offset is outside the bounds of the DataView at DataView.getUint16

CORS error when downloading google drive file

When trying to display dicom files from google drive, the viewer freezes and the following error is logged in the console:

Access to XMLHttpRequest at 'https://[...]-apidata.googleusercontent.com/download/drive/v2/files/0BwGJ2ZozqDXrTHlJQmQ2RFNjSDQ?qk=[...]' (redirected from 'https://content.googleapis.com/drive/v2/files/[...]?key=[...]&alt=media&source=downloadUrl') from origin 'https://ivmartel.github.io' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Similar issues:

This seems to be related to: upcoming-changes-to-the-google-drive-api-and-google-picker-api.

Error on ?input=dicoms_folder.zip

When using the example interface (index.html):
I am trying to load in a zip folder containing a series of DICOM files via a URL parameter. When I navigate to localhost/index.html?input=dicoms_folder.zip I get the error:

Uncaught (in promise) TypeError: Cannot read property 'name' of undefined at dwv.js:18564

The line in question appears to be:

filename = zobjs[num].name;

Update dwv to v0.25.2

A new version of dwv is out. It does not have the fitToWindow option so the code must be updated to compensate for it.

image draw overlaying issues

In multiple image loading , I loaded the first image and added drawings. and in a button click or scroll second image will display, but also the first image drawing are visible . this is may be due to the overlaying of images .how to resolve this.

Add opacity tool

dwv v0.29.0 gives access to the layer opacity, a tool must be added to interact with it.

how to select and edit annotations after db saving

i was able to draw and save annoattions in the database. but i cannot select and edit the drawings after fetched from database.
even i cant able to select the draw. how this problem can be solved?
Thanks in advance

can a image open in dicom web viewer(dwv-jqmobile) from a html5 page.

hai, I have an issue when I tried to open an image from my page (html) with a button click in dwv-jqmobile viewer by giving the path url , it will not open the image. but it is working when I click tool box in the dwv viewer, it will open the file which i chose.
but i want to open an image with button click in dicom web viewer.i hope you may help me to get the knowledge.....and thanks in advance....

Error on ?input=http://url/?files=....

Integrate gui code

dwv-jqmobile uses gui code that is embedded with the dwv library. It must not be the role of dwv to provide gui, it must be integrated into the dwv-jqmobile code.

Enforce code styling

Code styling should be enforced via eslint, instead of jshint (better tools integration). For example:

indent: ['error', 2],
quotes: ['error', 'single'],
'space-before-function-paren': ['error', { named: 'never' }]

Lint plugins can be used in IDEs to apply these rules when saving files.

Launching issue..

When I launch the index.html page. I see a screen telling me to authorize with Google Drive. But nothing is responsive on the page and I can't do anything.

not loading dwv-jqui in javascript html project

hai,
i am new to ivmartel and dwv. i need to integrate dwv-jqui in my project which contains html and javascript only. but i have noticed that dwv-jqui contains node libraries(node modules).when i normally integrate this with script tag and try to load inside my webpage, it is not working properly.do you have any resolution regarding this.

Load over ?input= does not work on Firefox

For me loading DICOM files over the ?input URL parameter does not work in Firefox but does work fine in Chrome.

In

if (event.loadtype === 'image') {
Firefox throws the error Uncaught TypeError: event is undefined.
According to https://developer.mozilla.org/en-US/docs/Web/API/Window/event and https://stackoverflow.com/questions/9636400/event-equivalent-in-firefox Firefox does not always have the global event property.

Loading the file over URL through the menu works fine too. In this case the event is defined. Same for loading from file.

Move to Github actions

Travis seems to have changed their priorities and is taking too long to answer to build credit requests. Github actions provides the same services, it will be used to build this repo from now on.

ruller

value ruller not display, how to fix it?

cannot select the draw for delete or update after reload it

hi @ivmartel ,
I am integrating the dicom viewer with my project. but the issue is when i draw and save image, it will works fine. and i am trying to load the image again with drawings it is loading but cannot select the drawings for further change. Hope you will guide me with references and solutions. thanks in advance.
What I want is that i wanted to select the retrieved drawings and delete or update it

Don't get info from array fixed index

The onLoadItem of the dwvjq.gui.info.Controller class gets the raw image UID from a fixed index array member of the image meta data. This must be removed and replaced by a search of the array to find the UID.

Relates to dwv/pull/778.

MetaData

how to import metadata (dicom tags) to database?

Not loading dcm file

I have a .dcm file, and im trying to view it using the live demo of the dwv-jqmobile version. When i upload the file i see this
image

Also I would like to know how to integrate the viewer to my website.
what im doing is downloading the zip from https://github.com/ivmartel/dwv-jqmobile/releases/tag/v0.6.1
pasting it in a folder of my website files, and then using redirecting to the index.html file. And i get the same result

Toollist box is not working for dynamically loaded images in dwv-jq-mobile.

var dicom_files = [
    ['http://localhost:8080/DCTCDev/scripts/dwvimg/'+obj.pat_reg_id+'/P552200009.dcm'],
    ['http://localhost:8080/DCTCDev/scripts/dwvimg/'+obj.pat_reg_id+'/test.dcm']
];
var app = new dwv.App();
app.init({
    dataViewConfigs: {'*': [{divId: 'layerGroup0'}]},
});
app.loadURLs(dicom_files[0]);
var actions = document.getElementById('actions');
var table=document.createElement('table');
var tr = document.createElement('tr');  
for (var i = 0; i < dicom_files.length; i++) {
    var td = document.createElement('td');
    var new_button = document.createElement('button');
    new_button.setAttribute('data-file-index', i);
    new_button.textContent = 'DICOM Files ' + (i + 1);
    new_button. style. width = '120px';
    new_button.addEventListener('click', dicom_files_selected);
    td.appendChild(new_button);
    tr.appendChild(td);
    table.appendChild(tr)
    actions.appendChild(table);
}
function dicom_files_selected(event) {
    event.preventDefault();
    var button = this;
    var selected_index = parseInt(button.getAttribute('data-file-index'));
    app.abortLoad();
    app.loadURLs(dicom_files[selected_index]);
    dwvjq.gui.Loadbox();
    dwvjq.gui.UrlLoad();
    dwvjq.gui.Toolbox();
    dwvjq.gui.Draw ();

in my above code the tool list box is not working.(it is not showing). To give annotations i want to click the tool list box. I am loading images dynamically using url and with button click i able to change the images as I want.. any reference will be the great help.Thanks in advance

ruler units

How to change ruler mm to px. i think the unit is px not mm

How to load DICOMDIR with more than one image series

Thank you very much for DWV i have been using it in research projects for quite a time.

I am using it mainly to serve server-side stored DICOM in a subfolder e.g., data.
I have two issues.

a) I try to open DICOMDIR by dwv-jqmobile/?input=data/DICOMDIR

This works only for DICOMDIRs referring to a single image series, if more that one is present then only one is shown.
Is there a way to workaround this?

b)Scroll works in DWV-jqmobile 0.26.0 but does not in dwv-jqmobile 0.7.0-beta
I have tried with various DICOMDIRs, this issue is not significant since i can do my work with 0.26

iframe integration

Good day,
Please, I need to integrate iframe tag to my WP site and initiate local links from my website including jpg/dcm! I don't know much code.
if there anyway else to integrate the viewer framework + (my local links) I would be grateful for help.
Thanks.

Use ignoreSearch in cache match call

The service worker method handling the a fetch event tries to match the full url of the web page and since only its base ('index.html') is registered, it fails when the url contains search parameters. The ignoreSearch option must be used when calling the match method.

See doc: match#Parameters.

issues regarding toolbox

1)tool box annotations are not working in dwv-jqmobile.but add button (+) is working . others are not working.what js and function is controll this event . could you please help me to solve this.

2)i found that you are using "dwv-0.29.1.min.js" in DWV image display example with multiple slices and its own tool (https://jsfiddle.net/ivmartel/jb7fe6yx/). but in dwv-jqmobile we are using "dwv.min.js".when i integrated the https://jsfiddle.net/ivmartel/jb7fe6yx/ code in my dwv-jqmobile code my tool box is not showing. how can i resolve this. hope u will consider my issues and help.. any references will be the great help[ for me. because i am a newbie in dicom web viewer.Thanks in advance.

how to reselect the draw or shape after fetched from database.

hai ivmartel,
This is my second request regarding this questions. I am able to drwa and save the aanotations in the database.and I can retreive the draws and set it in to the viewer. but I cannot select the draws and edit. hope you can help me. any reference will be the great help.Thanks in advance.

how to controll scroll event in multiple image load

hai,
i am using dwv-jqmobile for a while. and it is quite nice. how to access the control of Scroll event.
in which function from which js is calling scroll function.
, i have multiple images to load . and after loading these images using app.loadURL i also wanted to call a database function for each images.
that is i want to fetch some information of currently loaded image from database using scroll event.

Unable to select folder from mobile app

We are trying to integrate dwv-jqmobile v0.3.0/v0.2.0 to the mobile app using web view, web app runs fine but finds few bugs.

  • Unable to select the local directory/folder, selecting only files.
  • Getting error while choosing Google Drive, unable to connect.

DWV mobile + DWV Support (WordPress plugin)?

Hello,

I'm wondering if there are any plans to allow the DWV support wordpress plugin to integrate DWV mobile (or alternatively, for DWV support to be uploaded to Github so that others may contribute/fork it). Currently really appreciate the plugin but would love are more modern UI like the one used by DWV-jqmobile or something like a slider to change window level and slice.

cic-tool-final.mp4

Add circle shape

dwv v0.29.0 provides a new 'circle' shape, it must be added to the shape drop-down list.

Make info overlay more generic

The current overlay code listens to specific events coming from dwv and is bound to these event properties. It must be made more generic to listen to any event defined in the overlay definition and use the value property now sent with dwv events.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.