Description
| Wiki Markup |
|---|
h2. Description [http://wiki.openmrs.org/display/docs/Flowsheet+Module |
...
User interface
The user interface for the flowsheet module has been created using the following
...
] Flowsheet is available as a module which can be installed into openmrs using the "Manage Modules" functionality h2. User interface The user interface for the flowsheet module has been created using the following * JQuery 1.4.2 ([http://jquery.com/]) |
...
* JQuery UI 1.8.2 ([http://jqueryui.com/]) |
...
* JQuery Grid 3.8 ([http://www.trirand.com/blog/]) |
...
* Auto complete ([https://github.com/emposha/FCBKcomplete]) |
...
* Flot ([http://code.google.com/p/flot/ |
...
])
The population of the GUI (flowsheet) is done via an AJAX request which returns a JSON string which is then passed to the JQuery grid and the filter controls.
Core of the logic is in the flowhsheet.js file.
h2. Server Side
At the server side we have a controller _FlowsheetFormController_ which handles the AJAX requests passed to the url _/flowsheet.json _
? !flowsheet.png|border=1!
_?_{_}The controller returns a json string in the following format_
_{_
_ entries : \[_
_{conceptId:"1",value:_{color:#5000ff}_"10"_{color}_,date:_ {color:#5000ff}_"2001-01-12"_{color}_}_
_\],_
_conceptMap:{_
_ _ {color:#5000ff}_"1"_{color}_:_
_ {_
_ name:_{color:#5000ff}_"concept name"_{color}_,_
_ numeric:{hi:_{color:#5000ff}_"1"_{color}_,low:_{color:#5000ff}_"12"_{color}_,unit:_{color:#5000ff}_"unit"_{color}_},_
_ desc:_{color:#5000ff}_"description"_{color}_,_
_ classType:_{color:#5000ff}_"Test"_{color}_,_
_ dataType:_{color:#5000ff}_"Coded"_{color}
_ },_
{color:#000000}{_}conceptClasses:\[_{color}{color:#5000ff}_"Test"_{color}{color:#000000}_,_{color}{color:#5000ff}_"Diagnosis"_{color}{color:#000000}_,_{color}{color:#5000ff}_"Finding"_{color}{color:#000000}_\],_{color}
{color:#000000}_ obsDates:\[_{color}{color:#5000ff}_"2001-01-12"_{color}{color:#000000}_,_{color}{color:#5000ff}_"2002-01-12"_{color}{color:#000000}_,_{color}{color:#5000ff}_"2010-01-12"_{color}{color:#000000}_\]_{color}
_};_ |