Adding JsPedigree tool to HTML form for Upgraded data collection( OpenMRS 2.x )

akshika47 · June 19, 2016, 8:01pm

I would like to thank @surangak @burke @dkayiwa @darius @wyclif @harsha89 @niranjn for guiding me on how to solve this problem.

https://github.com/surangak/HguSriLanka : This is the link to the module I created and below is the read me file on how to use the module

github.com

surangak/HguSriLanka/blob/master/README.md

# HguSriLanka
Inside the HGU folder there is the source code for the hgu module which holds the reource files needed for the jspedigree drawing tool.

You can simply add this module to the modules folder which inside the app folder.

Steps to build

1. Go to the root fodler and run a mvn clean install
2. Go to the target folder and copy the omod file created
3. Copy the file to the Modules folder inside App Data Folder
4. Re Deploy OpenMRS
5. In order to get the funcationality, use the following code at the beginning of the HTML form

          <script type="text/javascript" src="../../moduleResources/hgu/scripts/jspedigrees/jspedigrees.nocache.js"></script>
          <script type="text/javascript" src="../..//moduleResources/hgu/scripts/jspedigrees-view/jspedigrees.nocache.js"></script> 
          
6. You can look at how the jspedigree has been loaded in to the html form when you look at the "html_form.html" file. There you will come across a sction within an id named pedigree. That is the part which generates the drawing tool.

Wiki Page : https://wiki.openmrs.org/display/docs/Human+Genetics+Unit+Module?moved=true
Blog Post Links :

This file has been truncated. show original

Above image shows the pedigree drawing tool working in the new GUI of OpenMRS.