Homec4science
Diffusion SHRINE MedCo Fork (feature/i2b2-merge-to-develop) Browse

shrine-medco/shrine-webclient/src/main/html/index.html
816b51c44b78feature/i2b2-merge-to…

Last Change
Raw File

index.html
View Options

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>Shrine Web Client</title>
<!--
* *************************
* i2b2 Web Client
* v1.7.07-SHRINE
* *************************
* @modified: 04/13/2016
* Contributors:
* Nick Benik
* Griffin Weber, MD, PhD
* Mike Mendis
* Shawn Murphy MD, PhD
*
*/-->
<script type="text/javascript">
var i2b2build = "1.7.007 [04/13/2016 12:00 PM] ";
//ie does not support trim method
if(typeof String.prototype.trim !== 'function') {
String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g, '');
};
}
</script>
<!-- LOAD YUI FROM Yahoo's CDN
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/yahoo/yahoo.js" ></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/event/event.js" ></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.2/build/dom/dom.js"></script>
... etc ...
-->
<!-- LOAD YUI FROM local server -->
<script type="text/javascript" src="js-ext/lodash/lodash.min.js"></script>
<script type="text/javascript" src="js-ext/yui/build/yahoo/yahoo.js" ></script>
<script type="text/javascript" src="js-ext/yui/build/event/event.js" ></script>
<script type="text/javascript" src="js-ext/yui/build/dom/dom.js"></script>
<script type="text/javascript" src="js-ext/yui/build/yuiloader/yuiloader.js"></script>
<script type="text/javascript" src="js-ext/yui/build/dragdrop/dragdrop.js" ></script>
<script type="text/javascript" src="js-ext/yui/build/element/element.js"></script>
<script type="text/javascript" src="js-ext/yui/build/container/container_core.js"></script>
<script type="text/javascript" src="js-ext/yui/build/container/container.js"></script>
<script type="text/javascript" src="js-ext/yui/build/resize/resize.js"></script>
<script type="text/javascript" src="js-ext/yui/build/utilities/utilities.js"></script>
<script type="text/javascript" src="js-ext/yui/build/menu/menu.js" ></script>
<script type="text/javascript" src="js-ext/yui/build/calendar/calendar.js"></script>
<script type="text/javascript" src="js-ext/yui/build/treeview/treeview.js" ></script>
<script type="text/javascript" src="js-ext/yui/build/tabview/tabview.js"></script>
<script type="text/javascript" src="js-ext/yui/build/animation/animation.js"></script>
<script type="text/javascript" src="js-ext/yui/build/datasource/datasource.js"></script>
<script type="text/javascript" src="js-ext/yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="js-ext/yui/build/json/json-min.js"></script>
<script type="text/javascript" src="js-ext/yui/build/datatable/datatable.js"></script>
<script type="text/javascript" src="js-ext/yui/build/button/button.js"></script>
<script type="text/javascript" src="js-ext/yui/build/paginator/paginator-min.js"></script>
<script type="text/javascript" src="js-ext/yui/build/slider/slider-min.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?2.6.0/build/assets/skins/sam/skin.css">
-->
<link rel="stylesheet" type="text/css" href="js-ext/yui/build/assets/skins/sam/skin.css">
<link rel="stylesheet" type="text/css" href="js-i2b2/ui.styles/ui.styles.css">
<!-- Bug in IE - use MINIMUM number of LINK and STYLE tags in the DOM as possible: http://support.microsoft.com/kb/262161 -->
<style>
@import url(js-ext/yui/build/fonts/fonts-min.css);
@import url(js-ext/yui/build/tabview/assets/skins/sam/tabview.css);
@import url(js-ext/yui/build/menu/assets/skins/sam/menu.css);
@import url(js-ext/yui/build/button/assets/skins/sam/button.css);
@import url(js-ext/yui/build/container/assets/skins/sam/container.css);
@import url(js-ext/yui/build/container/assets/container.css);
@import url(js-ext/yui/build/calendar/assets/calendar.css);
@import url(js-ext/yui/build/treeview/assets/treeview-core.css);
@import url(js-ext/yui/build/resize/assets/skins/sam/resize.css);
@import url(assets/mod-treeview.css);
@import url(assets/help_viewer.css);
@import url(assets/msg_sniffer.css);
</style>
<script type="text/javascript" src="js-ext/idle-timer.js"></script>
<script type="text/javascript" src="js-ext/YUI_DataTable_PasswordCellEditor.js"></script>
<script type="text/javascript" src="js-ext/YUI_DataTable_MD5CellEditor.js"></script>
<!-- External libraries -->
<script type="text/javascript" src="js-ext/prototype.js"></script>
<script type="text/javascript" src="js-ext/firebug/firebugx.js"></script>
<script type="text/javascript" src="js-ext/excanvas.js"></script>
<script type="text/javascript" src="js-ext/bubbling-min.js"></script>
<script type="text/javascript" src="js-ext/accordion-min.js"></script>
<style type="text/css">
.myAccordion {
float: left;
width: 260px;
float: left;
}
.myAccordion .yui-cms-accordion {
width: 230px;
position:relative;
z-index:10000;
}
.myAccordion .moreinfo {
padding-left: 30px;
}
.myAccordion .yui-cms-accordion .yui-cms-item {
list-style-type: none;
float: left;
display: inline;
width: auto;
}
.myAccordion .yui-cms-accordion .yui-cms-item .accordionToggleItem {
width: 1px;
height: 1px;
display: block;
background: url(assets/images/accordion.gif) no-repeat 0px -200px;
text-decoration: none;
float: left;
}
.myAccordion .yui-cms-accordion .yui-cms-item.selected .accordionToggleItem {
background: url(assets/images/accordion.gif) no-repeat 0px -300px;
}
.myAccordion .yui-cms-accordion .yui-cms-item .bd {
width: 0px;
overflow: hidden;
}
.myAccordion .yui-cms-accordion .yui-cms-item .bd .fixed {
background: none repeat scroll 0 50% #BBCCEE;
padding: 5px;
border: 1px solid #667788;
overflow: hidden;
width: 200px;
height: 250px;
}
.myAccordion .yui-cms-accordion .yui-cms-item .bd .fixedbody {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #667788;
padding: 1px 5px;
height: 245px;
}
</style>
<!-- load i2b2 framework -->
<script type="text/javascript" src="js-i2b2/i2b2_loader.js"></script>
<link type="text/css" href="assets/i2b2.css" rel="stylesheet" />
<link type="text/css" href="assets/i2b2-NEW.css" rel="stylesheet" />
<!-- other auxiliary javascript source files -->
<script type="text/javascript" src="js-i2b2/hive/hive.ui.js"></script>
<!-- SHRINE Enhanced Error -->
<script src="js-i2b2/cells/SHRINE/EnhancedError.js"></script>
<!-- include test helper until tests can be externalized via phantom.js -->
<!-- script type="text/javascript" src="test/jasmine/src/labValueTestHelper.js"></script -->
<script type="text/javascript">
/****************************************************/
/******************** INITIALIZE ********************/
/****************************************************/
// declare and obtain the dimension of the initial browser viewport and initialize screen width division
var rightSideProportion = 0.65;
var initBrowserViewPortDim = document.viewport.getDimensions();
var rightSideWidth = initBrowserViewPortDim.width * rightSideProportion; // this component will take up 75% of the screen
function initI2B2()
{
//debugOnScreen("default.htm.initI2B2: browserViewPort = " + initBrowserViewPortDim.width + " " + initBrowserViewPortDim.height );
i2b2.events.afterCellInit.subscribe(
(function(en,co,a) {
var cellObj = co[0];
var cellCode = cellObj.cellCode;
switch (cellCode) {
case "PM":
// This i2b2 design implementation uses a prebuild login DIV we connect the Project Management cell to
// handle this method of login, the other method used for login is the PM Cell's built in floating
// modal dialog box to prompt for login credentials. You can edit the look and feel of this dialog box
// by editing the CSS file. You can remark out the lines below with no ill effect. Use the following
// javascript function to display the modal login form: i2b2.hive.PM.doLoginDialog();
//cellObj.doConnectForm($('loginusr'),$('loginpass'),$('logindomain'), $('loginsubmit'));
i2b2.PM.doLoginDialog();
break;
}
})
);
i2b2.events.afterHiveInit.subscribe(
(function(ename) {
// Misc GUI actions that need to be done after loading
$('QPD1').style.background = '#FFFFFF';
$('queryBalloon1').style.display = 'block';
})
);
i2b2.events.afterLogin.subscribe(
(function()
{
// after successful login hide the login box and display the application GUI
$('topBar').style.display = 'block';
$('screenQueryData').style.display = 'block';
var splitterName = 'main.splitter';
// update dimension values
initBrowserViewPortDim = document.viewport.getDimensions();
rightSideWidth = initBrowserViewPortDim.width * rightSideProportion; // this component will take up 60% of the screen
if (i2b2.PM.model.admin_only)
{
i2b2.hive.MasterView.setViewMode('Admin');
$('viewMode-Patients').style.display = 'none';
$('viewMode-Analysis').style.display = 'none';
// hide the splitter from view since we don't need it in admin-only mode
var splitter = $( splitterName );
splitter.style.visibility="hidden";
}
else
{
// create the splitter object only after login and not in admin-only mode
i2b2.hive.mySplitter = new Splitter(splitterName, {cont: 'screenQueryData'});
i2b2.hive.MasterView.initViewMode(); //tdw9
}
$('viewMode-Project').innerHTML = "Project: " + i2b2.PM.model.login_projectname;
$('viewMode-User').innerHTML = "User: " + i2b2.PM.model.login_fullname;
$('viewMode-User').title = i2b2.PM.model.userRoles;
if (i2b2.PM.model.login_debugging) { $('debugMsgSniffer').show(); }
}), i2b2
);
// start the i2b2 framework
i2b2.Init();
}
/**
* Grab help links from configuration file.
*/
function initHelp(){
//grab references to anchor elements.
var clientHelp = document.getElementById('clientHelp'),
networkHelp = document.getElementById('networkHelp'),
networkStatus = document.getElementById('networkStatus'),
dlgNetworkStatus= document.getElementById('dlgNetworkStatus');
//anonymous click handler to open client help in new window.
clientHelp.onclick = function(){
window.open(
i2b2.hive.cfg.clientHelpUrl,
'_blank'
);
};
//anonymous click handler to open network help in new window.
networkHelp.onclick = function(){
window.open(
i2b2.hive.cfg.networkHelpUrl,
'_blank'
);
}
if(i2b2.hive.cfg.networkStatusUrl !== undefined) {
dlgNetworkStatus.style.display = networkStatus.style.display = 'inherit';
//anonymous click handler to open network help in new window.
dlgNetworkStatus.onClick = networkStatus.onclick = function(evt){
window.open(
i2b2.hive.cfg.networkStatusUrl,
'_blank'
);
}
}
}
function init() {
// ------------------------------------------------------
// put any pre-i2b2 initialization code here
// ------------------------------------------------------
// initialize the i2b2 framework
initI2B2();
//grab help links from configuration.
initHelp();
}
YAHOO.util.Event.addListener(window, "load", init);
/********************************************************/
/******************** JAVASCRIPT END ********************/
/********************************************************/
</script>
</head>
<body class="yui-skin-sam">
<div id="title-back"></div>
<div class="pageMask" id="topMask" style="display:none;">&nbsp;</div>
<div id="project-request-viewer-panel" style="display:none;">
<div class="hd">i2b2 Web Client Project Request</div>
<div class="bd" id="project-request-viewer-body">
<p>Lorem Ipsum...</p>
</div>
<div class="ft"></div>
</div>
<div id="modifier-viewer-panel" style="display:none;">
<div class="hd">i2b2 Web Client Modifier</div>
<div class="bd" id="modifier-viewer-body">
<p>Lorem Ipsum...</p>
</div>
<div class="ft"></div>
</div>
<div id="help-viewer-panel" style="display:none;">
<div class="hd">i2b2 Web Client Help</div>
<div class="bd" id="help-viewer-body">
<p>Please wait loading help.</p>
</div>
<div class="ft"></div>
</div>
<div id="commViewerSingleMsg-panel" style="display:none;">
<div class="hd">XML Message</div>
<div class="bd" id="commViewerSingleMsg-body"><div class="xmlMsg"></div></div>
<div class="ft"></div>
</div>
<div id="PM-announcement-panel" style="display:none;">
<div class="hd" id="PM-announcement-title">Announcements</div>
<div class="bd" id="PM-announcement-body">
<p>Lorem Ipsum...</p>
</div>
<div class="ft"></div>
</div>
<div id="SHRINE-info-panel" style="display:none;">
<div class="hd" id="SHRINE-info-title">Topic</div>
<div class="bd" id="SHRINE-info-body">
<p>Lorem Ipsum...</p>
</div>
<div class="ft"></div>
</div>
<table border="0" cellspacing="0" cellpadding="0" width="100%" id="topBarTable">
<tr>
<td align="left" valign="middle"><img src="assets/images/title.gif" id="topBarTitle" border="0" alt="" /></td>
<td align="left" valign="middle"><div id="viewMode-Project"></div></td>
<td align="right" valign="middle"><div id="viewMode-User"></div></td>
<td align="right" valign="middle">
<div id="topBar" style="display:none;">
<!-- <form name="projectsForm" style="margin: 0pt; padding: 0pt;" onSubmit="i2b2.PM.selectProject(); return false;">
<select style="font-size:11px;float:left;" onChange="i2b2.PM.view.modal.projectDialog.loadProject()" name="projects" id="loginProjs2"></select>
<input type="hidden" value="" name="i2b2_projects_modal_dialog"/>
</form>
-->
<span id="viewMode-Patients">
<a href="Javascript:void(0)" onClick="i2b2.hive.MasterView.setViewMode('Patients');">Find Patients</a>
&nbsp;|&nbsp; </span>
<!-- <span id="viewMode-Admin">
<a href="Javascript:void(0)" onClick="i2b2.hive.MasterView.setViewMode('Admin');">Admin</a>
&nbsp;|&nbsp;
</span>
-->
<!--span id="viewMode-Analysis">
<a href="Javascript:void(0)" onClick="i2b2.hive.MasterView.setViewMode('Analysis');">Analysis Tools</a>
&nbsp;|&nbsp; </span-->
<span id="debugMsgSniffer" style="display:none">
<a href="Javascript:void(0)" onClick="i2b2.hive.MsgSniffer.show();">Message Log</a>
&nbsp;|&nbsp; </span>
<a id="clientHelp" style="cursor: pointer">Help</a>
&nbsp;|&nbsp;
<a id="networkHelp" style="cursor: pointer">Network Help</a>
&nbsp;|&nbsp;
<a id="networkStatus" style="cursor: pointer; display: none">Network
Status</a>
&nbsp;|&nbsp;
<a href="Javascript:void(0);" onClick="i2b2.PM.doLogout();">Logout</a> </div> </td>
</tr>
</table>
<div id="screenQueryData" style="display:none">
<!-- ############### <ONT View> ############### -->
<div id="ontMainBox" style="display:none">
<div id="ontTopTabs">
<div style="position:absolute;z-index:200;">
<div id="tabNavigate" class="tabBox active" onClick="i2b2.ONT.view.main.selectTab('nav')">
<div>Navigate Terms</div>
</div>
<div id="tabFind" class="tabBox" onClick="i2b2.ONT.view.main.selectTab('find')">
<div>Find Terms</div>
</div>
</div>
<div class="opXML">
<!-- <a href="JavaScript:showXML('ONT',i2b2.ONT.view.main.currentTab,'Request');" class="debug"><img src="assets/images/msg_request.gif" border="0" width="16" height="16" alt="Show XML Request" title="Show XML Request" /></a> -->
<!-- <a href="JavaScript:showXML('ONT',i2b2.ONT.view.main.currentTab,'Response');" class="debug"><img src="assets/images/msg_response.gif" border="0" width="16" height="16" alt="Show XML Response" title="Show XML Response" /></a> -->
<a href="JavaScript:showXML('ONT',i2b2.ONT.view.main.currentTab,'Stack');" class="debug"><img src="assets/images/msg_stack.gif" border="0" width="16" height="16" alt="Show XML Message Stack" title="Show XML Message Stack" /></a>
<a href="JavaScript:i2b2.ONT.view.main.showOptions();"><img src="assets/images/options.gif" border="0" width="16" height="16" alt="Show Options" title="Show Options" /></a>
<a href="JavaScript:i2b2.ONT.view.main.ZoomView();"><img id="ontZoomImg" width="16" height="16" border="0" src="js-i2b2/cells/ONT/assets/zoom_icon.gif" alt="Resize Workspace" title="Resize Workspace" /></a> </div>
</div>
<div id="ontMainDisp">
<div id="ontNavDisp">
<!--<div id="standardQuery">Standard Query Items</div>-->
<div id="ontNavResults"></div>
</div>
<div id="ontFindDisp" style="display:none">
<a id="ontFindTabName" href="Javascript:i2b2.ONT.view.find.selectSubTab('names')" class="findSubTabSelected" >Search by Names</a>
<a id="ontFindTabCode" href="Javascript:i2b2.ONT.view.find.selectSubTab('codes')" class="findSubTab" >Search by Codes</a>
<div id="ontFindFrameName" class="findSubFrame">
<form id="ontFormFindName" method="post" action="JavaScript:i2b2.ONT.ctrlr.FindBy.clickSearchName();" style="margin:0px; padding:0px;">
<table border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;width:100%;">
<tr>
<td style="width:100px;" valign="middle"><select name="ontFindStrategy" style="width:90px;overflow:hidden;font-size:11px;"><option value="contains">Containing</option><option value="exact">Exact</option><option value="left">Starting with</option><option value="right">Ending with</option></select></td>
<td valign="middle"><input name="ontFindNameMatch" type="text" maxlength="100" style="border:1px solid #7c9cba;width:100%;font-size:11px;" /></td>
</tr>
<tr><td colspan="2" style="height:5px;overflow:hidden;"></td></tr>
<tr>
<td valign="middle" style="width:135px;"><div class="ontFindButton"><a href="JavaScript:i2b2.ONT.ctrlr.FindBy.clickSearchName();">Find</a></div><div id="ontFindNameButtonWorking" style="display:none">Searching...</div></td>
<td valign="middle"><select id="ontFindCategory" name="ontFindCategory" style="font-size:11px;"><option value="i2b2">Any Category</option></select></td>
</tr>
</table>
</form>
</div>
<div id="ontSearchNamesResults" oncontextmenu="return false"></div>
<div id="ontFindFrameCode" class="findSubFrame" style="display:none">
<form id="ontFormFindCode" method="post" action="JavaScript:i2b2.ONT.ctrlr.FindBy.clickSearchCode();" style="margin:1px; padding:0px;">
<div><input id="ontFindCodeMatch" type="text" maxlength="100" style="border:1px solid #7c9cba;width:95%;font-size:11px;" /></div>
<table border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;width:100%; margin-top:5px;">
<tr>
<td style="width:100px;" valign="middle">
<div class="ontFindButton" style=""><a href="JavaScript:i2b2.ONT.ctrlr.FindBy.clickSearchCode();">Find</a></div><div id="ontFindCodeButtonWorking" style="display:none;"><img src="js-i2b2/cells/ONT/assets/loadera16.gif"/></div>
</td>
<td style="width:280px;" valign="middle">
<select id="ontFindCoding" name="ontFindCoding" style="font-size:11px;">
<option value="">Loading...</option>
</select>
</td>
</tr>
</table>
</form>
</div>
<div id="ontSearchCodesResults" oncontextmenu="return false"></div>
<div id="ontFindFrameModifier" style="display:none" class="findSubFrame">
<div id="ontFindFrameModifierTitle"></div>
<form id="ontFormFindModifier" method="post" action="JavaScript:i2b2.ONT.ctrlr.FindBy.clickSearchModifier();" style="margin:0px; padding:0px;">
<table border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;">
<tr>
<td style="width:100px;" valign="middle"><select name="ontFindStrategy" style="width:90px;overflow:hidden;font-size:11px;"><option value="contains">Containing</option><option value="exact">Exact</option><option value="left">Starting with</option><option value="right">Ending with</option></select></td>
<td colspan="2" valign="middle"><input name="ontFindModifierMatch" type="text" maxlength="100" style="border:1px solid #7c9cba;width:100%;font-size:11px;" /></td>
</tr>
<tr><td colspan="3" style="height:5px;overflow:hidden;"></td></tr>
<tr>
<td valign="middle"><div class="ontFindButton" style="width:75px;"><a href="JavaScript:i2b2.ONT.ctrlr.FindBy.clickSearchModifier('name');">Find Name</a></div><div id="ontFindNameButtonWorking" style="display:none;"><img src="js-i2b2/cells/ONT/assets/loadera16.gif"/></div></td>
<td valign="middle"><div class="ontFindButton" style="width:75px;"><a href="JavaScript:i2b2.ONT.ctrlr.FindBy.clickSearchModifier('code');">Find Code</a></div><div id="ontFindNameButtonWorking" style="display:none;"><img src="js-i2b2/cells/ONT/assets/loadera16.gif"/></div></td>
<td valign="middle"><div class="ontFindButton" style="width:75px;"><a href="JavaScript:i2b2.ONT.ctrlr.FindBy.clickSearchModifier('all');">Get All</a></div><div id="ontFindNameButtonWorking" style="display:none;"><img src="js-i2b2/cells/ONT/assets/loadera16.gif"/></div></td>
</tr>
</table>
</form>
</div>
<div id="ontSearchModifiersResults" oncontextmenu="return false"></div>
</div>
<div id="ontBalloonBox" xonmouseover="i2b2.ONT.view.main.hballoon.hideBalloons()">
<!--
<table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td align="center">
<div id="ontBalloon">drag an<br />item<br />from here</div>
</td></tr></table>
-->
</div>
</div>
<!--
<div class="myAccordion">
<div class="yui-cms-accordion vertical fast">
<div class="yui-cms-item">
<a href="#" class="accordionToggleItem" title="click to expand">&nbsp;</a>
<div class="bd">
<div class="fixed" id="ontModifier">
Modifier Info
</div>
</div>
</div>
</div>
</div>
-->
<div style="clear:both;"></div>
</div>
<!-- ############### </ONT View> ############### -->
<!-- ############### <PM Navigation View> ############### -->
<div id="pmNav" style="display:none;">
<div class="TopTabs">
<div class="tabBox active">
<div>PM Navigation</div>
</div>
</div>
<div class="bodyBox">
<div id="pmNavTreeview" class="StatusBoxText"></div>
</div>
</div>
<!-- ############### </PM Navigation View> ############### -->
<!-- ############### <PM Main Table View> ############### -->
<div id="pmMain" style="display:none;">
<div class="TopTabs">
<div class="tabBox active">
<div id="pmMainTitle">Primary Table</div>
</div>
<div class="opXML">
<a href="JavaScript:showXML('PM','Admin','Stack');" class="debug"><img src="assets/images/msg_stack.gif" border="0" width="16" height="16" alt="Show XML Message Stack" title="Show XML Message Stack" /></a> </div>
</div>
<div class="bodyBox">
<div id="pmAdminMainView" class="StatusBoxText" style="overflow:auto">
<div id="pmAdminHelp" style="margin-bottom:20px">Intro to PM Administration interface</div>
<div id="pmAdminMainTableview" style="display:none"></div>
<div id="pmAdminTableviewButtons" style="display:none; margin-bottom:25px">testing</div>
<div id="pmAdminParamTableview" style="display:none;"></div>
<div id="pmAdminParamTableviewButtons" style="display:none; margin-bottom:25px">testing</div>
</div>
</div>
</div>
<!-- ############### </PM Main Table View> ############### -->
<!-- ############### <PM Parmeter View> ############### -->
<div id="pmParam" style="display:none;">
<div class="TopTabs">
<div class="tabBox active">
<div>Parameter</div>
</div>
<div class="opXML">
<a href="JavaScript:showXML('PM','main','Stack');" class="debug"><img src="assets/images/msg_stack.gif" border="0" width="16" height="16" alt="Show XML Message Stack" title="Show XML Message Stack" /></a>
<a href="JavaScript:i2b2.WORK.view.main.ZoomView();"><img id="wrkZoomImg" width="16" height="16" border="0" src="js-i2b2/cells/WORK/assets/zoom_icon.gif" alt="Resize Workspace" title="Resize Workspace" /></a> </div>
</div>
<div class="bodyBox">
<span id="goParam" class="yui-button yui-push-button" style="float:right;">
<span class="first-child">
<button type="button">Add</button>
</span>
</span>
<br clear="all"/>
<!-- <div id="wrkTreeview" class="StatusBoxText"></div> -->
<div id="pmParamTableview" class="StatusBoxText"></div>
</div>
</div>
<!-- ############### </PM Parmeter View> ############### -->
<!-- ############### <WRK View> ############### -->
<div id="wrkWorkplace" style="display:none;">
<div class="TopTabs">
<div class="tabBox active">
<div>Workplace</div>
</div>
<div class="opXML">
<!-- <a href="JavaScript:showXML('WORK','main','Request');" class="debug"><img src="assets/images/msg_request.gif" border="0" width="16" height="16" alt="Show XML Request" title="Show XML Request" /></a> -->
<!-- <a href="JavaScript:showXML('WORK','main','Response');" class="debug"><img src="assets/images/msg_response.gif" border="0" width="16" height="16" alt="Show XML Response" title="Show XML Response" /></a> -->
<a href="JavaScript:showXML('WORK','main','Stack');" class="debug"><img src="assets/images/msg_stack.gif" border="0" width="16" height="16" alt="Show XML Message Stack" title="Show XML Message Stack" /></a>
<!-- <a href="JavaScript:i2b2.WORK.view.main.showOptions();"><img src="assets/images/options.gif" border="0" width="16" height="16" alt="Show Options" title="Show Options" /></a> -->
<a href="JavaScript:i2b2.WORK.view.main.ZoomView();"><img id="wrkZoomImg" width="16" height="16" border="0" src="js-i2b2/cells/WORK/assets/zoom_icon.gif" alt="Resize Workspace" title="Resize Workspace" /></a> </div>
</div>
<div class="bodyBox">
<div id="wrkTreeview" class="StatusBoxText"></div>
</div>
</div>
<!-- ############### </WRK View> ############### -->
<!-- ############### <CRC History View> ############### -->
<div id="crcHistoryBox" style="display:none;">
<div class="TopTabs">
<div class="tabBox active">
<div>Previous Queries</div>
</div>
<div class="opXML">
<!-- <a href="JavaScript:showXML('CRC','history','Request');" class="debug"><img src="assets/images/msg_request.gif" border="0" width="16" height="16" alt="Show XML Request" title="Show XML Request" /></a> -->
<!-- <a href="JavaScript:showXML('CRC','history','Response');" class="debug"><img src="assets/images/msg_response.gif" border="0" width="16" height="16" alt="Show XML Response" title="Show XML Response" /></a> -->
<a href="JavaScript:showXML('CRC','history','Stack');" class="debug"><img src="assets/images/msg_stack.gif" border="0" width="16" height="16" alt="Show XML Message Stack" title="Show XML Message Stack" /></a>
<!-- added refresh history button -->
<a href="JavaScript:i2b2.CRC.ctrlr.history.Refresh();">
<div id='refPrevQS' style='display:inline'>
<img height="16" width="16" border="0" title="Refresh Previous Queries" alt="Refresh Previous Queries" src="assets/images/refreshButton.JPG">
</div>
<div id='refPrev2QS' style='display:none'>
<img height="16" width="16" border="0" title="Refresh Previous Queries" alt="Refresh Previous Queries" src="assets/images/loadera16.gif">
</div>
</a>
<a href="JavaScript:i2b2.CRC.view.history.showOptions();"><img src="assets/images/options.gif" border="0" width="16" height="16" alt="Show Options" title="Show Options" /></a>
<a href="JavaScript:i2b2.CRC.view.history.ZoomView();"><img id="histZoomImg" width="16" height="16" border="0" src="js-i2b2/cells/WORK/assets/zoom_icon.gif" alt="Resize Workspace" title="Resize Workspace" /></a> </div>
</div>
<div class="bodyBox">
<div id="crcHistoryData" oncontextmenu="return false"></div>
</div>
</div>
<!-- ############### </CRC History View> ############### -->
<!-- ############### <CRC QueryTool View> ############### -->
<div id="crcQueryToolBox">
<div class="TopTabs">
<div class="tabBox active">
<div>Query Tool</div>
</div>
<div class="opXML">
<!-- <a href="JavaScript:showXML('CRC','QT','Request');" class="debug"><img src="assets/images/msg_request.gif" border="0" width="16" height="16" alt="Show XML Request" title="Show XML Request" /></a> -->
<!-- <a href="JavaScript:showXML('CRC','QT','Response');" class="debug"><img src="assets/images/msg_response.gif" border="0" width="16" height="16" alt="Show XML Response" title="Show XML Response" /></a> -->
<a href="JavaScript:showXML('CRC','QT','Stack');" class="debug"><img src="assets/images/msg_stack.gif" border="0" width="16" height="16" alt="Show XML Message Stack" title="Show XML Message Stack" /></a>
<a href="JavaScript:i2b2.CRC.view.QT.showOptions();"><img src="assets/images/options.gif" border="0" width="16" height="16" alt="Show Options" title="Show Options" /></a>
<a href="JavaScript:i2b2.CRC.view.QT.ZoomView();"><img id="qtZoomImg" width="16" height="16" border="0" src="js-i2b2/cells/CRC/assets/zoom_icon.gif" alt="Resize Workspace" title="Resize Workspace" /></a> </div>
</div>
<div class="bodyBox" id="crcQueryToolBox.bodyBox">
<div class="queryNameBar" id="queryNameBar" style="width:512px;">
<div class="queryLabel">Query Name:&nbsp;</div>
<div id="queryName"></div>
</div>
<div class="queryNameBar" id="temporalConstraintBar" style="width:512px;">
<div class="queryLabel" id="temporalConstraintLabel" style="width:120px; visibility:hidden">Temporal Constraint:&nbsp;</div>
<div class="qryTemporalConstraint" id="temporalConstraintDiv" style="float:left;overflow:hidden">
<input type="submit" id="queryTiming" name="queryTiming" value="Treat all groups independently">
<select id="menubutton1select" name="menubutton1select">
<option value="ANY">Treat all groups independently</option>
<option value="SAMEVISIT">Selected groups occur in the same financial encounter</option>
<option value="TEMPORAL">Define sequence of Events</option>
</select>
</div>
</div>
<div class="queryNameBar" id="defineTemporalBar" style="width:512px;display:none;">
<div class="qryTemporalConstraint" id="temporalConstraintDiv" style="float:left;overflow:hidden">
<input type="submit" id="defineTemporal" name="defineTemporal" value="Population in which events occur">
<select id="menubutton2select" name="menubutton2select">
<option value="0">Population in which events occur</option>
<option value="1">Event 1</option>
<option value="2">Event 2</option>
<option value="BUILDER">Define order of events</option>
<!-- <option value="ENCOUNTER">Selected groups occur in financial encounters in the specified order</option>
<option value="SAMEINSTANCENUM">Items Instance will be the same</option> -->
</select>
<button id="addDefineGroup">New Event</button>
</div>
</div>
<div id="crcQryToolPanels" style="width:512px;overflow:hidden;">
<div id = "crc.innerQueryPanel" style="width:550px;">
<div class="qryPanel">
<div class="qryPanelTitle">
<div class="qryPanelClear" style="float:right"><a href="JavaScript:i2b2.CRC.ctrlr.QT.panelControllers[0].doDelete();"><img src="js-i2b2/cells/CRC/assets/QryTool_b_clear.gif" border="0" alt="Clear" /></a></div>
<div id="queryPanelTitle1">Group 1</div>
</div>
<div class="qryPanelButtonBar">
<div class="qryButtonDate" style="float:left"><a id="queryPanelDatesB1" class="queryPanelButton" href="JavaScript:i2b2.CRC.ctrlr.dateConstraint.showDates(0)" title="Select the date range for this group's criterion to have occured within...">Dates</a></div>
<div class="qryButtonOccurs" style="float:left"><a id="queryPanelOccursB1" class="queryPanelButton" href="JavaScript:i2b2.CRC.ctrlr.QT.panelControllers[0].showOccurs()" title="Select the minimum number of times this group's criterion has occured...">Occurs &gt; <span id="QP1Occurs">0</span>x</a></div>
<div class="qryButtonExclude" style="float:left"><a id="queryPanelExcludeB1" class="queryPanelButton" href="JavaScript:i2b2.CRC.ctrlr.QT.panelControllers[0].doExclude()" title="Exclude records matching this group's criteria...">Exclude</a></div>
</div>
<div class="qryPanelTiming">
<div id="queryPanelTimingText" style="float:left">
<input type="submit" id="queryPanelTimingB1" name="queryPanelTiming" value="Treat Independently">
<select id="menubutton1select" name="menubutton1select">
<option value="ANY">Treat Independently</option>
<option value="SAMEVISIT">Occurs in Same Encounter</option>
</select>
</div>
<div class="qryButtonLimitB1" id="qryButtonLimitB1" style="display:none; float:right;"><a id="queryPanelLimitB1" class="queryPanelButton" href="JavaScript:i2b2.CRC.ctrlr.QT.panelControllers[0].showLimit()" title="Select the minimum number of times this group's criterion has occured...">Limit</a></div>
<!-- <div class="qryPanelButtonBar2">
<div class="qryPanelTiming" id="queryPanelTimingB1" style="float:left"></div> -->
</div>
<div id="QPD1" style="clear:both" oncontextmenu="return false" class="queryPanel"></div>
</div>
<div class="qryPanel" style="margin-left:2px;">
<div class="qryPanelTitle">
<div class="qryPanelClear" style="float:right"><a href="JavaScript:i2b2.CRC.ctrlr.QT.panelControllers[1].doDelete();"><img src="js-i2b2/cells/CRC/assets/QryTool_b_clear.gif" border="0" alt="Clear" /></a></div>
<div id="queryPanelTitle2">Group 2</div>
</div>
<div class="qryPanelButtonBar">
<div class="qryButtonDate" style="float:left"><a id="queryPanelDatesB2" class="queryPanelButton" href="JavaScript:i2b2.CRC.ctrlr.dateConstraint.showDates(1)" title="Select the date range for this group's criterion to have occured within...">Dates</a></div>
<div class="qryButtonOccurs" style="float:left"><a id="queryPanelOccursB2" class="queryPanelButton" href="JavaScript:i2b2.CRC.ctrlr.QT.panelControllers[1].showOccurs()" title="Select the minimum number of times this group's criterion has occured...">Occurs &gt; <span id="QP2Occurs">0</span>x</a></div>
<div class="qryButtonExclude" style="float:left"><a id="queryPanelExcludeB2" class="queryPanelButton" href="JavaScript:i2b2.CRC.ctrlr.QT.panelControllers[1].doExclude()" title="Exclude records matching this group's criteria...">Exclude</a></div>
</div>
<div class="qryPanelTiming" style="float:left">
<input type="submit" id="queryPanelTimingB2" name="queryPanelTiming" value="Treat Independently">
<select id="menubutton1select" name="menubutton1select">
<option value="ANY">Treat Independently</option>
<option value="SAMEVISIT">Occurs in Same Encounter</option>
</select>
</div>
<div id="QPD2" style="clear:both" oncontextmenu="return false" class="queryPanel"></div>
</div>
<div class="qryPanel" style="margin-left:2px;">
<div class="qryPanelTitle">
<div class="qryPanelClear" style="float:right"><a href="JavaScript:i2b2.CRC.ctrlr.QT.panelControllers[2].doDelete();"><img src="js-i2b2/cells/CRC/assets/QryTool_b_clear.gif" border="0" alt="Clear" /></a></div>
<div id="queryPanelTitle3">Group 3</div>
</div>
<div class="qryPanelButtonBar">
<div class="qryButtonDate" style="float:left"><a id="queryPanelDatesB3" class="queryPanelButton" href="JavaScript:i2b2.CRC.ctrlr.dateConstraint.showDates(2)" title="Select the date range for this group's criterion to have occured within...">Dates</a></div>
<div class="qryButtonOccurs" style="float:left"><a id="queryPanelOccursB3" class="queryPanelButton" href="JavaScript:i2b2.CRC.ctrlr.QT.panelControllers[2].showOccurs()" title="Select the minimum number of times this group's criterion has occured...">Occurs &gt; <span id="QP3Occurs">0</span>x</a></div>
<div class="qryButtonExclude" style="float:left"><a id="queryPanelExcludeB3" class="queryPanelButton" href="JavaScript:i2b2.CRC.ctrlr.QT.panelControllers[2].doExclude()" title="Exclude records matching this group's criteria...">Exclude</a></div>
</div>
<div class="qryPanelTiming" style="float:left">
<input type="submit" id="queryPanelTimingB3" name="queryPanelTiming" value="Treat Independently">
<select id="menubutton1select" name="menubutton1select">
<option value="ANY">Treat Independently</option>
<option value="SAMEVISIT">Occurs in Same Encounter</option>
</select>
</div>
<div id="QPD3" style="clear:both" oncontextmenu="return false" class="queryPanel"></div>
</div>
<div style="clear:both; width:100%; height:5px; overflow:hidden;"></div>
<!-- query topic panel added in -->
<div id="queryTopicPanel" style="margin-bottom:6px; display:none">
<select id="queryTopicSelect" style="height:20px; width:330px; border: solid 1px #6677AA;">
<option value="">---- Select a Query Topic ----</option>
</select>
<!--
<a class="topicButton" href="javascript:void(0)"
style="height: 21px; top:1px; position:relative; width:43px" onclick="i2b2.SHRINE.TopicInfo()">Info</a>
-->
<a class="topicButton" href="javascript:void(0)"
style="height: 21px; top:1px; position:relative; width: 133px"
onclick="i2b2.SHRINE.RequestTopic()">Request New Topic</a>
</div>
<div id="queryBalloonBox" onMouseOver="i2b2.CRC.view.QT.hballoon.hideBalloons()">
<div class="queryBalloon" id="queryBalloon1">drop a<br />term<br />on here</div>
<div class="queryBalloonAnd" id="queryBalloonAnd1">AND</div>
<div class="queryBalloon" id="queryBalloon2">drop a<br />term<br />on here</div>
<div class="queryBalloonAnd" id="queryBalloonAnd2">AND</div>
<div class="queryBalloon" id="queryBalloon3">drop a<br />term<br />on here</div>
</div>
</div>
<div id = "crc.temoralBuilder" style="width:550px;display:none;">
<div id="temporalbuilders" style="overflow:auto;">
<div class="relationshipAmongEvents" id="temporalbuilder_0">
<select id="preloc1[0]" name="preloc1[0]" style="width:100px;"><option value="STARTDATE">Start of</option><option value="ENDDATE">End of</option></select>
<select id="instanceopf1[0]" name="instanceopf1[0]" style="width:150px;"><option value="FIRST">the First Ever</option><option value="LAST">the Last Ever</option><option value="ANY">any</option></select>
<select id="instancevent1[0]" name="instancevent1[0]" style="width:100px;"><option value="Event 1" selected="selected">Event 1</option><option value="Event 2">Event 2</option></select>
<br/>
<select id="postloc[0]" name="postloc[0]" style="width:150px;">
<option value="LESS">Occurs Before</option>
<option value="LESSEQUAL">Occurs On Or Before</option>
<option value="EQUAL">Equals</option>
<option value="GREATER">Occurs On Or After</option>
<option value="GREATEREQUAL">Occurs After</option>
</select>
<br/>
<select id="preloc2[0]" name="preloc2[0]" style="width:100px;"><option value="STARTDATE">Start of</option><option value="ENDDATE">End of</option></select>
<select id="instanceopf2[0]" name="instanceopf2[0]" style="width:150px;"><option value="FIRST">the First Ever</option><option value="LAST">the Last Ever</option><option value="ANY">any</option></select>
<select id="instancevent2[0]" name="instancevent2[0]" style="width:100px;"><option value="Event 1">Event 1</option><option value="Event 2" selected="selected">Event 2</option></select>
<br/>
<input id="bytime1[0]" name="bytime1[0]" type="checkbox">By <select id="byspan1[0]" name="byspan1[0]" style="width:50px;"><option value="GREATER">&gt;</option><option value="GREATEREQUAL" selected="selected">&ge;</option><option value="EQUAL">=</option><option value="LESSEQUAL">&le;</option><option value="LESS">&lt;</option></select>
<input id="bytimevalue1[0]" name="bytimevalue1[0]" style="width:50px;" type="text" value="1">
<select id="bytimeunit1[0]" name="bytimeunit1[0]" style="width:100px;">
<option value="HOUR">hour(s)</option>
<option value="DAY" selected="selected">day(s)</option>
<option value="MONTH">month(s)</option>
<option value="YEAR">year(s)</option></select>
<br/>
<input id="bytime2[0]" name="bytime2[0]" type="checkbox">And <select id="byspan2[0]" name="byspan2[0]" style="width:50px;"><option value="GREATER">&gt;</option><option value="GREATEREQUAL">&ge;</option><option value="EQUAL">=</option><option value="LESSEQUAL" selected="selected">&le;</option><option value="LESS">&lt;</option></select>
<input id="bytimevalue2[0]" name="bytimevalue2[0]" style="width:50px;" type="text" value="1">
<select id="bytimeunit2[0]" name="bytimeunit2[0]" style="width:100px;">
<option value="HOUR">hour(s)</option>
<option value="DAY" selected="selected">day(s)</option>
<option value="MONTH">month(s)</option>
<option value="YEAR">year(s)</option></select>
</div>
</div>
<center>
<div id="addTemporalBox"><a href="JavaScript:i2b2.CRC.ctrlr.QT.doAddTemporal()">Add Temporal Relationship</a></div>
</center>
</div>
</div>
<div id="qryToolFooter" style="width:512px; overflow:hidden">
<div id="runBox"><a href="JavaScript:i2b2.CRC.ctrlr.QT.doQueryRun()"><span id="runBoxText">Run Query</span></a></div>
<div id="newBox"><a href="JavaScript:i2b2.CRC.ctrlr.QT.doQueryClear();">Clear</a></div>
<div id="printQueryBox"><a href="JavaScript:i2b2.CRC.ctrlr.QT.doPrintQuery();">Print Query</a></div>
<div id="groupCount" style="width:75px;float:left;height:16px;overflow:hidden;"></div>
<div id="scrollBox">
<a href="JavaScript:i2b2.CRC.ctrlr.QT.doScrollFirst();"><img id="panelScrollFirst" src="js-i2b2/cells/CRC/assets/QryTool_b_first_hide.gif" border="0" alt="Go First" /></a>
<a href="JavaScript:i2b2.CRC.ctrlr.QT.doScrollPrev();"><img id="panelScrollPrev" src="js-i2b2/cells/CRC/assets/QryTool_b_prev_hide.gif" border="0" alt="Go Previous" /></a>
<a href="JavaScript:i2b2.CRC.ctrlr.QT.doScrollNew();"><img src="js-i2b2/cells/CRC/assets/QryTool_b_newgroup.gif" border="0" alt="Add New" /></a>
<a href="JavaScript:i2b2.CRC.ctrlr.QT.doScrollNext();"><img id="panelScrollNext" src="js-i2b2/cells/CRC/assets/QryTool_b_next_hide.gif" border="0" alt="Go Next" /></a>
<a href="JavaScript:i2b2.CRC.ctrlr.QT.doScrollLast();"><img id="panelScrollLast" src="js-i2b2/cells/CRC/assets/QryTool_b_last_hide.gif" border="0" alt="Go Last" /></a>
</div>
</div>
</div>
</div>
<!-- ############### <CRC Status View> ############### -->
<div id="crcStatusBox" style="display:none">
<div class="TopTabs">
<div class="tabBox tabQueryStatus active"><div>Query Status</div></div>
<div class="opXML">
<a href="JavaScript:i2b2.CRC.ctrlr.QT.doPrintQuery();"><img id="qtPrintImg" width="16" height="16" border="0" src="js-i2b2/cells/CRC/assets/printer_img.gif" alt="Print Query" title="Print Query" /></a>
</div>
</div>
<div class="StatusBox">
<div id="infoQueryStatusText" class="StatusBoxText" oncontextmenu="return false"></div>
</div>
</div>
<!-- ############### <Workplace> ############### -->
<div class="PluginListBox" style="display:none;">
</div>
<!-- ############### </Workplace> ############### -->
<!-- ############### <PluginMgr List View> ############### -->
<div id="anaPluginListBox" style="display:none">
<div class="TopTabs">
<div class="tabBox tabPluginList active" ><div>Plugins</div></div>
<div class="opXML">
<!-- <a href="JavaScript:i2b2.PLUGINMGR.view.list.showOptions();"><img src="assets/images/options.gif" border="0" width="16" height="16"></a> -->
<a href="JavaScript:i2b2.PLUGINMGR.view.list.ZoomView();"><img id="pluglstZoomImg" width="16" height="16" border="0" src="js-i2b2/cells/CRC/assets/zoom_icon.gif" alt="Resize Workspace" /></a> </div>
</div>
<a id="plugListRecDETAIL-CLONE" class="pluginRecordBox DETAIL" style="display:none">
<div class="Icon"><img src="js-i2b2/cells/PLUGINMGR/assets/DEFAULTLIST_icon_32x32.gif" alt="" /></div>
<div class="txtBoundBox">
<div class="Name">Plugin Name</div>
<div class="Descript">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
</div>
<div style="clear:both"></div>
</a>
<a id="plugListRecSUMMARY-CLONE" class="pluginRecordBox SUMMARY" style="display:none">
<div class="Icon"><img src="js-i2b2/cells/PLUGINMGR/assets/DEFAULTLIST_icon_16x16.gif" alt="" /></div>
<div class="txtBoundBox Name">Plugin Name</div>
<div style="clear:both"></div>
</a>
<div class="PluginListBox">
<div class="topmenu" oncontextmenu="return false">
<form style="margin-top:1px;" action="javascript:void(0)">
<div style="float:left;"><select id="anaPluginView" style="width:160px" onChange="i2b2.PLUGINMGR.view.list.Render()"><option value="DETAIL">Detailed List View</option><option value="SUMMARY">Summary List View</option></select></div>
Category: <select id="anaPluginCats" style="width:200px" onChange="i2b2.PLUGINMGR.view.list.Render();"><option value="">Loading...</option></select>
</form>
</div>
<div id="anaPluginList" oncontextmenu="return false"></div>
</div>
<div style="clear:both;"></div>
</div>
<!-- ############### </PluginMgr List View> ############### -->
<!-- ############### <Plugin Viewer> ############### -->
<div id="anaPluginViewBox" style="display:none">
<div class="TopTabs">
<div class="tabBox active"><div>Plugin Viewer</div></div>
<div class="opXML">
<!-- <a href="JavaScript:showXML('PLUGINMGR','PlugView','Request');" class="debug"><img src="assets/images/msg_request.gif" border="0" width="16" height="16" alt="Show XML Request" title="Show XML Request" /></a> -->
<!-- <a href="JavaScript:showXML('PLUGINMGR','PlugView','Response');" class="debug"><img src="assets/images/msg_response.gif" border="0" width="16" height="16" alt="Show XML Response" title="Show XML Response" /></a> -->
<a href="JavaScript:showXML('PLUGINMGR','PlugView','Stack');" class="debug"><img src="assets/images/msg_stack.gif" border="0" width="16" height="16" alt="Show XML Message Stack" title="Show XML Message Stack" /></a>
<a href="JavaScript:i2b2.PLUGINMGR.view.PlugView.showOptions();"><img src="assets/images/options.gif" border="0" width="16" height="16" alt="Show Options" title="Show Options" /></a>
<a href="JavaScript:i2b2.PLUGINMGR.ctrlr.main.ZoomView();"><img id="plugviewZoomImg" width="16" height="16" border="0" src="js-i2b2/cells/PLUGINMGR/assets/zoom_icon.gif" alt="Resize Workspace" title="Resize Workspace" /></a> </div>
</div>
<div class="PluginViewBox">
<div id="anaPluginViewFrame" oncontextmenu="return false">
<div class="initialMsg">Select a plugin to load from the "Plugins" window.</div>
</div>
<iframe id="anaPluginIFRAME" src="assets/blank.html" style="display:none"></iframe>
</div>
<div style="clear:both;"></div>
</div>
<!-- ############### </Plugin Viewer> ############### -->
<div class="pageMask" id="itemOptionsMask" style="display:none" onClick="hidePopMenu();" onMouseDown="hidePopMenu();"></div>
<div class="pageMask" id="itemConstraintsMask" style="background-color: #000; filter:alpha(opacity=25); -moz-opacity:0.25;opacity: 0.25; display:none">&nbsp;</div>
<div id="itemOptions" style="display:none"></div>
<div id="itemConstraints" style=""></div>
<!-- ############### <Option Screens> ############### -->
<div id="optionsQT" style="display:none;">
<div class="hd" style="background:#6677AA;">Query Tool Options</div>
<div class="bd">
<center>
<table style="font-size:12px">
<!-- <tr><td>Maximum Number of Children to Display:</td><td><input id="MaxChldDisp" style="width:35px" /></td></tr> -->
<tr><td>Maximum Time to Wait for XML Response (in seconds):</td><td><input id="QryTimeout" style="width:35px" /></td></tr>
</table>
</center>
</div>
</div>
<div id="optionsHistory" style="display:none;">
<div class="hd" style="background:#6677AA;">Options for "Previous Queries" Window</div>
<div class="bd">
<center><br />
<table style="font-size:12px">
<tr><td>Maximum Number of Queries to Display:</td><td><input id="HISTMaxQryDisp" style="width:35px" /></td></tr>
<tr><td colspan="2"><br />Sort Queries</td></tr><tr><td colspan="2" class="dateBorder" align="center"><table id="HISToptSortBox" style="font-size:12px; text-align:left;">
<tr><td><input type="radio" name="HISTsortBy" id="HISTsortByNAME" value="NAME" checked="checked" /> By Name</td></tr><tr><td><input type="radio" name="HISTsortBy" id="HISTsortByDATE" value="DATE" /> By Create Date</td></tr>
<tr><td colspan="2"><hr width="75%" /></td></tr>
<tr><td><input type="radio" name="HISTsortOrder" id="HISTsortOrderASC" value="ASC" checked="checked" /> Ascending</td><td><input type="radio" name="HISTsortOrder" id="HISTsortOrderDESC" value="DESC" /> Descending</td>
</tr></table></td></tr>
</table>
</center>
</div>
</div>
<div id="optionsOntNav" style="display:none;">
<div class="hd" style="background:#6677AA;">Options for Navigating Terms</div>
<div class="bd">
<br />
<div style="font-size:12px; margin-left:50px" >Maximum Number of Children to Display: <input id="ONTNAVMaxQryDisp" style="width:35px" value="200" /></div>
<div style="margin-left:50px"><input type="checkbox" id="ONTNAVshowHiddens" /> Show Hidden Terms</div>
<div style="margin-left:50px"><input type="checkbox" id="ONTNAVshowSynonyms" /> Show Synonymous Terms</div>
<div style="margin-left:50px"><input type="checkbox" checked id="ONTNAVshowPatientCounts" /> Enable Patient Counts</div>
<div style="margin-left:50px"><input type="checkbox" id="ONTNAVshowShortTooltips" /> Use Short Tooltips</div>
<div style="margin-left:50px"><input type="checkbox" id="ONTNAVshowCodeTooltips" /> Show Concept Codes in Tooltips</div>
<div style="margin-left:50px"><input type="checkbox" id="ONTNAVdisableModifiers" /> Disable Modifiers</div>
</div>
</div>
<div id="optionsOntFind" style="display:none;">
<div class="hd" style="background:#6677AA;">Options for Finding Terms</div>
<div class="bd">
<br />
<div style="font-size:12px; margin-left:50px" >Maximum Number of Children to Display: <input id="ONTFINDMaxQryDisp" style="width:35px" value="200" /></div>
<div style="margin-left:50px"><input type="checkbox" id="ONTFINDshowHiddens" /> Show Hidden Terms</div>
<div style="margin-left:50px"><input type="checkbox" checked id="ONTFINDshowSynonyms" /> Show Synonymous Terms</div>
<div style="margin-left:50px"><input type="checkbox" id="ONTFINDshowPatientCounts" /> Enable Patient Counts</div>
<div style="margin-left:50px"><input type="checkbox" id="ONTFINDshowShortTooltips" /> Use Short Tooltips</div>
<div style="margin-left:50px"><input type="checkbox" checked id="ONTFINDshowCodeTooltips" /> Show Concept Codes in Tooltips</div>
<div style="margin-left:50px"><input type="checkbox" id="ONTFINDdisableModifiers" /> Disable Modifiers</div>
</div>
</div>
<!-- ############### </Option Screens> ############### -->
<div id="calendarDiv" style="z-index:1520; display:none;"></div>
<!-- DO NOT MOVE calendarDivMask IE 5/6/7 has major z-index bug -->
<div id="calendarDivMask" style="display:none; z-index:1510; position:absolute; background-image:url('null.gif')" onClick="i2b2.CRC.ctrlr.dateConstraint.hideCalendar()"></div>
<div id="constraintDates" style="display:none;">
<div class="hd" style="background:#6677AA;">Constrain Group by Date Range</div>
<div class="bd">
<br />
<center>
<table style="font-size:12px">
<tr><td>From:</td><td></td><td>To:</td></tr>
<tr>
<td class="dateBorder">
<table><tr>
<td valign="middle"><input id="checkboxDateStart" type="checkbox" onChange="i2b2.CRC.ctrlr.dateConstraint.toggleDate()" /></td>
<td valign="middle"><input id="constraintDateStart" value="01/31/2008" style="width:75px;" disabled="disabled" /></td>
<td valign="middle"><a href="Javascript:i2b2.CRC.ctrlr.dateConstraint.doShowCalendar('S')"><img id="dropDateStart" style="position:relative; top:1px; border:none;" class="calendarDropdown" src="assets/images/b_dropdown.gif" alt="" /></a>&nbsp;</td>
</tr></table>
</td>
<td>&nbsp;&nbsp;&nbsp;</td>
<td class="dateBorder">
<table>
<tr>
<td valign="middle"><input id="checkboxDateEnd" type="checkbox" onChange="i2b2.CRC.ctrlr.dateConstraint.toggleDate()" /></td>
<td valign="middle"><input id="constraintDateEnd" value="12/31/2008" style="width:75px;" disabled="disabled" /></td>
<td valign="middle"><a href="Javascript:i2b2.CRC.ctrlr.dateConstraint.doShowCalendar('E');"><img id="dropDateEnd" style="position:relative; top:1px" class="calendarDropdown" border="0" src="assets/images/b_dropdown.gif" alt=""/></a>&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
<br /><br />
</div>
</div>
<div id="constraintOccurs" style="display:none;">
<div class="hd" style="background:#6677AA;">Constrain Group by Number of Occurances</div>
<div class="bd">
<br />Event(s) within the group occur more than
<select style="width: 46px;" id="constraintOccursInput" name="constraintOccursInput">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
</select> times.<br/>
<br/>
<div id="constraintEncounterBased" style="display:none;">
<input type="checkbox" id="constraintEncounterFirst" name="constraintEncounterBefore">Only use FIRST financial encounter in which the event(s) occur.<br/>
<input type="checkbox" id="constraintEncounterLast" name="constraintEncounterLast">Only use LAST financial encounter in which the event(s) occur.
</div>
<div id="constraintTextBased" style="display:none;">
<p>Application of relevance for text searches only</p>
Percent of the matching documents which should be returned where documents with the highest relevance will be returned first.
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider" style="float:left;">
<div id="slider-thumb" class="yui-slider-thumb"><img src="assets/images/thumb-n.gif"></div>
</div>
<div style="float:left;padding:5px 0 0 5px;">
<span id="slider-value">100</span>%
</div>
<br clear="all"/>
</div>
</div>
</div>
<!-- ############### Temporal Interval Limits ############### -->
<div id="constraintLimits" style="display:none;">
<div class="hd" style="background:#6677AA;">Temporal Interval Limits</div>
<div class="bd">
This group must occur<br/>
<input type="checkbox" id="aaa" name="aaa">At least
<select style="width: 46px;" id="bbb" name="bbb">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<select style="width: 100px; margin-bottom:5px;" id="ccc" name="ccc">
<option value="1">Days(s)</option>
<option value="2">Month(s)</option>
<option value="3">Year(s)</option>
</select>
after the previous group.
<br/>
<input type="checkbox" id="ddd" name="ddd">No more than
<select style="width: 46px;" id="bbb" name="bbb">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<select style="width: 100px; margin-bottom:5px;" id="ccc" name="ccc">
<option value="1">Days(s)</option>
<option value="2">Month(s)</option>
<option value="3">Year(s)</option>
</select>
after the previous group.
<br/>
<input type="checkbox" id="ddd" name="ddd">At least
<select style="width: 46px;" id="bbb" name="bbb">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<select style="width: 100px; margin-bottom:5px;" id="ccc" name="ccc">
<option value="1">Days(s)</option>
<option value="2">Month(s)</option>
<option value="3">Year(s)</option>
</select>
before the next group.
<br/>
<input type="checkbox" id="ddd" name="ddd">No more than
<select style="width: 46px;" id="bbb" name="bbb">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<select style="width: 100px; margin-bottom:5px;" id="ccc" name="ccc">
<option value="1">Days(s)</option>
<option value="2">Month(s)</option>
<option value="3">Year(s)</option>
</select>
before the next group.
<br/>
</div>
</div>
<!-- ############### <LabRange> ############### -->
<div id="itemLabRange" style="display:none;">
<div class="hd" style="background:#6677AA;">Lab Range Constraint</div>
<div class="bd modLabValues">
<div style="margin: 0px 5% 12px; text-align: center;" id="valueContraintText"></div>
<div class="mlvBody">
<div class="mlvtop">
<div class="mlvModesGroup">
<div class="mlvMode"><input name="mlvfrmType" id="mlvfrmTypeNONE" value="NO_VALUE" type="radio" checked="checked" /> No value</div>
<div class="mlvMode"><input name="mlvfrmType" id="mlvfrmTypeFLAG" value="BY_FLAG" type="radio" /> By flag</div>
<div class="mlvMode"><input name="mlvfrmType" id="mlvfrmTypeVALUE" value="BY_VALUE" type="radio" /> By value</div>
</div>
<div class="mlvInputGroup">
<div id="mlvfrmFLAG" style="display:none">
Please select a range:<br />
<select id='mlvfrmFlagValue'><option value="">Loading...</option></select>
</div>
<div id="mlvfrmVALUE" style="display:none">
<p id="mlvfrmEnterOperator">
Please select operator:<br />
<select id='mlvfrmOperator'>
<option value="LT">LESS THAN (&lt;)</option>
<option value="LE">LESS THAN OR EQUAL TO (&lt;=)</option>
<option value="EQ">EQUAL (=)</option>
<option value="BETWEEN">BETWEEN</option>
<option value="GT">GREATER THAN (&gt;)</option>
<option value="GE">GREATER THAN OR EQUAL (&gt;=)</option>
</select>
</p>
<p id="mlvfrmEnterStringOperator">
Please select operator:<br />
<select id='mlvfrmStringOperator'>
<option value="LIKE[contains]">Contains</option>
<option value="LIKE[exact]">Exact</option>
<option value="LIKE[begin]">Starts With</option>
<option value="LIKE[end]">Ends With</option>
</select>
</p>
<p id="mlvfrmEnterVal">
Please enter a value:<br />
<input id="mlvfrmNumericValue" class="numInput" />
</p>
<p id="mlvfrmEnterVals" style="display:none">Please enter values:<br />
<input id="mlvfrmNumericValueLow" class="numInput" /> &nbsp;-&nbsp; <input id="mlvfrmNumericValueHigh" class="numInput" />
</p>
<p id="mlvfrmEnterStr">Enter Search Text:<br /><input id="mlvfrmStrValue" class="strInput" /> </p>
<p id="mlvfrmEnterDbOperator"><input id="mlvfrmDbOperator" type="checkbox"/> Use Database Operators <i>(Advanced Searching)</i><br/></p>
<p id="mlvfrmEnterEnum">Please select a value:<br />
<select id="mlvfrmEnumValue" class="enumInput" multiple="multiple" size="5" style="overflow: scroll; width: 562px;">
<option value="">Loading...</option>
</select>
</p>
</div>
</div>
<div style="clear:both;height:1px;overflow:hidden;"></div>
<!-- BEGIN snm0 -->
<!-- Lab value bars display section -->
<div id="mlvfrmBarContainer" style="margin: 10px; padding: 10px; text-align: center; border: 1px solid #000080; height: auto; display:none">
<!-- <div id="mlvfrmBarContainer" class="barContainer" style="white-space:nowrap; display:none"> -->
<div style="height: 55px">
<!-- top text -->
<div>Click on a bar segment to help specify a value or range:</div>
<div>Range in <span id="mlvfrmLblUnits" style="font-decoration:italic bold">mm/Hg</span></div>
<!-- bars are drawn -->
<div id="barToxL" style="float:left; background: none repeat scroll 0% 0% rgb(0, 0, 0); height: 15px; width: 72px;">
<a href="#lblToxL" onclick="i2b2.CRC.view.modalLabValues.updateValue(event)" title="Toxic low value" class="barlink">&nbsp;</a></div>
<div id="barLofL" style="float:left; background: none repeat scroll 0% 0% rgb(255, 0, 0); height: 15px; width: 72px;">
<a href="#lblLofL" onclick="i2b2.CRC.view.modalLabValues.updateValue(event)" title="Abnormal low value" class="barlink">&nbsp;</a></div>
<div id="barHofL" style="float:left; background: none repeat scroll 0% 0% rgb(255, 255, 0); height: 15px; width: 72px;">
<a href="#lblHofL" onclick="i2b2.CRC.view.modalLabValues.updateValue(event)" title="Indeterminant low value" class="barlink">&nbsp;</a></div>
<div id="barNorm" style="float:left; background: none repeat scroll 0% 0% rgb(0, 255, 0); height: 15px; width: 72px;">
<a href="#" onclick="i2b2.CRC.view.modalLabValues.updateValue(event)" title="Normal" class="barlink">&nbsp;</a></div>
<div id="barLofH" style="float:left; background: none repeat scroll 0% 0% rgb(255, 255, 0); height: 15px; width: 72px;">
<a href="#lblLofH" onclick="i2b2.CRC.view.modalLabValues.updateValue(event)" title="Indeterminant high value" class="barlink">&nbsp;</a></div>
<div id="barHofH" style="float:left; background: none repeat scroll 0% 0% rgb(255, 0, 0); height: 15px; width: 72px;">
<a href="#lblHofH" onclick="i2b2.CRC.view.modalLabValues.updateValue(event)" title="Abnormal high value" class="barlink">&nbsp;</a></div>
<div id="barToxH" style="float:left; background: none repeat scroll 0% 0% rgb(0, 0, 0); height: 15px; width: 72px;">
<a href="#lblToxH" onclick="i2b2.CRC.view.modalLabValues.updateValue(event)" title="Toxic high value" class="barlink">&nbsp;</a></div>
<!-- labels are drawn -->
<div id="lblToxL" style="float: left; text-align: right; width: 72px;">&nbsp;</div>
<div id="lblLofL" style="float: left; text-align: right; width: 72px;">&nbsp;</div>
<div id="lblHofL" style="float: left; text-align: right; width: 72px;">&nbsp;</div>
<div id="lblNorm" style="float: left; text-align: left; width: 72px;">&nbsp;</div>
<div id="lblLofH" style="float: left; text-align: left; width: 72px;">&nbsp;</div>
<div id="lblHofH" style="float: left; text-align: left; width: 72px;">&nbsp;</div>
<div id="lblToxH" style="float: left; text-align: left; width: 72px;">&nbsp;</div>
</div>
</div>
<!-- Units display section -->
<div id="mlvfrmUnitsContainer" style="margin: 10px 0px 0px 15px; display:none">
<div style="float:left; text-align:left; bottom: 0">Units = &nbsp;</div>
<span><select id='mlvfrmUnits' class="units" style="width: 500px; float:left;"><option value="0">Loading...</option></select></span>
<span id="mlvUnitExcluded" style="color:#900; margin-left: 20px">A value cannot be specified for these units.</span>
</div>
<!-- END snm0 -->
</div>
</div>
</div>
</div>
<!-- ############### </LabRange> ############### -->
<!-- ############### <Query Rename Dialog> ############### -->
<div id="dialogQmName" style="display:none;">
<div class="hd" style="background:#6677AA;">Query Name</div>
<div class="bd">
<br />
<div style="font-size:12px; margin-left:50px" >Please type a name for the query:</div>
<div style="margin-left:50px"><input id="inputQueryName" style="width:275px" /></div>
</div>
</div>
<!-- ############### </Query Rename Dialog> ############### -->
<!-- ############### <Query Run Dialog> ############### -->
<div id="dialogQryRun" style="display:none;">
<div class="hd" style="background:#6677AA;">Run Query</div>
<div class="bd">
<br />
<div style="font-size:12px; margin-left:50px" >Please type a name for the query:</div>
<div style="margin-left:50px"><input class="inputQueryName" style="width:275px" /></div>
<div style="height:25px;"></div>
<div style="font-size:12px; margin-left:50px" >Please check the query result type(s):</div>
<div style="border: 1px solid rgb(171, 173, 179); height:100px; overflow:auto; margin-left: 50px; width: 275px; padding: 4px" id="dialogQryRunResultType">
<div id="crcDlgResultOutputPRC"><input type="checkbox" class="chkQueryType"
name="queryType"
value="patient_count_xml"
checked="checked" /> Patient
Count (aggregate number only)</div>
<div id="crcDlgResultOutputPRS">
<input type="checkbox" class="chkQueryType"
name="queryType"
value="patient_set_xml"
/> Patient Set (list of matching patients)</div>
<div id="crcDlgResultOutputENS">
<input type="checkbox" class="chkQueryType"
name="queryType"
value="encounter_set_xml"
/> Encounter Set (list of matching encounters)</div>
</div>
</div>
</div>
<!-- ############### </Query Run Dialog> ############### -->
<!-- ############### <Query Error Detail> ############### -->
<div id="dialogErrorDetail" style="display:none;">
<div class="hd" style="background:#6677AA;">Query Error Detail</div>
<div class="bd">
<br />
<button id='btnExpandErrorDetail'>More
Detail
</button>
<button id='btnContractErrorDetail'
style='display: none'>Less Detail
</button>
<a id="dlgNetworkStatus"
style="cursor: pointer; position:absolute; right:20px;
top: 58px; text-decoration:
underline; color:blue; display: none">Network
Status</a>
<div style="border: 1px solid #C0C0C0; max-height: 450px;
background-color: #FFFFFF; overflow: scroll; word-wrap: break-word; padding: 10px 5px;"
id="errorDetailDiv" class="StatusBoxText">
</div>
</div>
</div>
<!-- ############### </Query Error Detail> ############### -->
<!-- ############### <Query Run Dialog> ###############
<div id="dialogQryRun" style="display:none;">
<div class="hd" style="background:#6677AA;">Run Query</div>
<div class="bd">
<br />
<div style="font-size:12px; margin-left:50px" >Please type a name for the query:</div>
<div style="margin-left:50px"><input class="inputQueryName" style="width:275px" /></div>
<div style="height:25px;"></div>
<div style="font-size:12px; margin-left:50px" >Please check the query result type(s):</div>
<div style="border: 1px solid rgb(171, 173, 179); height:100px; overflow:auto; margin-left: 50px; width: 275px; padding: 4px" id="dialogQryRunResultType">
<div id="crcDlgResultOutputPRC"><input type="checkbox" class="chkQueryType" name="queryType" value="patient_count_xml" checked="checked" /> Patient Count (aggregate number only)</div>
</div>
</div>
</div>
<!-- ############### </Query Run Dialog> ############### -->
<!-- ############### <Timeout Dialog> ############### -->
<div id="dialogTimeout" style="display:none;">
<div class="hd" style="background:#6677AA;">Session Timing Out</div>
<div class="bd">
<br />
<div style="font-size:12px; margin-left:10px" >Your session will automatically time out in 5 minutes due to inactivity. Please click "OK" to continue your session, or click cancel to log out.</div>
<div style="height:15px;"></div>
</div>
</div>
<!-- ############### </Timeout Dialog> ############### -->
<!-- ############### <Draggable Splitter> ############### -->
<div id="main.splitter" class="vertical_splitter" style="top:33px"></div> <!-- Overwriting the default top position -->
<!-- Debug output -->
<!-- <div id="main.debug" style="position: absolute; top: 300px; left: 300px; color: red"> <p></p><br> </div> -->
<!-- ############### <Draggable Splitter> ############### -->
<!-- ############### <Query Flag Dialog> ############### -->
<div id="dialogQryFlag" style="display:none;">
<div class="hd" style="background:#6677AA;">Flag Query</div>
<div class="bd">
<br/>
<div style="font-size:12px; margin-left:50px">Please type a message:</div>
<div style="margin-left:50px">
<input id="inputQueryFlagMessage" style="width:275px"/>
</div>
</div>
</div>
</div>
</body>
</html>
c4science · Help