Homec4science
Diffusion i2b2-webclient (master) Browse

R4897/js-i2b2/cells/plugins/MedCo/assets/injected_screens.html
699f136ba953master

Last Change
Raw File

injected_screens.html
View Options

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
<div id='MedCo-mainDiv'>
<div id="MedCo-TABS" class="yui-navset">
<!--tabs definitions-->
<ul class="yui-nav">
<li id="MedCo-TAB0" class="selected"><a href="#MedCo-TAB0"><em>Secure Query Dashboard</em></a></li>
<!--<li id="MedCo-TAB1"><a href="#MedCo-TAB1"><em>Genomic Annotations Attributes</em></a></li>-->
<!--<li id="MedCo-TAB2"><a href="#MedCo-TAB2"><em>Clinical Ontology Attributes</em></a></li>-->
<li id="MedCo-TAB3"><a href="#MedCo-TAB3"><em>Plugin Help</em></a></li>
</ul>
<!-- tabs definition -->
<div class="yui-content" id="MedCo-CONTENT">
<!-- Secure Query DashBoard tab -->
<div class="MedCo-Dashboard">
<!-- run - reset - drop patient set - query for query status - decrypt result -->
<div class="MedCo-ControlButtons">
<!-- old popup todo delete &lt;!&ndash; Popup &ndash;&gt;-->
<!--<div id="annoMessage" class="popupMessage">-->
<!--<div>-->
<!--<h1>Annotations</h1>-->
<!--<div style="margin: 5px 10px 10px 10px">-->
<!--<label>-->
<!--Select an annotation:-->
<!--<input type="search" id="searchAnnotationBox">-->
<!--<select id="annotationList" onchange="i2b2.MedCo.ctrlr.loadAnnotationValues()">-->
<!--</select>-->
<!--</label>-->
<!--<br>-->
<!--<label>-->
<!--Select a value:-->
<!--<input type="search" id="searchAnnotationValueBox">-->
<!--&lt;!&ndash;<div id="MED-loadingValues" style="float:left;"></div>&ndash;&gt;-->
<!--&lt;!&ndash;todo often too many values (20 000) the select is useless and slow&ndash;&gt;-->
<!--&lt;!&ndash;<select id="annotationValueList">&ndash;&gt;-->
<!--&lt;!&ndash;</select>&ndash;&gt;-->
<!--&lt;!&ndash;use span for inline text&ndash;&gt;-->
<!--<span id="selectedAnnotationValue"></span>-->
<!--</label>-->
<!--&lt;!&ndash;<br>&ndash;&gt;-->
<!--&lt;!&ndash;a textbox to write down annotations&ndash;&gt;-->
<!--&lt;!&ndash;<label>&ndash;&gt;-->
<!--&lt;!&ndash;Write the annotations separated by a ';':&ndash;&gt;-->
<!--&lt;!&ndash;<input&ndash;&gt;-->
<!--&lt;!&ndash;id="written_annotations"&ndash;&gt;-->
<!--&lt;!&ndash;type="text"&ndash;&gt;-->
<!--&lt;!&ndash;value="annotation x"&ndash;&gt;-->
<!--&lt;!&ndash;onkeypress="i2b2.MedCo.popupEnterPressed(event)">&ndash;&gt;-->
<!--&lt;!&ndash;</label>&ndash;&gt;-->
<!--<div>-->
<!--<input type="button" value="Ok" onclick="i2b2.MedCo.popupOk()" style="float: left">-->
<!--<input type="button" value="Cancel" onclick="i2b2.MedCo.popupHide()" style="float: right">-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--&lt;!&ndash; &ndash;&gt;-->
<input type="button" onclick="i2b2.MedCo.ctrlr.genePopup.show(1);" value="show gene popup"/>
<input type="button" onclick="i2b2.MedCo.ctrlr.variantNamePopup.show(1);" value="show variant name popup"/>
<h2 class="medcoQryToolTitle">Drop concepts here</h2>
<div class="medcoQryToolPanels">
<div>
<!--<div class="droptrgtlbl">Drop concepts here</div>-->
<div id="medcoQryToolPanel1" class="medcoQryToolPanel droptrgt SDX-PRS">
<p id="panel1content"> </p>
</div>
<div id="medcoQryToolPanel2" class="medcoQryToolPanel droptrgt SDX-PRS">
<p id="panel2content"> </p>
</div>
<div id="medcoQryToolPanel3" class="medcoQryToolPanel droptrgt SDX-PRS">
<p id="panel3content"> </p>
</div>
<!--&lt;!&ndash;Show chosen annotations&ndash;&gt;-->
<!--<div style="background-color: aliceblue; height: 100%; " class="medcoQryToolPanel">-->
<!--<h3>Chosen annotations: </h3>-->
<!--<p id="chosen_annotations"> </p>-->
<!--<input type="button" value="Clear" onclick="i2b2.MedCo.Clear()">-->
<!--</div>-->
<!--&lt;!&ndash; &ndash;&gt;-->
</div>
</div>
<div>
<div style="padding-top: 10px">
<div class="MED-Buttons">
<div class="runButton"><a href="JavaScript:i2b2.MedCo.ctrlr.run()">Run Query</a></div>
<div class="resetButton"><a href="JavaScript:i2b2.MedCo.ctrlr.clear()">Clear</a></div>
</div>
<table class="MED-resultTable">
<tbody>
<tr>
<td>Number of patients</td>
</tr>
<tr>
<td id="MED-plainResult">
-
</td>
</tr>
</tbody>
</table>
<!--<div class="statusBox"><a href="JavaScript:i2b2.MedCo.ctrlr.queryStatus()">Query Status</a></div>-->
<!-- status info goes into lower status div in i2b2 -->
</div>
</div>
<div id="mylog" style="overflow: scroll; width: 100%; height: 100%;">
</div>
</div>
</div>
<!-- Genomic Annotations Attributes tab -->
<!--<div>-->
<!--<div id="byGene" style="disply:block;">-->
<!--<div class="label">Genomic Annotations Search</div>-->
<!--<input type="string" name="gene_input" id="gene_input" class="medco-input"/>-->
<!--</div>-->
<!--<div id="annotations_display">-->
<!--&lt;!&ndash; dynamically inserted annotations text &ndash;&gt;-->
<!--&lt;!&ndash; TODO: autocompletion in text bow &ndash;&gt;-->
<!--</div>-->
<!--</div>-->
<!-- Clinical Ontology Attributes tab -->
<!--<div>-->
<!--<div id="secure_ontology_selector">-->
<!--&lt;!&ndash; dynamically inserted ontology query builder &ndash;&gt;-->
<!--</div>-->
<!--</div>-->
<!-- Plugin Help tab -->
<div>
<div class="MedCo-MainContent">
<div class="MedCo-MainContentPad">
</div>
</div>
</div>
<!-- gene popup -->
<div id="MedCo_genePopup" style="visibility: collapse;">
<div class="hd">Search by Gene</div>
<div class="bd">
<p>
Use the gene name box to specify the variant for which to search. When you
begin typing in the search box below, the dropdown list will be populated with
some matching options. Regular expressions are accepted.
</p>
<table class="MedCo_popupTable">
<tr>
<th> Gene Name* </th>
<td>
<input type="search" id="searchGeneInputBox">
</td>
<td>
<!-- todo I should update too when the user clicks the already selected option -->
<select id="geneList" onchange="
document.querySelector('#searchGeneInputBox').value = this.options[this.selectedIndex].text;">
</select>
</td>
</tr>
<tr>
<th>Zygosity*</th>
<td colspan="2">
<div id="zygosityListGenePopup">
<label><input type="checkbox" id="heterozygousGenePopup">Heterozygous</label>
<label><input type="checkbox" id="homozygousGenePopup">Homozygous</label>
<label><input type="checkbox" id="unknownGenePopup">Unknown</label>
</div>
</td>
</tr>
</table>
</div>
</div>
<!-- -->
<!-- variant name popup -->
<div id="MedCo_variantNamePopup" style="visibility: collapse;">
<div class="hd">Search by variant name</div>
<div class="bd">
<p>
Use the variant name box to specify the variant for which to search. When you
begin typing in the search box below, the dropdown list will be populated with
some matching options. Regular expressions are accepted.
</p>
<table class="MedCo_popupTable">
<tr>
<th> Variant Name* </th>
<td>
<input type="search" id="searchVariantNameInputBox">
</td>
<td>
<!-- todo I should update too when the user clicks the already selected option -->
<select id="variantNameList" onchange="
document.querySelector('#searchGeneInputBox').value = this.options[this.selectedIndex].text;">
</select>
</td>
</tr>
<tr>
<th>Zygosity*</th>
<td colspan="2">
<div id="zygosityListVariantNamePopup">
<label><input type="checkbox" id="heterozygousVariantNamePopup">Heterozygous</label>
<label><input type="checkbox" id="homozygousVariantNamePopup">Homozygous</label>
<label><input type="checkbox" id="unknownVariantNamePopup">Unknown</label>
</div>
</td>
</tr>
</table>
</div>
</div>
<!-- -->
</div>
</div>
</div>
</body>
</html>
c4science · Help