Giter Club home page Giter Club logo

dwv-jqui's Introduction

dwv-jqui

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

All coding/implementation contributions and comments are welcome. Releases should be ready for deployment otherwise download the code and install dependencies with a yarn or npm install.

dwv-jqui is not certified for diagnostic use. Released under GNU GPL-3.0 license (see license.txt).

Node.js CI

Available Scripts

  • install: install dependencies
  • start: serve at localhost:8080 with live reload
  • lint: run file linting
  • dev: serve a developement version at localhost:8080 with live reload

Steps to run the viewer from scratch

# get the code
git clone https://github.com/ivmartel/dwv-jqui.git

# move to its folder
cd dwv-jqui

# install dependencies
yarn install

# call the start script to launch the viewer on a local server
yarn run start

You can now open a browser at http://localhost:8080 and enjoy!

dwv-jqui'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

Watchers

 avatar  avatar  avatar  avatar

dwv-jqui's Issues

State json exported explained

Hello,
I have added 3 annotations (arrows) in an dicom image and I export the state but there are a lot of x,y values for each annotation. Which ones are the coordinates? I am little confused. Is there a wiki about the json format you are exporting?

Thank you very much

JSON file being stored in the cache memory

For some reason the JSON file that I'm using to generate annotations on the DICOM image is being stored in the cache memory of the browser. If I'm making any changes in the JSON file it is not reflected immediately. I have to clear the cache and load the JSON file again to see the changes. How can I resolve this?

Integrate gui code

dwv-jqui 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-jqui code.

How to call tool box function

hi. I am using dwv-jqui for my project and i got few questiosn.

  1. how can i call a tool box function from outside the native scripts.
    For example , if i want to change the tool by clicking a custom made button by calling app.setTool('Draw'); through a custom script function, how is it possible.?
    when i call this from a js script it says app is not defined.
    can you help me with this please

  2. also in dwv-jqui is it possible to load url problematically without inputing in browser URL
    like which function we should use to load URLs

  3. how can we load state.json programatically in dwv-jqui
    which function do this job?

Thanks .. waiting fro your help

santosh

Update coordinates when drag arrow

Hello!
I am trying to find how to update the coordinates of an arrow if you move it. In a previous post you have said that I have to find Konva group shift and add it to the Arrow. In the code of this github ("dwv-jqui") I cannot find anything about Konva except in node modules where there are konva.js and konva.min.js.
Since I am not familiar with Konva and I cannot find anything in your code is very difficult for me to find a solution.
Could you please help me or at least tell me how to stop the Arrow from been draggable?
The only thing I found about the Arrow is in applauncher.js which I believe it doesn't have to do anything with Konva etc.

Thank you

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.

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.

download function raises Uncaught TypeError: t.getX is not a function

Hi, happy new year,
When I draw something and try to download the state.json file, the error occurs. I've tried the v0.6.0 and v0.7.0-beta. But I found the live demo v0.5.1 is ok with the download function[https://ivmartel.github.io/dwv-jqui/demo/stable/index.html]

Uncaught TypeError: t.getX is not a function
    at A.io.State.toJSON (dwv.min.js:3)
    at A.App.getState (dwv.min.js:3)
    at HTMLAnchorElement.toggleSaveState.onclick (appgui.js:155)

And I traced with the error and found it is located in the file state.js on line 52 position: [position.getX(), position.getY(), position.getZ()], of the dwv project state.js#L52

Thx.

Build the project for deployment

Hello,
I am not very familiar with yarn. Can I build the project and deploy it in a server like Apache? I tried yarn run build and it doesn't work. I checked the package.json file and I cannot find a similar option. What should I do?

Thank you!

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.

TypeError: event is undefined

The dwv-jqui viewer demo gives this error with the demo data (link).

Uncaught TypeError: event is undefined
    startApp https://ivmartel.github.io/dwv-jqui/demo/stable/src/applauncher.js:140
    A https://ivmartel.github.io/dwv-jqui/demo/stable/node_modules/dwv/dist/dwv.min.js:3
    ...

Add input file option

The front page must provide an input file option to load data via file selection.

.dicom file type support

Hi there,

I tried .dicom file type, and it showed up no loader... and something, could you add the .dicom file type support as well? Cause both file type are the same thing.

Cheers.
Best wishes.

how to integrate it with laravel

Hi
What is the best practice to integrate this example to a laravel app
loading from a url in my laravel app is enough for me.

Could I get all the coordinate points of lines?

Hi,
I used the free-hand draw action to encircle a zone. One coordinate point will be recorded in the points array like

"points":[
250.88,
124.928,
367.616,
259.072,
272.384,
398.336,
248.832,
126.976
]

And I'd like to get all the coorinate points where lines pass. Is there any way to archive that?
Thx.

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.

How to open it?

Hey, it is a nice work, thank you.
I guess to use this project, I should open index.html in firefox browse.
Howerver, I did not found a useful UI, or it is unfinished yet?

Thanks!

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.