2429 lines
139 KiB
HTML
2429 lines
139 KiB
HTML
<!DOCTYPE html>
|
||
|
||
|
||
<html lang="en" ng-app="GapFacetsApp" ng-controller="GapFacetsCtrl"
|
||
xmlns:xlink="http://www.w3.org/1999/xhtml">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1"/>
|
||
<meta name="viewport" content="width=device-width,initial-scale=1"/>
|
||
<meta name="ncbi_app" content="gapsolr"/>
|
||
<meta name="ncbi_pdid" content="gap_facets"/>
|
||
<meta name="ncbi_db" content="dbgap"/>
|
||
<meta name="ncbi_phid" content="dbgapsolr_adv_search_v1.0"/>
|
||
|
||
<meta name="ncbi_pinger_track_stat" content="true"/>
|
||
<meta name="ncbi_pinger_click_ping_selector" content="button:not([data-pinger-ignore]),
|
||
input[type=button]:not([data-pinger-ignore]), input[type=submit]:not([data-pinger-ignore]),
|
||
input[type=reset]:not([data-pinger-ignore]), input[type=radio]:not([data-pinger-ignore]),
|
||
input[type=checkbox]:not([data-pinger-ignore]), uswds-ncbi-app-results-pagination,
|
||
a:not([data-pinger-ignore]), area:not([data-pinger-ignore])"/>
|
||
|
||
<title>dbGaP Advanced Search</title>
|
||
|
||
<style type="text/css">
|
||
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide { display: none !important; }
|
||
ng\:form { display: block; }
|
||
.ng-animate-block-transitions { transition: 0s all !important; -webkit-transition: 0s all !important; }
|
||
.ng-hide-add-active, .ng-hide-remove { display: block !important; }
|
||
</style>
|
||
|
||
<link href="/gap/static/advanced_search/advanced_search/css/loading_spinner.css" rel="stylesheet" type="text/css">
|
||
<link href="/gap/static/advanced_search/advanced_search/css/main.css" rel="stylesheet" type="text/css">
|
||
<link href="/gap/static/advanced_search/advanced_search/css/accord.css" rel="stylesheet" type="text/css">
|
||
<link href="/gap/static/advanced_search/advanced_search/css/angucomplete.css" rel="stylesheet" type="text/css">
|
||
|
||
<!-- NCBI branding -->
|
||
<link href="/gap/static/advanced_search/advanced_search/coreutils/uswds/css/uswds.min.css" rel="stylesheet" type="text/css">
|
||
<link href="/gap/static/advanced_search/advanced_search/coreutils/nwds/css/nwds.css" rel="stylesheet" type="text/css">
|
||
<link href="/gap/static/advanced_search/advanced_search/coreutils/nwds/css/header.css" rel="stylesheet" type="text/css">
|
||
<link href="/gap/static/advanced_search/advanced_search/coreutils/nwds/css/footer.css" rel="stylesheet" type="text/css">
|
||
|
||
<!-- third party -->
|
||
<link href="/gap/static/advanced_search/advanced_search/maxcdn/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
||
|
||
|
||
|
||
|
||
|
||
<script src="/gap/static/advanced_search/advanced_search/jquery/jquery-1.12.4.min.js"></script>
|
||
<script src="/gap/static/advanced_search/advanced_search/maxcdn/dist/js/bootstrap.min.js"></script>
|
||
<script src="/gap/static/advanced_search/advanced_search/js/globalAlert.js"></script>
|
||
|
||
|
||
|
||
</head>
|
||
<body>
|
||
|
||
<!-- ========== BEGIN HEADER ========== -->
|
||
<section class="usa-banner">
|
||
<div class="usa-accordion">
|
||
<header class="usa-banner-header">
|
||
<div class="usa-grid usa-banner-inner">
|
||
<img src="https://www.ncbi.nlm.nih.gov/coreutils/uswds/img/favicons/favicon-57.png" alt="U.S. flag" />
|
||
<p>An official website of the United States government</p>
|
||
<button
|
||
class="usa-accordion-button usa-banner-button"
|
||
aria-expanded="false"
|
||
aria-controls="gov-banner-top">
|
||
<span class="usa-banner-button-text">Here's how you know</span>
|
||
</button>
|
||
</div>
|
||
</header>
|
||
<div
|
||
class="usa-banner-content usa-grid usa-accordion-content"
|
||
id="gov-banner-top">
|
||
<div class="usa-banner-guidance-gov usa-width-one-half">
|
||
<img
|
||
class="usa-banner-icon usa-media_block-img"
|
||
src="https://www.ncbi.nlm.nih.gov/coreutils/uswds/img/icon-dot-gov.svg"
|
||
alt="Dot gov"
|
||
/>
|
||
<div class="usa-media_block-body">
|
||
<p>
|
||
<strong>The .gov means it’s official.</strong>
|
||
<br />
|
||
Federal government websites often end in .gov or .mil. Before
|
||
sharing sensitive information, make sure you’re on a federal
|
||
government site.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="usa-banner-guidance-ssl usa-width-one-half">
|
||
<img
|
||
class="usa-banner-icon usa-media_block-img"
|
||
src="https://www.ncbi.nlm.nih.gov/coreutils/uswds/img/icon-https.svg"
|
||
alt="Https"/>
|
||
<div class="usa-media_block-body">
|
||
<p>
|
||
<strong>The site is secure.</strong>
|
||
<br />
|
||
The <strong>https://</strong> ensures that you are connecting to the
|
||
official website and that any information you provide is encrypted
|
||
and transmitted securely.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<div class="usa-overlay"></div>
|
||
|
||
<header class="ncbi-header" role="banner" data-section="Header">
|
||
|
||
<!-- USA GRID -->
|
||
<div class="usa-grid">
|
||
<div class="usa-width-one-whole">
|
||
|
||
<div class="ncbi-header__logo">
|
||
<a href="https://www.ncbi.nlm.nih.gov/" class="logo" aria-label="NCBI Logo" data-ga-action="click_image" data-ga-label="NIH NLM Logo">
|
||
<img src="https://www.ncbi.nlm.nih.gov/coreutils/nwds/img/logos/AgencyLogo.svg" alt="NIH NLM Logo" />
|
||
</a>
|
||
</div>
|
||
|
||
<div class="ncbi-header__account">
|
||
<a id="account_login" href="https://account.ncbi.nlm.nih.gov" class="usa-button header-button" style="display:none" data-ga-action="open_menu" data-ga-label="account_menu">Log in</a>
|
||
<button id="account_info" class="header-button" style="display:none"
|
||
aria-controls="account_popup">
|
||
<span class="fa fa-user" aria-hidden="true"></span>
|
||
<span class="username desktop-only" aria-hidden="true" id="uname_short"></span>
|
||
<span class="sr-only">Show account info</span>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="ncbi-popup-anchor">
|
||
<div class="ncbi-popup account-popup" id="account_popup" aria-hidden="true">
|
||
<div class="ncbi-popup-head">
|
||
<button class="ncbi-close-button" data-ga-action="close_menu" data-ga-label="account_menu"><span class="fa fa-times"></span><span class="usa-sr-only">Close</span></button>
|
||
<h4>Account</h4>
|
||
</div>
|
||
<div class="account-user-info">
|
||
Logged in as:<br/>
|
||
<b><span class="username" id="uname_long">username</span></b>
|
||
</div>
|
||
<div class="account-links">
|
||
<ul class="usa-unstyled-list">
|
||
<li><a id="account_myncbi" href="/myncbi/" class="set-base-url" data-ga-action="click_menu_item" data-ga-label="account_myncbi">Dashboard</a></li>
|
||
<li><a id="account_pubs" href="/myncbi/collections/bibliography/" class="set-base-url" data-ga-action="click_menu_item" data-ga-label="account_pubs">Publications</a></li>
|
||
<li><a id="account_settings" href="/account/settings/" class="set-base-url" data-ga-action="click_menu_item" data-ga-label="account_settings">Account settings</a></li>
|
||
<li><a id="account_logout" href="/account/signout/" class="set-base-url" data-ga-action="click_menu_item" data-ga-label="account_logout">Log out</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</header>
|
||
|
||
<div role="navigation" aria-label="access keys">
|
||
<a id="nws_header_accesskey_0" href="https://www.ncbi.nlm.nih.gov/guide/browsers/#ncbi_accesskeys" class="usa-sr-only" accesskey="0" tabindex="-1">Access keys</a>
|
||
<a id="nws_header_accesskey_1" href="https://www.ncbi.nlm.nih.gov" class="usa-sr-only" accesskey="1" tabindex="-1">NCBI Homepage</a>
|
||
<a id="nws_header_accesskey_2" href="/myncbi/" class="set-base-url usa-sr-only" accesskey="2" tabindex="-1">MyNCBI Homepage</a>
|
||
<a id="nws_header_accesskey_3" href="#maincontent" class="usa-sr-only" accesskey="3" tabindex="-1">Main Content</a>
|
||
<a id="nws_header_accesskey_4" href="#" class="usa-sr-only" accesskey="4" tabindex="-1">Main Navigation</a>
|
||
</div>
|
||
<section data-section="Alerts">
|
||
<div id="global-alert"/>
|
||
</section>
|
||
<!-- ========== END HEADER ========== -->
|
||
|
||
|
||
<!-- ===== dbGaP Global SearchBox ===== -->
|
||
<div id="global_search">
|
||
<div class="usa-grid">
|
||
<div class="usa-width-one-whole">
|
||
|
||
<div class="row">
|
||
<div class="col-2 col-sm-2" id="dbgap_logo">
|
||
<a href="https://www.ncbi.nlm.nih.gov/gap" target="_blank" rel="noopener">
|
||
<img
|
||
src="/gap/static/advanced_search/advanced_search/image/dbgap_logo_eee_v2.png" height="40">
|
||
</a>
|
||
</div>
|
||
<div class="col-3 col-sm-3">
|
||
<div id="dbgap_title">
|
||
<span>dbGaP Advanced Search</span>
|
||
<span id="id_help_icon" title="Click to See Search Help">
|
||
<span title="Click to See Search Help">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewBox="0 0 16 16">
|
||
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
|
||
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
|
||
<a xmlns="http://www.w3.org/2000/svg" id="anchor"
|
||
xlink:href="https://www.ncbi.nlm.nih.gov/gap/docs/intro_adv_search/"
|
||
xmlns:xlink="http://www.w3.org/1999/xlink" target="_blank" rel="noopener">
|
||
<rect x="0" y="0" width="100%" height="100%" fill-opacity="0"/>
|
||
</a>
|
||
</svg>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-6 col-sm-6">
|
||
<div angucomplete-alt="" id="ex5_1"
|
||
placeholder="Search"
|
||
pause="100"
|
||
selected-object="onAutoCompleteSelect"
|
||
my-enter="onMyEnter()"
|
||
clear-selected="true"
|
||
input-changed="inputChanged"
|
||
remote-url="autocomplete"
|
||
remote-url-request-formatter="GapRemoteUrlRequestFn"
|
||
remote-url-data-field="items"
|
||
search-fields="name"
|
||
title-field="name"
|
||
description-field=""
|
||
minlength="1"
|
||
input-class="form-control form-control-small"
|
||
class="ng-isolate-scope form-group has-feedback has-search">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ===== End Global SearchBox ===== -->
|
||
|
||
<!-- ========== START NCBI MAIN CONTENT ========== -->
|
||
<main id="main-content" class="usa-grid">
|
||
<section id="main-section" class="usa-section">
|
||
|
||
<!-- ========== START dbGAP ADVANCED SEARCH ========== -->
|
||
|
||
<!-- ===== BreadCrumb ==== -->
|
||
<div class="row">
|
||
<div class="col-4 col-sm-4"></div>
|
||
<div class="col-8 col-sm-8">
|
||
<table id="table_brcrumb">
|
||
<tr></tr>
|
||
<tr>
|
||
<td style="text-align:center; padding: 15px;">
|
||
<span ng-cloak id="term_brcrumb" ng-show="is_term && report_completed" ng-click="removeTerm()">{{ term }}</span>
|
||
</td>
|
||
<td>
|
||
<!-- DIR // http://plnkr.co/edit/y0zjQfxztOnz9l6Lk2cQ -->
|
||
<ol id="brcrumb_all" content="m_brcrm"></ol>
|
||
</td>
|
||
<td style="text-align: right;padding: 15px;margin-right: 2cm;">
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ===== Start Bootstrap Grid Container ===== -->
|
||
<div id="page-content-wrapper">
|
||
<div class="page-content" id="gap_page_content">
|
||
<div class="container-fluid">
|
||
<div class="usa-grig" id="content-row">
|
||
|
||
<!--===== START LEFT PAN ===== -->
|
||
<div class="col-4 col-sm-4" id="left">
|
||
<div class="panel panel-default " id="id_common_facets">
|
||
<!-- ===== Start accord1 ===== -->
|
||
<ul class="accord1">
|
||
<!-- ===== Start Collection Facet ===== -->
|
||
<!-- For Study tab, place Collection facet at top -->
|
||
<div ng-show="toShow2('stu')">
|
||
<li class="block accord_item">
|
||
<input class="acc_cbx" type="checkbox" name="item" id="item50" checked/>
|
||
<!-- Important! Magically, this input field below is required for hiding above checkbox 'acc_cbx' -->
|
||
<input class="not-show"/>
|
||
<label
|
||
class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item50"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Collections ({{ collection_study_name_accession_combo.length }})</span>
|
||
</label>
|
||
|
||
<!-- Start Facet Search-Select -->
|
||
<ul class="options">
|
||
<!-- Class inline-elements is for making the two boxes in one-line. -->
|
||
<!-- The span in out layout is changed to dive below -->
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input
|
||
id="collection_study_name_accession_combo_Query" type="text"
|
||
ng-model="collection_study_name_accession_combo_Query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<div class="inline-elements">
|
||
<!-- use class form-control to fix misaligned input and select boxes -->
|
||
<select
|
||
id="collection_study_name_accession_combo_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="collection_study_name_accession_combo_orderList">
|
||
<!-- study_name_accession_combo_orderList in GapFacetsApp.js file too -->
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href=""
|
||
ng-show="ShowClear('collection_study_name_accession_combo')"
|
||
ng-click="clearCheckboxes('collection_study_name_accession_combo')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
</div>
|
||
</div> <!-- End of </span> in old layout -->
|
||
|
||
<div class="facet_box2">
|
||
<!-- Standalone checkbox for Collections (host only) -->
|
||
<!-- Note! When using USWDS, regular checkbox becomes invisible, so that use usa-checkbox instead -->
|
||
<div class="usa-checkbox">
|
||
<input
|
||
class="usa-checkbox__input"
|
||
id="id_collection_host"
|
||
type="checkbox"
|
||
checked="checked"
|
||
type="checkbox"
|
||
ng-model="is_host_of_collection.checked"
|
||
ng-change="cbClick2(is_host_of_collection, 'is_host_of_collection', 'yes')"/>
|
||
|
||
<label class="usa-checkbox__label facet_checkbox_label"
|
||
for="id_collection_host">Show dbGaP Collections</label >
|
||
</div>
|
||
|
||
<div
|
||
class="usa-checkbox "ng-cloak ng-repeat="item in collection_study_name_accession_combo |
|
||
filter:collection_study_name_accession_combo_Query |
|
||
orderBy: collection_study_name_accession_combo_orderList">
|
||
|
||
<input
|
||
class="usa-checkbox__input"
|
||
id="collection_study_name_accession_combo_{{ $index }}"
|
||
type="checkbox"
|
||
checked="checked"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'collection_study_name_accession_combo', item.label)"
|
||
|
||
/>
|
||
|
||
<!-- Note: collection member count minus 1 to exclude collection itself -->
|
||
<label class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="collection_study_name_accession_combo_{{ $index }}">{{ item.label }} ({{ item.value }})</label >
|
||
</div>
|
||
</div>
|
||
</ul> <!-- End Facet SearchBox -->
|
||
</li>
|
||
</div> <!-- End toShow2('stu')-->
|
||
<!-- End Facet Search-Select -->
|
||
<!-- ===== End Collection Facet ===== -->
|
||
|
||
<!-- ===== Start Study tab facets ===== -->
|
||
<div ng-show="toShow2('stu|var|dat|doc|ana|gen')">
|
||
<li class="block accord_item">
|
||
<input class="acc_cbx" type="checkbox" name="item" id="item0" checked/>
|
||
<input class="not-show"/>
|
||
|
||
<label
|
||
class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item0"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Study ({{ study_name_accession_combo.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="study_name_accession_combo_Query" type="text"
|
||
ng-model="study_name_accession_combo_Query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select
|
||
id="study_name_accession_combo_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="study_name_accession_combo_orderList">
|
||
|
||
<!-- study_name_accession_combo_orderList in GapFacetsApp.js file too -->
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('study_name_accession_combo')"
|
||
ng-click="clearCheckboxes('study_name_accession_combo')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
<div class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in study_name_accession_combo |
|
||
filter:study_name_accession_combo_Query |
|
||
orderBy: study_name_accession_combo_orderList">
|
||
|
||
<input class="usa-checkbox__input"
|
||
id="study_name_accession_combo_{{ $index }}"
|
||
type="checkbox"
|
||
checked="checked"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'study_name_accession_combo')"/>
|
||
|
||
<label class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="study_name_accession_combo_{{ $index }}">{{ item.label }} ({{ item.value }})</label >
|
||
</div>
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
</div>
|
||
<!-- ===== End Study tab facets ===== -->
|
||
|
||
<!-- ===== Start show all but study TAB ===== -->
|
||
<div ng-show="toShow2('var|dat|doc|ana|gen')">
|
||
<!-- ===== Collection Facet (2) ===== -->
|
||
<li class="block accord_item">
|
||
<input class="acc_cbx" type="checkbox" name="item" id="item51" checked/>
|
||
<!-- Important! Magically, this input field below is required for hiding above checkbox 'acc_cbx' -->
|
||
<input class="not-show"/>
|
||
|
||
<label class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item51"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Collections ({{ collection_study_name_accession_combo.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<!-- Class inline-elements is for making the two boxes in one-line. -->
|
||
|
||
<!-- The span in out layout is changed to dive below -->
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="collection_study_name_accession_combo_Query2" type="text"
|
||
ng-model="collection_study_name_accession_combo_Query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<div class="inline-elements">
|
||
<!-- use class form-control to fix misaligned input and select boxes -->
|
||
<select id="collection_study_name_accession_combo_orderList2"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="collection_study_name_accession_combo_orderList">
|
||
<!-- study_name_accession_combo_orderList in GapFacetsApp.js file too -->
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href=""
|
||
ng-show="ShowClear('collection_study_name_accession_combo')"
|
||
ng-click="clearCheckboxes('collection_study_name_accession_combo')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
</div>
|
||
</div> <!-- End of </span> in old layout -->
|
||
|
||
<div class="facet_box2">
|
||
<!-- Standalone checkbox for Collections (host only) -->
|
||
<!-- Note! When using USWDS, regular checkbox becomes invisible, so that use usa-checkbox instead -->
|
||
<div class="usa-checkbox">
|
||
<input class="usa-checkbox__input"
|
||
id="id_collection_host2"
|
||
type="checkbox"
|
||
checked="checked"
|
||
id="id_collection_host2"
|
||
type="checkbox"
|
||
ng-model="is_host_of_collection.checked"
|
||
ng-change="cbClick2(is_host_of_collection, 'is_host_of_collection', 'yes')"/>
|
||
|
||
<label class="usa-checkbox__label facet_checkbox_label"
|
||
for="id_collection_host">Show dbGaP Collections</label >
|
||
</div>
|
||
|
||
<div class="usa-checkbox "ng-cloak ng-repeat="item in collection_study_name_accession_combo |
|
||
filter:collection_study_name_accession_combo_Query |
|
||
orderBy: collection_study_name_accession_combo_orderList">
|
||
|
||
<input class="usa-checkbox__input"
|
||
id="collection_study_name_accession_combo_{{ $index }}_other"
|
||
type="checkbox"
|
||
checked="checked"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'collection_study_name_accession_combo')"
|
||
|
||
/>
|
||
|
||
<label class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="collection_study_name_accession_combo_{{ $index }}_other">{{ item.label }} ({{ item.value }})</label >
|
||
|
||
</div>
|
||
</div>
|
||
</ul>
|
||
<!-- End Facet SearchBox -->
|
||
</li> <!-- ===== End Collection Facet (non-study tab, 2nd place) ===== -->
|
||
</div>
|
||
<!-- ===== End show all but study TAB ===== -->
|
||
|
||
<!-- ===== Start Dataset tab facets ===== -->
|
||
<div ng-show="toShow('dataset')">
|
||
<!-- ===== Start Linked Document Facet ===== -->
|
||
<li class="block accord_item">
|
||
<!-- Note: item20+n, (item201, 202 ...) are reserved
|
||
tab-id in GApFacetsApp .js for tabs -->
|
||
<input class="acc_cbx" type="checkbox" name="item" id="item201" checked/>
|
||
<input class="not-show"/>
|
||
|
||
<label class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item201" class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Linked Document ({{ dataset_assoc_doc_name_acc_combo.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="dataset_assoc_doc_name_acc_combo_query" type="text"
|
||
ng-model="dataset_assoc_doc_name_acc_combo_query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select id="dataset_assoc_doc_name_acc_combo_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="dataset_assoc_doc_name_acc_combo_orderList">
|
||
<!-- study_name_accession_combo_orderList in GapFacetsApp.js file too -->
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('dataset_assoc_doc_name_acc_combo')"
|
||
ng-click="clearCheckboxes('dataset_assoc_doc_name_acc_combo')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
<div class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in dataset_assoc_doc_name_acc_combo |
|
||
filter: dataset_assoc_doc_name_acc_combo_query |
|
||
orderBy: dataset_assoc_doc_name_acc_combo_orderList">
|
||
|
||
<input class="usa-checkbox__input"
|
||
id="dataset_assoc_doc_name_acc_combo_{{ $index }}"
|
||
type="checkbox"
|
||
checked="checked"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'dataset_assoc_doc_name_acc_combo')"/>
|
||
|
||
<label class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="dataset_assoc_doc_name_acc_combo_{{ $index }}">{{ item.label }} ({{ item.value }})</label >
|
||
</div>
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
<!-- ===== End Document Facet ===== -->
|
||
</div>
|
||
<!-- ===== End Dataset tab facets ===== -->
|
||
|
||
<!-- ===== Start Variable tab facets ===== -->
|
||
<div ng-show="toShow('variable')">
|
||
<!-- ===== Start ID Variables Facet ===== -->
|
||
<li class="block accord_item">
|
||
<input class="acc_cbx" type="checkbox" name="item" id="item100" checked/>
|
||
<input class="not-show"/>
|
||
|
||
<label class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item100"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>ID Variables</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_box2">
|
||
<div class="usa-checkbox">
|
||
<input class="usa-checkbox__input"
|
||
id="id_show_id_vars"
|
||
type="checkbox"
|
||
checked="checked"
|
||
ng-model="is_show_ID_variables.checked"
|
||
ng-change="cbClick2(is_show_ID_variables, 'is_show_ID_variables', 'yes')"/>
|
||
|
||
<label class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="id_show_id_vars">Show</label >
|
||
</div>
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
<!-- ===== End ID Variables Facet ===== -->
|
||
|
||
<!-- ===== Start Common Data Element Facet ===== -->
|
||
<li class="block accord_item">
|
||
<input class="acc_cbx" type="checkbox" name="item" id="item101" checked/>
|
||
<input class="not-show"/>
|
||
|
||
<label class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item101"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Common Data Elements ({{ ontology.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="Ontology_query" type="text"
|
||
ng-model="Ontology_query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select id="ontology_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="ontology_orderList">
|
||
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('ontology')"
|
||
ng-click="clearCheckboxes('ontology')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
<div class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in ontology |
|
||
filter: Ontology_query |
|
||
orderBy: ontology_orderList">
|
||
|
||
<input class="usa-checkbox__input"
|
||
id="ontology_{{ $index }}"
|
||
type="checkbox"
|
||
checked="checked"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'ontology')"/>
|
||
|
||
<label class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="ontology_{{ $index }}">{{ item.label }} ({{ item.value }})</label >
|
||
</div>
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
<!-- ===== End Common Data Element Facet ===== -->
|
||
</div>
|
||
<!-- ===== End Variable tab facets ===== -->
|
||
|
||
<!-- ===== Start Molecular Dataset tab facets ===== -->
|
||
<div ng-show="toShow('genotype')">
|
||
<!-- ===== Start Markerset Source Facet ===== -->
|
||
<li class="block accord_item">
|
||
<input class="acc_cbx" type="checkbox" name="item" id="item400" checked/>
|
||
<input class="not-show"/>
|
||
|
||
<label class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item400"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Markerset Source ({{ genotype_chip_manufacture.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="Markerset_Source_query" type="text"
|
||
ng-model="Markerset_Source_query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select id="genotype_chip_manufacture_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="genotype_chip_manufacture_orderList">
|
||
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('genotype_chip_manufacture')"
|
||
ng-click="clearCheckboxes('genotype_chip_manufacture')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
<div class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in genotype_chip_manufacture |
|
||
filter: Markerset_Source_query |
|
||
orderBy: genotype_chip_manufacture_orderList">
|
||
|
||
<input class="usa-checkbox__input"
|
||
id="genotype_chip_manufacture_{{ $index }}"
|
||
type="checkbox"
|
||
checked="checked"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'genotype_chip_manufacture')"/>
|
||
|
||
<label class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="genotype_chip_manufacture_{{ $index }}">{{ item.label }} ({{ item.value }})</label >
|
||
</div>
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
<!-- ===== End Markerset Source Facet ===== -->
|
||
|
||
<!-- ===== Start Markerset Name Facet ===== -->
|
||
<li class="block accord_item">
|
||
<input class="acc_cbx" type="checkbox" name="item" id="item401" checked/>
|
||
<input class="not-show"/>
|
||
|
||
<label class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item401"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Markerset Name ({{ genotype_markerset_name.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="Markerset_Name_query" type="text"
|
||
ng-model="Markerset_Name_query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select id="genotype_markerset_name_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="genotype_markerset_name_orderList">
|
||
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('genotype_markerset_name')"
|
||
ng-click="clearCheckboxes('genotype_markerset_name')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
<div class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in genotype_markerset_name |
|
||
filter: Markerset_Name_query |
|
||
orderBy: genotype_markerset_name_orderList">
|
||
|
||
<input class="usa-checkbox__input"
|
||
id="genotype_markerset_name_{{ $index }}"
|
||
type="checkbox"
|
||
checked="checked"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'genotype_markerset_name')"/>
|
||
|
||
<label class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="genotype_markerset_name_{{ $index }}">{{ item.label }} ({{ item.value }})</label >
|
||
</div>
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
<!-- ===== Start Markerset Name Facet ===== -->
|
||
</div>
|
||
<!-- ===== End show Molecular Dataset tab facets ===== -->
|
||
|
||
<!-- ===== Start Analysis tab facets ===== -->
|
||
<div ng-show="toShow('analysis')">
|
||
<!-- ===== Start Trait Facet ===== -->
|
||
<li class="block accord_item">
|
||
<input class="acc_cbx" type="checkbox" name="item" id="item500" checked/>
|
||
<input class="not-show"/>
|
||
|
||
<label class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item500"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Trait ({{ analysis_trait.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="Trait_query" type="text"
|
||
ng-model="Trait_query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select id="analysis_trait_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="analysis_trait_orderList">
|
||
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('analysis_trait')"
|
||
ng-click="clearCheckboxes('analysis_trait')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
<div class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in analysis_trait |
|
||
filter: Trait_query |
|
||
orderBy: analysis_trait_orderList">
|
||
|
||
<input class="usa-checkbox__input"
|
||
id="analysis_trait_{{ $index }}"
|
||
type="checkbox"
|
||
checked="checked"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'analysis_trait')"/>
|
||
|
||
<label class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="analysis_trait_{{ $index }}">{{ item.label }} ({{ item.value }})</label >
|
||
</div>
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
<!-- ===== End Trait Facet ===== -->
|
||
<!-- ===== Start Population Facet ===== -->
|
||
<li class="block accord_item">
|
||
<input class="acc_cbx" type="checkbox" name="item" id="item501" checked/>
|
||
<input class="not-show"/>
|
||
|
||
<label class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item501"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Population ({{ analysis_population.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="Population_query" type="text"
|
||
ng-model="Population_query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select id="analysis_population_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="analysis_population_orderList">
|
||
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('analysis_population')"
|
||
ng-click="clearCheckboxes('analysis_population')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
<div class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in analysis_population |
|
||
filter: Population_query |
|
||
orderBy: analysis_population_orderList">
|
||
|
||
<input class="usa-checkbox__input"
|
||
id="analysis_population_{{ $index }}"
|
||
type="checkbox"
|
||
checked="checked"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'analysis_population')"/>
|
||
|
||
<label class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="analysis_population_{{ $index }}">{{ item.label }} ({{ item.value }})</label >
|
||
</div>
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
<!-- ===== End Population Facet ===== -->
|
||
</div>
|
||
<!-- ===== End Analysis tab facets ===== -->
|
||
|
||
<!-- ===== Start Document tab facets ===== -->
|
||
<div ng-show="toShow('document')">
|
||
|
||
<!-- ===== Start Document Facet ===== -->
|
||
<li class="block accord_item">
|
||
<input class="acc_cbx" type="checkbox" name="item" id="item301" checked/>
|
||
<input class="not-show"/>
|
||
|
||
<label class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item301"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Document Type ({{ dbgap_document_type.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="dbgap_document_type_query" type="text"
|
||
ng-model="dbgap_document_type_query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select id="dbgap_document_type_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="dbgap_document_type_orderList">
|
||
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('dbgap_document_type')"
|
||
ng-click="clearCheckboxes('dbgap_document_type')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
<div class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in dbgap_document_type |
|
||
filter: dbgap_document_type_query |
|
||
orderBy: dbgap_document_type_orderList">
|
||
|
||
<input class="usa-checkbox__input"
|
||
id="dbgap_document_type_{{ $index }}"
|
||
type="checkbox"
|
||
checked="checked"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'dbgap_document_type')"/>
|
||
|
||
<label class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="dbgap_document_type_{{ $index }}">{{ item.label }} ({{ item.value }})</label >
|
||
</div>
|
||
</div>
|
||
</ul>
|
||
</li> <!-- ===== End Common Data Element Facet ===== -->
|
||
</div>
|
||
<!-- ===== End Document tab facets ===== -->
|
||
</ul>
|
||
<!-- ===== End accord1 ===== -->
|
||
|
||
|
||
<!-- ===== Start accord2 ===== -->
|
||
<ul class="accord2">
|
||
|
||
<!-- === Start Study Disease Facet === -->
|
||
<li class="block accord_item">
|
||
|
||
<input
|
||
class="acc_cbx"
|
||
type="checkbox"
|
||
name="item"
|
||
id="item1"
|
||
ng-click="clickAccordion('study_main_disease')"/>
|
||
|
||
<input class="not-show"/>
|
||
|
||
<label
|
||
class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item1"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Study Disease/Focus ({{ main_diseases_arr.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="MDis_query" type="text"
|
||
ng-model="MDis_query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select
|
||
id="main_dis_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="main_dis_orderList">
|
||
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('study_main_disease')"
|
||
ng-click="clearCheckboxes('study_main_disease')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
|
||
<div
|
||
class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in main_diseases_arr |
|
||
filter:MDis_query | orderBy: main_dis_orderList">
|
||
|
||
<input
|
||
class="usa-checkbox__input"
|
||
id="main_diseases_arr_{{ $index }}"
|
||
type="checkbox"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'study_main_disease')"/>
|
||
|
||
<label
|
||
class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="main_diseases_arr_{{ $index }}">{{ item.label }} ({{ item.value }})</label>
|
||
</div>
|
||
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
<!-- === End Study Disease Facet === -->
|
||
|
||
<!-- === Start Study Design Facet === -->
|
||
<li class="block accord_item">
|
||
<input
|
||
class="acc_cbx"
|
||
type="checkbox"
|
||
name="item"
|
||
id="item2"
|
||
ng-click="clickAccordion('study_study_design')"/>
|
||
|
||
<input class="not-show"/>
|
||
|
||
<label
|
||
class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item2"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Study Design ({{ study_design.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="Study_design_query" type="text"
|
||
ng-model="Study_design_query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select
|
||
id="study_design_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="study_design_orderList">
|
||
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('study_study_design')"
|
||
ng-click="clearCheckboxes('study_sample_use_display')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
|
||
<div
|
||
class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in study_design |
|
||
filter: Study_design_query | orderBy: study_design_orderList">
|
||
|
||
<input
|
||
class="usa-checkbox__input"
|
||
id="study_design_{{ $index }}"
|
||
type="checkbox"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'study_study_design')"/>
|
||
|
||
<label
|
||
class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="study_design_{{ $index }}">{{ item.label }} ({{ item.value }})</label>
|
||
</div>
|
||
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
<!-- === Start Study Design Facet === -->
|
||
|
||
<!-- === Start Study Molecular Data Facet === -->
|
||
<li class="block accord_item">
|
||
<input
|
||
class="acc_cbx"
|
||
type="checkbox"
|
||
name="item"
|
||
id="item3"
|
||
ng-click="clickAccordion('study_sample_use_display_name')"/>
|
||
|
||
<input class="not-show"/>
|
||
|
||
<label
|
||
class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item3"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Study Molecular Data Type ({{ sample_use_display_name.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="Sample_use_query" type="text"
|
||
ng-model="Sample_use_query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select
|
||
id="sample_use_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="sample_use_orderList">
|
||
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('study_sample_use_display')"
|
||
ng-click="clearCheckboxes('study_sample_use_display')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
|
||
<div
|
||
class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in sample_use_display_name |
|
||
filter: Sample_use_query | orderBy: sample_use_orderList">
|
||
|
||
<input
|
||
class="usa-checkbox__input"
|
||
id="sample_use_display_name_{{ $index }}}"
|
||
type="checkbox"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'study_sample_use_display_name')"/>
|
||
|
||
<label
|
||
class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="sample_use_display_name_{{ $index }}}">{{ item.label }} ({{ item.value }})</label>
|
||
</div>
|
||
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
<!-- === End Study Molecular Data Facet === -->
|
||
|
||
<!-- === Start Study Markerset Facet === -->
|
||
<li class="block accord_item">
|
||
<input
|
||
class="acc_cbx"
|
||
type="checkbox"
|
||
name="item"
|
||
id="item4"
|
||
ng-click="clickAccordion('study_genotype_platform')"/>
|
||
|
||
<input class="not-show"/>
|
||
|
||
<label
|
||
class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item4"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Study Markerset ({{ study_genotype_platform.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="Genotype_platform_query" type="text"
|
||
ng-model="Genotype_platform_query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select
|
||
id="genotype_platform_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="genotype_platform_orderList">
|
||
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('study_genotype_platform')"
|
||
ng-click="clearCheckboxes('study_sample_use_display')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
|
||
<div
|
||
class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in study_genotype_platform |
|
||
filter: Genotype_platform_query | orderBy: genotype_platform_orderList">
|
||
|
||
<input
|
||
class="usa-checkbox__input"
|
||
id="study_genotype_platform_{{ $index }}"
|
||
type="checkbox"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'study_genotype_platform')"/>
|
||
|
||
<label
|
||
class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="study_genotype_platform_{{ $index }}">{{ item.label }} ({{ item.value }})</label>
|
||
</div>
|
||
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
<!-- === End Study Markerset Facet === -->
|
||
|
||
<!-- === Start NIH Institutes Facet === -->
|
||
<li class="block accord_item">
|
||
<input
|
||
class="acc_cbx"
|
||
type="checkbox"
|
||
name="item"
|
||
id="item5"
|
||
ng-click="clickAccordion('study_primary_ic')"/>
|
||
|
||
<input class="not-show"/>
|
||
|
||
<label
|
||
class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item5"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>NIH Institute ({{ study_primary_ic.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="study_primary_ic_query" type="text"
|
||
ng-model="study_primary_ic_query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select
|
||
id="study_primary_ic_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="study_primary_ic_orderList">
|
||
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('study_primary_ic')"
|
||
ng-click="clearCheckboxes('study_primary_ic')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
|
||
<div
|
||
class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in study_primary_ic |
|
||
filter: study_primary_ic_query | orderBy: study_primary_ic_orderList">
|
||
|
||
<input
|
||
class="usa-checkbox__input"
|
||
id="study_primary_ic_{{ $index }}"
|
||
type="checkbox"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'study_primary_ic')"/>
|
||
|
||
<label
|
||
class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="study_primary_ic_{{ $index }}">{{ item.label }} ({{ item.value }})</label>
|
||
</div>
|
||
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
<!-- === End NIH Institutes Facet === -->
|
||
|
||
<!-- === Start Study Consent Facet === -->
|
||
<div ng-show="toShow2('stu|var|dat|doc|gen')">
|
||
<li class="block accord_item">
|
||
<input
|
||
class="acc_cbx"
|
||
type="checkbox"
|
||
name="item"
|
||
id="item6"
|
||
ng-click="clickAccordion('study_consent_label_abbrev_combo')"/>
|
||
|
||
<input class="not-show"/>
|
||
|
||
<label
|
||
class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item6"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Study Consent ({{ study_consent_label_abbrev_combo.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="study_consent_label_query" type="text"
|
||
ng-model="study_consent_label_query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select
|
||
id="study_consent_label_abbrev_combo_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="study_consent_label_abbrev_combo_orderList">
|
||
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('study_consent_label_abbrev_combo')"
|
||
ng-click="clearCheckboxes('study_consent_label_abbrev_combo')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
|
||
<div
|
||
class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in study_consent_label_abbrev_combo |
|
||
filter: study_consent_label_query | orderBy: study_consent_label_abbrev_combo_orderList">
|
||
|
||
<input
|
||
class="usa-checkbox__input"
|
||
id="study_consent_label_abbrev_combo_{{ $index }}"
|
||
type="checkbox"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'study_consent_label_abbrev_combo')"/>
|
||
|
||
<label
|
||
class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="study_consent_label_abbrev_combo_{{ $index }}">{{ item.label }} ({{ item.value }})</label>
|
||
</div>
|
||
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
<!-- === End Study Consent Facet === -->
|
||
</div> <!-- End toShow2('stu|var|dat|doc|gen') -->
|
||
|
||
<!-- === Start Study Type Facet === -->
|
||
<li class="block accord_item">
|
||
<input
|
||
class="acc_cbx"
|
||
type="checkbox"
|
||
name="item"
|
||
id="item7"
|
||
ng-click="clickAccordion('study_study_type')"/>
|
||
|
||
<input class="not-show"/>
|
||
|
||
<label
|
||
class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item7"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Study Type ({{ study_study_type.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="study_study_type_Query" type="text"
|
||
ng-model="study_study_type_Query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select
|
||
id="study_study_type_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="study_study_type_orderList">
|
||
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('study_study_type')"
|
||
ng-click="clearCheckboxes('study_study_type')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
|
||
<div
|
||
class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in study_study_type |
|
||
filter: study_study_type_Query | orderBy: study_study_type_orderList">
|
||
|
||
<input
|
||
class="usa-checkbox__input"
|
||
id="study_study_type_{{ $index }}"
|
||
type="checkbox"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'study_study_type')"/>
|
||
|
||
<label
|
||
class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="study_study_type_{{ $index }}">{{ item.label }} ({{ item.value }})</label>
|
||
</div>
|
||
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
<!-- === End Study Type Facet === -->
|
||
|
||
<!-- === Start Ancestry Facet === -->
|
||
<div ng-show="toShow2('stu')">
|
||
<li class="block accord_item">
|
||
<input
|
||
class="acc_cbx"
|
||
type="checkbox"
|
||
name="item"
|
||
id="item9"
|
||
ng-click="clickAccordion('all_population')"/>
|
||
|
||
<input class="not-show"/>
|
||
|
||
<label
|
||
class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item9"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Ancestry ({{ all_population.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="all_population_Query" type="text"
|
||
ng-model="all_population_Query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select
|
||
id="all_population_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="all_population_orderList">
|
||
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('all_population')"
|
||
ng-click="clearCheckboxes('all_population')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
|
||
<div
|
||
class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in all_population |
|
||
filter: all_population_Query | orderBy: all_population_orderList">
|
||
|
||
<input
|
||
class="usa-checkbox__input"
|
||
id="all_population_{{ $index }}"
|
||
type="checkbox"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'all_population')"/>
|
||
|
||
<label
|
||
class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="all_population_{{ $index }}">{{ item.label }} ({{ item.value }})</label>
|
||
</div>
|
||
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
<!-- === End Ancestry Facet === -->
|
||
|
||
</div>
|
||
|
||
<!-- === Start Subject Count Facet === -->
|
||
<li class="block accord_item">
|
||
<input
|
||
class="acc_cbx"
|
||
type="checkbox"
|
||
name="item"
|
||
id="item8"
|
||
ng-click="clickAccordion('study_subject_count')"/>
|
||
|
||
<input class="not-show"/>
|
||
|
||
<label
|
||
class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item8"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Study Subject Count</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_box2">
|
||
|
||
<div class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in subject_count">
|
||
|
||
<input
|
||
class="usa-checkbox__input"
|
||
id="subject_count_{{ $index }}"
|
||
type="checkbox"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'study_subject_count')"/>
|
||
|
||
<label
|
||
class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="subject_count_{{ $index }}">{{ item.label }} ({{ item.value }})</label>
|
||
</div>
|
||
|
||
</div>
|
||
</ul>
|
||
</li>
|
||
<!-- === End Study Subject Count Facet === -->
|
||
|
||
|
||
<div ng-show="toShow2('stu|var|dat|ana|doc|gen')">
|
||
<!-- === Start External Data Source Facet === -->
|
||
<li class="block accord_item">
|
||
<input
|
||
class="acc_cbx"
|
||
type="checkbox"
|
||
name="item"
|
||
id="item10"
|
||
ng-click="clickAccordion('study_eds_name')"/>
|
||
|
||
<input class="not-show"/>
|
||
|
||
<label
|
||
class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item10"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>External Data Source (EDS) ({{ study_eds_name.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="study_eds_name_Query" type="text"
|
||
ng-model="study_eds_name_Query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select
|
||
id="study_eds_name_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="study_eds_name_orderList">
|
||
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('study_eds_name')"
|
||
ng-click="clearCheckboxes('study_eds_name')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
|
||
<div
|
||
class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in study_eds_name |
|
||
filter: study_eds_name_Query | orderBy: study_eds_name_orderList">
|
||
|
||
<input
|
||
class="usa-checkbox__input"
|
||
id="study_eds_name_{{ $index }}"
|
||
type="checkbox"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'study_eds_name')"/>
|
||
|
||
<label
|
||
class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="study_eds_name_{{ $index }}">{{ item.label }} ({{ item.value }})</label>
|
||
</div>
|
||
|
||
</div>
|
||
</ul>
|
||
</li> <!-- === End External Data Source Facet === -->
|
||
</div>
|
||
|
||
<div ng-show="toShow2('stu|gen|ana')">
|
||
<!-- === Start Genomic Summary Results (GSR) Facet === -->
|
||
<li class="block accord_item">
|
||
<input
|
||
class="acc_cbx"
|
||
type="checkbox"
|
||
name="item"
|
||
id="item11"
|
||
ng-click="clickAccordion('study_gsr_display')"/>
|
||
|
||
<input class="not-show"/>
|
||
|
||
<label
|
||
class="label-primary"
|
||
ng-cloak title="Click to Expand" for="item11"
|
||
class="accord_label">
|
||
<i aria-hidden="true"></i>
|
||
<span>Genomic Summary Results (GSR) ({{ study_gsr_display.length }})</span>
|
||
</label>
|
||
|
||
<ul class="options">
|
||
<div class="facet_control_section, inline-elements">
|
||
<div class="inline-elements facet_item_search_box">
|
||
<input id="study_gsr_display_Query" type="text"
|
||
ng-model="study_gsr_display_Query"
|
||
class="query_facet_boxA"/>
|
||
</div>
|
||
Sort By
|
||
<select
|
||
id="study_gsr_display_orderList"
|
||
class="form-control btn btn-mini query_sort_menu facet-select"
|
||
ng-model="study_gsr_display_orderList">
|
||
|
||
<option value="label">Alphabetical</option>
|
||
<option value="-value">Decreasing</option>
|
||
<option value="value">Increasing</option>
|
||
<option value="-checked">Selected</option>
|
||
</select>
|
||
<a href="" ng-show="ShowClear('study_gsr_display')"
|
||
ng-click="clearCheckboxes('study_gsr_display')"
|
||
style="color:#666; font-weight:700;">clear</a>
|
||
|
||
</div>
|
||
|
||
<div class="facet_box2">
|
||
|
||
<div
|
||
class="usa-checkbox"
|
||
ng-cloak ng-repeat="item in study_gsr_display |
|
||
filter: study_gsr_display_Query | orderBy: study_gsr_display_orderList">
|
||
|
||
<input
|
||
class="usa-checkbox__input"
|
||
id="study_gsr_display_{{ $index }}"
|
||
type="checkbox"
|
||
ng-model="item.checked"
|
||
ng-change="cbModel.cbClick(item, 'study_gsr_display')"/>
|
||
|
||
<label
|
||
class="usa-checkbox__label facet_checkbox_label facet_item_spacing"
|
||
for="study_gsr_display_{{ $index }}">{{ item.label }} ({{ item.value }})</label>
|
||
</div>
|
||
|
||
</div>
|
||
</ul>
|
||
</li> <!-- === End Genomic Summary Results (GSR) Facet === -->
|
||
</div>
|
||
|
||
</ul>
|
||
<!-- ===== End accord2 ===== -->
|
||
|
||
</div>
|
||
<!-- End dbGaP Accordion -->
|
||
<!--- ===== END LEFT PAN =====-->
|
||
</div>
|
||
|
||
<!--========== MAIN PAN ========== -->
|
||
<div class="col-8 col-sm-8" id="right">
|
||
|
||
<!-- ===== Important! Start Angular Scope ===== -->
|
||
<div class="panel panel-default" ng-init="" id="main_pan_top">
|
||
|
||
<!-- ===== Start dbGaP Tab ===== -->
|
||
<div class="panel with-nav-tabs panel-default">
|
||
<div class="panel-heading" id="content_tabs">
|
||
<ul class="nav nav-tabs" id="content_tabs_ul">
|
||
<li class="tab_li"
|
||
ng-cloak class="{active:isActiveTab(tab.url)}"
|
||
ng-repeat="tab in tabs"
|
||
ng-class="{active:isActiveTab(tab.url)}"
|
||
ng-click="onClickTab(tab)">
|
||
<a href="tabcontent_{{$index}}" data-toggle="tab"
|
||
class="tab_link">
|
||
<span ng-if="is_host_of_collection.checked == true && tab.url == 'tab_stu_html'">Collections ({{m_studies}})</span>
|
||
<span ng-if="is_host_of_collection.checked == false || tab.url != 'tab_stu_html'">{{tab.name}}<br/>({{tab.count}})</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
|
||
<div class="panel-body" id="content_tabs_body">
|
||
<div class="tab-content">
|
||
|
||
<!-- ======== Nested Grid for Buttons and Pagination ===== -->
|
||
<div class="row">
|
||
<div class="col-8 col-sm-8">
|
||
|
||
<div class="mini-box">
|
||
<!- ===== Button Set ===== -->
|
||
<div id="button-sets">
|
||
<button
|
||
class="usa-button-secondary"
|
||
style="margin-top:5px;font-size:11px;"
|
||
type="button"
|
||
ng-click="on_save_results('csv')">Save Results</button>
|
||
|
||
<button
|
||
class="usa-button-secondary"
|
||
style="margin-top:5px;font-size:11px;"
|
||
type="button" ng-click="SaveQuery()">Save Query</button>
|
||
|
||
|
||
<!-- Study tab, dbGaP FHIR button -->
|
||
<!-- https://dbgap-api.ncbi.nlm.nih.gov/fhir/x1/ResearchStudy/?_id=phs000016,phs000094,phs000095 -->
|
||
<span ng-hide="total_results == 0 || currentTab != 'tab_stu_html'">
|
||
<button
|
||
id="fhir-btn"
|
||
class="usa-button-secondary"
|
||
style="margin-top:5px;font-size:11px;"
|
||
ng-cloak type="button"
|
||
ng-disabled="is_FHIR_Disabled()"
|
||
ng-click="GapFhir(rec.obj_acc)">dbGaP FHIR</button>
|
||
|
||
<!-- link to FHIR API site with question-circle icon -->
|
||
<span title="Access dbGaP Studies using FHIR API. If the link is deactivated, there are no entries in FHIR at this time for the selected studies.">
|
||
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512">
|
||
<style>svg{fill:#20558a}</style>
|
||
<path d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm107.244-255.2c0 67.052-72.421 68.084-72.421 92.863V300c0 6.627-5.373 12-12 12h-45.647c-6.627 0-12-5.373-12-12v-8.659c0-35.745 27.1-50.034 47.579-61.516 17.561-9.845 28.324-16.541 28.324-29.579 0-17.246-21.999-28.693-39.784-28.693-23.189 0-33.894 10.977-48.942 29.969-4.057 5.12-11.46 6.071-16.666 2.124l-27.824-21.098c-5.107-3.872-6.251-11.066-2.644-16.363C184.846 131.491 214.94 112 261.794 112c49.071 0 101.45 38.304 101.45 88.8zM298 368c0 23.159-18.841 42-42 42s-42-18.841-42-42 18.841-42 42-42 42 18.841 42 42z"/>
|
||
<a xmlns="http://www.w3.org/2000/svg" id="anchor"
|
||
xlink:href="https://www.hl7.org/implement/standards/fhir/" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||
target="_blank" rel="noopener">
|
||
<rect x="0" y="0" width="100%" height="100%" fill-opacity="0"/>
|
||
</a>
|
||
</svg>
|
||
</span>
|
||
</span>
|
||
|
||
<!-- ===== Pagination Top ===== --->
|
||
<div id="pagination-top" style="padding-top:4px;">
|
||
<span id="id_pagination_controls" ng-cloak ng-hide="total_pages == 0"></span>
|
||
<span id="prev_page"
|
||
class="paginationText"
|
||
ng-class="{page_arrow_enabled: is_left_enabled(), page_arrow_disabled: !is_left_enabled()}"
|
||
ng-click="on_arrow(0)" >◄ previous</span>
|
||
<span id='id_page_num'> Page {{cur_page}} </span> of <span id='id_total_pages'> {{total_pages}} </span>
|
||
<span id="next_page" ng-class="{page_arrow_enabled: is_right_enabled(), page_arrow_disabled: !is_right_enabled()}"
|
||
ng-click="on_arrow(1)" > next ►</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ======== End Nested Grid for Buttons and Pagination ===== -->
|
||
|
||
<!-- TO DO! Make it more obvious, with more detailed message -->
|
||
<div
|
||
ng-show="report.length == 0 && report_completed" class="no_results" id="no_results">
|
||
<p>No Result Found !</p>
|
||
<p>Please see other tabs for results where the count is not 0.</p>
|
||
</div>
|
||
|
||
<div class="tab-pane fade in active" id="tabcontent_0">
|
||
<!-- ===== HTTP Loading Spinner ===== -->
|
||
<div data-loading> </div>
|
||
|
||
<!-- ##### Important! Execute ng script sections for each TAB #####-->
|
||
<div ng-include="currentTab"></div>
|
||
|
||
<!-- ========== Start Studies tab content ========== -->
|
||
<script type="text/ng-template" id="tab_stu_html">
|
||
<div id="view_study">
|
||
<div class="study_record" ng-repeat="rec in report">
|
||
<span class="counter"> [{{rec.item_cnt}}] </span>
|
||
<a href="{{rec.url}}" target="_blank" rel="noopener"><span ng-bind-html="to_trusted(rec.name)"></span></a>
|
||
|
||
<div class="docsum_container">
|
||
<table class="docsum">
|
||
<tr ng-hide="rec.study_structure_type == 'Collection'">
|
||
<td>Accession</td><td><span ng-bind-html="to_trusted(rec.phx)"></span></td></tr>
|
||
|
||
<tr ng-hide="rec.changed_for_docsum_collection_name.length == 0"><td>Collection</td>
|
||
<td><span ng-bind-html="to_trusted(rec.changed_for_docsum_collection_name)"></span></td></tr>
|
||
|
||
<tr ng-hide="rec.parent_study_name_accession_combo_txt == 'Not Applicable' || rec.study_structure_type == 'Collection'">
|
||
<td>Parent study</td><td><span ng-bind-html="to_trusted(rec.parent_study_name_accession_combo_txt)"></span></td></tr>
|
||
|
||
<tr ng-hide="rec.study_structure_type == 'Collection'">
|
||
<td>Study Disease/Focus</td><td><span ng-bind-html="to_trusted(rec.study_main_disease_txt)"></span>
|
||
|
||
<!-- Only show for collection host study -->
|
||
<tr ng-hide="rec.study_structure_type != 'Collection'">
|
||
<td>Study Structure Type</td><td><b><span ng-bind-html="to_trusted(rec.study_structure_type)"></span></b>
|
||
<!-- Tooltip for "Collection" value of Study Structure Type -->
|
||
<div style="vertical-align:top; display:inline-block;">
|
||
<span title="A dbGaP Collection provides streamlined access to data across dbGaP studies or portions of dbGaP studies that share the same consent group, disease, or funding project. Data access for a collection is controlled by a single data access committee. The data in a collection is not harmonized across studies or otherwise altered from the original study. Investigators using data within a dbGaP collection are required to follow the use restrictions and acknowledgement instructions from the original dataset.">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewBox="0 0 16 16">
|
||
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
|
||
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
|
||
</svg>
|
||
</span>
|
||
</div>
|
||
</td></tr>
|
||
|
||
<tr ng-hide="rec.study_structure_type == 'Collection'">
|
||
<td>Study Design</td><td><span
|
||
ng-bind-html="to_trusted(rec.study_study_design_txt)"></span></td></tr>
|
||
|
||
<tr ng-hide="rec.study_structure_type == 'Collection'">
|
||
<td>Study Markerset</td><td><span ng-bind-html="to_trusted(rec.study_genotype_platform_txt)"></span></td></tr>
|
||
|
||
<tr ng-hide="rec.study_structure_type == 'Collection'">
|
||
<td>Study Molecular Data Type</td><td><span ng-bind-html="to_trusted(rec.study_sample_use_display_name_txt)"></span></td></tr>
|
||
|
||
<tr
|
||
ng-hide="rec.study_structure_type == 'Collection'">
|
||
<td>Study Content</td><td>
|
||
<span ng-repeat="r1 in rec.study_contains">
|
||
{{r1[1]}} {{r1[0]}}{{$last ? '' : ','}} <!-- r1[1] => count, r1[0] => Label, so 403 dataset(s), 10 variable(s) , SRA , 10 sub-studies -->
|
||
</span>
|
||
</td></tr>
|
||
|
||
<tr ng-hide="rec.study_structure_type != 'Collection'">
|
||
<td>Collection Content</td><td>
|
||
<span ng-repeat="r1 in rec.study_contains">
|
||
{{r1[1]}} {{r1[0]}}{{$last ? '' : ','}} <!-- r1[1g] => count, r1[0] => Label, so 403 dataset(s), 10 variable(s) , SRA , 10 sub-studies -->
|
||
</span>
|
||
</td></tr>
|
||
|
||
<tr ng-hide="rec.study_eds_name_txt == ''">
|
||
<td>External Data Source (EDS)</td><td><span ng-bind-html="to_trusted(rec.study_eds_name_txt)"></span></td>
|
||
</tr>
|
||
<tr ng-hide="rec.study_gsr_display_txt == ''">
|
||
<td>Genomic Summary Results (GSR)</td><td><span ng-bind-html="to_trusted(rec.study_gsr_display_txt)"></span>
|
||
<!-- Tooltip -->
|
||
<div ng-show="rec.study_gsr_display_txt == 'Unrestricted Access'" style="vertical-align:top; display:inline-block;">
|
||
<span title="Full (unredacted) association results with frequency of alleles/direction of effect are available on the public FTP site.">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewBox="0 0 16 16">
|
||
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
|
||
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
|
||
</svg>
|
||
</span>
|
||
</div>
|
||
<!-- Tooltip -->
|
||
<div ng-show="rec.study_gsr_display_txt == 'Restricted Access'" style="vertical-align:top; display:inline-block;">
|
||
<span title="Full analysis results are available for download through the dbGaP Authorized Access System. The public FTP site contains truncated (top hits) with potentially identifiable information (frequencies and direction of effect) redacted.">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewBox="0 0 16 16">
|
||
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
|
||
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
|
||
</svg>
|
||
</span>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr ng-hide="rec.study_structure_type == 'Collection' || rec.ancestry.length == 0">
|
||
<td>Ancestry (computed)</td><td><span ng-bind-html="to_trusted(rec.ancestry)"></span></td>
|
||
</tr>
|
||
|
||
<tr><td>NIH Institute</td><td><span ng-bind-html="to_trusted(rec.study_primary_ic_txt)"></span></td></tr>
|
||
<tr><td>Study Consent</td><td><span ng-bind-html="to_trusted(rec.study_consent_label_abbrev_combo_txt)"></span></td></tr>
|
||
<tr><td>Release Date</td><td>{{rec.study_release_date}}</td></tr>
|
||
<tr ng-hide="rec.study_structure_type == 'Collection' || rec.study_latest_embargo_date == ''">
|
||
<tr ng-hide="rec.hide_RELATED_TERMS"><td>Related Terms</td><td><span ng-bind-html="to_trusted(rec.related_terms)"></span></td></tr>
|
||
<tr ng-hide="rec.study_structure_type != 'Collection'">
|
||
<td>Member Study Count </td><td>{{rec.member_study_count}}</td></tr>
|
||
</table>
|
||
</div>
|
||
|
||
<span class="desc" ng-bind-html="to_trusted(rec.description)"></span>
|
||
<!-- Tooltip for "Collection" description -->
|
||
<div ng-hide="rec.study_structure_type != 'Collection'" ng-if="rec.desc_tail != ''" style="vertical-align:top; display:inline-block;">
|
||
<!-- Tooltip of desc full text -->
|
||
<span title="{{rec.desc_full}}">
|
||
<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M602.763636 512L442.181818 351.418182c-13.963636-13.963636-13.963636-34.909091 0-48.872727 13.963636-13.963636 34.909091-13.963636 48.872727 0l186.181819 186.181818c13.963636 13.963636 13.963636 34.909091 0 48.872727l-186.181819 186.181818c-13.963636 13.963636-34.909091 13.963636-48.872727 0-13.963636-13.963636-13.963636-34.909091 0-48.872727l160.581818-162.909091zM512 1024C228.072727 1024 0 795.927273 0 512S228.072727 0 512 0s512 228.072727 512 512-228.072727 512-512 512z m0-46.545455c256 0 465.454545-209.454545 465.454545-465.454545S768 46.545455 512 46.545455 46.545455 256 46.545455 512s209.454545 465.454545 465.454545 465.454545z" fill="#333333" /></svg>
|
||
</span>
|
||
</div>
|
||
|
||
<div id="iq_links">
|
||
<!-- TEST IF NOT EXIST -->
|
||
<a ng-hide="rec.dbgap_file_selector_to_study_url_combo[0] == ''" href="{{rec.dbgap_file_selector_to_study_url_combo[1]}}" class="bottom_link" target="file_selector"> {{rec.dbgap_file_selector_to_study_url_combo[0]}}</a>
|
||
<a ng-hide="rec.sra_run_selector_to_study_url_combo[0] == ''" href="{{rec.sra_run_selector_to_study_url_combo[1]}}" class="bottom_link" target="sra_run_selector"> {{rec.sra_run_selector_to_study_url_combo[0]}}</a>
|
||
<a ng-hide="rec.url_to_image_selector_combo[0] == ''" href="{{rec.url_to_image_selector_combo[1]}}" class="bottom_link" target="image_tab"> {{rec.url_to_image_selector_combo[0]}}</a>
|
||
<a ng-hide="rec.url_iqlink_to_pubmed_combo[0] == ''" href="{{rec.url_iqlink_to_pubmed_combo[1]}}" class="bottom_link" target="pubmed"> {{rec.url_iqlink_to_pubmed_combo[0]}}</a>
|
||
<a ng-hide="rec.url_iqlink_to_pmc_combo[0] == ''" href="{{rec.url_iqlink_to_pmc_combo[1]}}" class="bottom_link" target="pmc_tab"> {{rec.url_iqlink_to_pmc_combo[0]}}</a>
|
||
<a ng-hide="rec.url_iqlink_to_geo_combo[0] == ''" href="{{rec.url_iqlink_to_geo_combo[1]}}" class="bottom_link" target="geo_tab"> {{rec.url_iqlink_to_geo_combo[0]}}</a>
|
||
<a ng-hide="rec.url_iqlink_to_mesh_combo[0] == ''" href="{{rec.url_iqlink_to_mesh_combo[1]}}" class="bottom_link" target="mesh_tab"> {{rec.url_iqlink_to_mesh_combo[0]}}</a>
|
||
<a ng-hide="rec.url_iqlink_to_bioproject_combo[0] == ''" href="{{rec.url_iqlink_to_bioproject_combo[1]}}" class="bottom_link" class="bottom_link" target="bioproject_tab"> {{rec.url_iqlink_to_bioproject_combo[0]}}</a>
|
||
<a ng-hide="rec.url_iqlink_to_biosample_combo[0] == ''" href="{{rec.url_iqlink_to_biosample_combo[1]}}" class="bottom_link" target="biosample_tab"> {{rec.url_iqlink_to_biosample_combo[0]}}</a>
|
||
<a ng-hide="rec.url_iqlink_to_sra_combo[0] == ''" href="{{rec.url_iqlink_to_sra_combo[1]}}" class="bottom_link" target="sra_tab"> {{rec.url_iqlink_to_sra_combo[0]}}</a>
|
||
<a ng-hide="rec.url_iqlink_to_gene_combo[0] == ''" href="{{rec.url_iqlink_to_gene_combo[1]}}" class="bottom_link" target="gene_tab"> {{rec.url_iqlink_to_gene_combo[0]}}</a>
|
||
<a ng-hide="rec.url_iqlink_to_snp_combo[0] == ''" href="{{rec.url_iqlink_to_snp_combo[1]}}" class="bottom_link" target="snp_tab"> {{rec.url_iqlink_to_snp_combo[0]}}</a>
|
||
<a ng-hide="rec.url_to_medgen_combo[0] == ''" href="{{rec.url_to_medgen_combo[1]}}" class="bottom_link" target="snp_tab"> {{rec.url_to_medgen_combo[0]}}</a>
|
||
<a ng-hide="rec.dbgap_fhir_url_combo[0] == ''" href="{{rec.dbgap_fhir_url_combo[1]}}" class="bottom_link" target="snp_tab"> {{rec.dbgap_fhir_url_combo[0]}}</a>
|
||
<a ng-hide="rec.study_ftp_url_combo[0] == ''" href="{{rec.study_ftp_url_combo[1]}}" class="bottom_link" target="file_selector"> {{rec.study_ftp_url_combo[0]}}</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
</div>
|
||
<!-- ========== End Studies tab content ========== -->
|
||
|
||
<!-- ========== Start Dataset tab content ========== -->
|
||
<div class="tab-pane fade" id="tabcontent_1">
|
||
<script type="text/ng-template" id="tab_pheds_html">
|
||
<div id="view_dataset">
|
||
<div class="study_record" ng-repeat="rec in report">
|
||
<span class="counter"> [{{rec.item_cnt}}] </span><a href="{{rec.url}}" target="_blank" rel="noopener"><span ng-bind-html="to_trusted(rec.name)"></span></a>
|
||
|
||
<div class="docsum_container">
|
||
<table class="docsum">
|
||
<tr><td>Dataset Accession</td><td><span ng-bind-html="to_trusted(rec.phx)"></span></td></tr>
|
||
<tr><td>Variable Count</td><td>{{rec.dataset_variable_count}}</td></tr>
|
||
<tr><td>Linked Document</td><td><span ng-bind-html="to_trusted(rec.dataset_assoc_doc_name_acc_combo_txt)"></span></td></tr>
|
||
<tr><td>Study</td><td><span ng-bind-html="to_trusted(rec.study_name_accession_combo_txt)"></span></td></tr>
|
||
<tr><td>Study Consent</td><td><span ng-bind-html="to_trusted(rec.study_consent_label_abbrev_combo_txt)" /></span></td></tr>
|
||
</table>
|
||
</div>
|
||
<div class="desc" ng-bind-html="to_trusted(rec.description)"></div>
|
||
|
||
<a ng-hide="rec.dbgap_file_selector_to_study_url[0] == ''"
|
||
href="{{rec.dbgap_file_selector_to_study_url[1]}}"
|
||
class="bottom_link" target="file_selector"> {{rec.dbgap_file_selector_to_study_url[0]}}</a>
|
||
<a href="{{rec.url}}" class="bottom_link" target="_blank" rel="noopener">Dataset page</a>
|
||
<a href="{{rec.study_url}}" class="bottom_link" target="_blank" rel="noopener">Study page</a>
|
||
<!-- <a href="{{rec.ftp_url_var_report_data_dict_combo}}" class="bottom_link">Variable Report and Data Dictionary</a> -->
|
||
<a ng-hide="rec.ftp_url_var_report_data_dict_combo[0] == ''"
|
||
href="{{rec.ftp_url_var_report_data_dict_combo[1]}}" target="_blank" rel="noopener"
|
||
class="bottom_link"> {{rec.ftp_url_var_report_data_dict_combo[0]}}</a>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
</div> <!-- ========== End Dataset tab content ========== -->
|
||
|
||
<!-- ========== Start Variable tab content ========== -->
|
||
<div class="tab-pane fade" id="tabcontent_2">
|
||
<script type="text/ng-template" id="tab_vars_html">
|
||
<div id="view_variable">
|
||
<div class="study_record" ng-repeat="rec in report">
|
||
<span class="counter"> [{{rec.item_cnt}}] </span>
|
||
<a href="{{rec.url}}" target="_blank" rel="noopener"><span ng-bind-html="to_trusted(rec.description)"></span></a>
|
||
|
||
<div class="docsum_container">
|
||
<table class="docsum">
|
||
<tr><td>Name</td><td><span ng-bind-html="to_trusted(rec.name)"></span></td></tr>
|
||
<tr><td>Accession</td><td><span ng-bind-html="to_trusted(rec.phx)"></span></td></tr>
|
||
<tr><td>Study Consent</td><td><span ng-bind-html="to_trusted(rec.study_consent_label_abbrev_combo_txt)"></span></td></tr>
|
||
<tr><td>Sample/Subject Count</td><td>{{rec.variable_subject_count}}</td></tr>
|
||
|
||
<tr><td>Linked Document</td><td><span ng-bind-html="to_trusted(rec.var_assoc_doc_name_acc_combo_txt)"></span></td></tr>
|
||
<tr><td>Study</td><td><span ng-bind-html="to_trusted(rec.study_name_accession_combo_txt)"></span></td></tr>
|
||
<tr><td>Dataset</td><td><span ng-bind-html="to_trusted(rec.ds_ds_name_acc_combo_txt)"></span></td></tr>
|
||
<tr><td>Embargo Release Date</td><td>{{rec.ds_ds_latest_embargo_date}}</td></tr>
|
||
<tr ng-hide="rec.ontology_arr.length == 0 "><td>Common Data Element</td><td>
|
||
<span ng-repeat="orec in rec.ontology_arr">
|
||
<a href="{{rec.ontology_url_arr[$index]}}" class="bottom_link" target="_blank" rel="noopener">{{orec}}</a>
|
||
</span>
|
||
</td></tr>
|
||
</table>
|
||
</div>
|
||
<a href="{{rec.url}}" class="bottom_link" target="_blank" rel="noopener">Variable page</a>
|
||
<a href="{{rec.study_url}}" class="bottom_link" target="_blank" rel="noopener">Study page</a>
|
||
<a href="{{rec.dataset_url}}" class="bottom_link" target="_blank" rel="noopener">Dataset page</a>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
</div> <!-- ========== End Variable tab content ========== -->
|
||
|
||
<!-- ========== Start Molecular Dataset tab content ========== -->
|
||
<div class="tab-pane fade" id="tabcontent_3">
|
||
<script type="text/ng-template" id="tab_molds_html">
|
||
<div id="view_genotype">
|
||
<div class="study_record" ng-repeat="rec in report">
|
||
<span class="counter"> [{{rec.item_cnt}}] </span>
|
||
<a href="{{rec.url}}" target="_blank" rel="noopener"><span ng-bind-html="to_trusted(rec.description)"></span></a>
|
||
|
||
<div class="docsum_container">
|
||
<table class="docsum">
|
||
<tr><td>Genotype Accession</td><td><span ng-bind-html="to_trusted(rec.phx)"></span></td></tr>
|
||
<tr><td>Dataset Name</td><td><span ng-bind-html="to_trusted(rec.name)"></span></td></tr>
|
||
<tr><td>Study</td><td><span ng-bind-html="to_trusted(rec.study_name_accession_combo_txt)"></span></td></tr>
|
||
<tr><td>Markerset Type</td><td><span ng-bind-html="to_trusted(rec.genotype_markerset_type_txt)"></span></td></tr>
|
||
<tr><td>Markerset Source</td><td><span ng-bind-html="to_trusted(rec.genotype_chip_manufacture_txt)"></span></td></tr>
|
||
<tr><td>Markerset</td><td><span ng-bind-html="to_trusted(rec.genotype_markerset_name_txt)"></span></td></tr>
|
||
<tr><td>Contains</td><td><span ng-bind-html="to_trusted(rec.tar_file_content_type_txt)"></span></td></tr>
|
||
<tr ng-hide="rec.study_gsr_display_txt == ''">
|
||
<td>Genomic Summary Results (GSR)</td><td><span ng-bind-html="to_trusted(rec.study_gsr_display_txt)"></span>
|
||
<!-- Tooltip -->
|
||
<div ng-show="rec.study_gsr_display_txt == 'Unrestricted Access'" style="vertical-align:top; display:inline-block;">
|
||
<span title="Full (unredacted) association results with frequency of alleles/direction of effect are available on the public FTP site.">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewBox="0 0 16 16">
|
||
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
|
||
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
|
||
</svg>
|
||
</span>
|
||
</div>
|
||
<!-- Tooltip -->
|
||
<div ng-show="rec.study_gsr_display_txt == 'Restricted Access'" style="vertical-align:top; display:inline-block;">
|
||
<span title="Full analysis results are available for download through the dbGaP Authorized Access System. The public FTP site contains truncated (top hits) with potentially identifiable information (frequencies and direction of effect) redacted.">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewBox="0 0 16 16">
|
||
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
|
||
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
|
||
</svg>
|
||
</span>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr><td></td><td></td></tr>
|
||
</table>
|
||
</div>
|
||
|
||
<a ng-hide="rec.dbgap_file_selector_to_study_url[0] == ''"
|
||
href="{{rec.dbgap_file_selector_to_study_url[1]}}"
|
||
class="bottom_link" target="file_selector"> {{rec.dbgap_file_selector_to_study_url[0]}}</a>
|
||
<a href="{{rec.study_url}}" class="bottom_link" target="_blank" rel="noopener">Study page</a>
|
||
<a href="{{rec.molecular_data_page_url}}" class="bottom_link" target="_blank" rel="noopener">Molecular Data Summary</a>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
</div> <!-- ========== End Molecular Dataset tab content ========== -->
|
||
|
||
<!-- ========== Start Analyses tab content ========== -->
|
||
<div class="tab-pane fade" id="tabcontent_4">
|
||
<script type="text/ng-template" id="tab_ana_html">
|
||
<div id="view_analysis">
|
||
<div class="study_record" ng-repeat="rec in report">
|
||
<span class="counter"> [{{rec.item_cnt}}] </span>
|
||
<span ng-hide="rec.analysis_gdv_url_combo[0] == ''">
|
||
<input id="{{rec.phx}}" type="checkbox" ng-checked="is_rec_checked(rec)" ng-click="cbClickA(rec)" />
|
||
</span>
|
||
|
||
<a href="{{rec.url}}" target="_blank" rel="noopener"><span ng-bind-html="to_trusted(rec.name)"></span></a>
|
||
|
||
<div class="docsum_container">
|
||
<table class="docsum">
|
||
<tr><td>Analysis Accession</td><td><span ng-bind-html="to_trusted(rec.phx)"></span></td></tr>
|
||
<tr><td>Locus Type</td><td><span ng-bind-html="to_trusted_UP(rec.analysis_locus_type_txt)"></span></td></tr>
|
||
<tr><td>Analysis Trait</td><td><span ng-bind-html="to_trusted(rec.analysis_trait_txt)"></span></td></tr>
|
||
<tr><td>Analysis Population</td><td><span ng-bind-html="to_trusted(rec.analysis_population_txt)"></span></td></tr>
|
||
<tr ng-hide="rec.study_gsr_display_txt == ''">
|
||
<td>Genomic Summary Results (GSR)</td><td><span ng-bind-html="to_trusted(rec.study_gsr_display_txt)"></span>
|
||
<!-- Tooltip -->
|
||
<div ng-show="rec.study_gsr_display_txt == 'Unrestricted Access'" style="vertical-align:top; display:inline-block;">
|
||
<span title="Full (unredacted) association results with frequency of alleles/direction of effect are available on the public FTP site.">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewBox="0 0 16 16">
|
||
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
|
||
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
|
||
</svg>
|
||
</span>
|
||
</div>
|
||
<!-- Tooltip -->
|
||
<div ng-show="rec.study_gsr_display_txt == 'Restricted Access'" style="vertical-align:top; display:inline-block;">
|
||
<span title="Full analysis results are available for download through the dbGaP Authorized Access System. The public FTP site contains truncated (top hits) with potentially identifiable information (frequencies and direction of effect) redacted.">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewBox="0 0 16 16">
|
||
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
|
||
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
|
||
</svg>
|
||
</span>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr><td>Study</td><td><span ng-bind-html="to_trusted(rec.study_name_accession_combo_txt)"></span></td></tr>
|
||
<tr><td></td><td></td></tr>
|
||
</table>
|
||
</div>
|
||
|
||
<a ng-hide="rec.dbgap_file_selector_to_study_url[0] == ''"
|
||
href="{{rec.dbgap_file_selector_to_study_url[1]}}"
|
||
class="bottom_link" target="file_selector"> {{rec.dbgap_file_selector_to_study_url[0]}}</a>
|
||
<a ng-hide="rec.analysis_genome_browser_url_combo[0] == ''" href="{{rec.analysis_genome_browser_url_combo[1]}}" class="bottom_link" target="analysis_genome_browser"> {{rec.analysis_genome_browser_url_combo[0]}}</a>
|
||
<a href="{{rec.study_url}}" class="bottom_link" target="study_page" target="_blank" rel="noopener">Study page</a>
|
||
<a ng-hide="rec.phegeni_url_combo[0] == ''" href="{{rec.phegeni_url_combo[1]}}" class="bottom_link" target="phegeni" target="_blank" rel="noopener"> {{rec.phegeni_url_combo[0]}}</a>
|
||
<a ng-hide="rec.url_iqlink_to_mesh_combo[0] == ''" href="{{rec.url_iqlink_to_mesh_combo[1]}}" class="bottom_link" target="iqlink_to_mesh" target="_blank" rel="noopener"> {{rec.url_iqlink_to_mesh_combo[0]}}</a>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
</div> <!-- ========== End Analyses tab content ========== -->
|
||
|
||
<!-- ========== Start Document tab content ========== -->
|
||
<div class="tab-pane fade" id="tabcontent_5">
|
||
<script type="text/ng-template" id="tab_doc_html">
|
||
<div id="view_document">
|
||
<div class="study_record" ng-repeat="rec in report">
|
||
<span class="counter"> [{{rec.item_cnt}}] </span><a href="{{rec.url}}" target="_blank" rel="noopener"><span ng-bind-html="to_trusted(rec.name)"></span></a>
|
||
<div class="docsum_container">
|
||
<table class="docsum">
|
||
<tr><td>Document Accession</td><td><span ng-bind-html="to_trusted(rec.phx)"></span></td></tr>
|
||
<tr><td>Document type</td><td><span ng-bind-html="to_trusted(rec.dbgap_document_type_txt)"></span></td></tr>
|
||
<tr><td>Annotated Objects</td><td><span>{{rec.doc_assoc_obj_count}} variables or datasets</span></td></tr>
|
||
<tr><td>Study</td><td><span ng-bind-html="to_trusted(rec.study_name_accession_combo_txt)"></span></td></tr>
|
||
</table>
|
||
</div>
|
||
<div class="desc" ng-bind-html="to_trusted(rec.description)"></div>
|
||
<a href="{{rec.url}}" class="bottom_link" target="_blank" rel="noopener">Document page</a>
|
||
<a href="{{rec.study_url}}" class="bottom_link" target="_blank" rel="noopener">Study page</a>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
</div> <!-- ========== End Document tab content ========== -->
|
||
|
||
<!-- Start Pagination at Bottom -->
|
||
<div id="pagination-bottom">
|
||
<span id="id_pagination_controls_2" ng-cloak ng-hide="total_pages == 0">
|
||
<span id="prev_page_2"
|
||
ng-class="{page_arrow_enabled: is_left_enabled(), page_arrow_disabled: !is_left_enabled()}"
|
||
ng-click="on_arrow(0)" >◄ previous</span>
|
||
<span id='id_page_num_2'> Page {{cur_page}} </span> of <span id='id_total_pages_2'> {{total_pages}} </span>
|
||
<span id="next_page_2"
|
||
ng-class="{page_arrow_enabled: is_right_enabled(), page_arrow_disabled: !is_right_enabled()}" ng-click="on_arrow(1)" > next ►</span>
|
||
</span>
|
||
</div> <!-- End Pagination at Bottom -->
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ===== End dbGaP Tab ===== -->
|
||
</div>
|
||
<!-- ===== End Angular Scope ===== -->
|
||
</div>
|
||
<!--- ===== End dbGaP Main ===== -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ===== END Bootstrap Grid Container ===== -->
|
||
|
||
|
||
<script type="text/javascript" src="https://www.ncbi.nlm.nih.gov/core/pinger/pinger.js"></script>
|
||
<!-- ========== END dbGAP ADVANCED SEARCH ========== -->
|
||
|
||
</section>
|
||
</main>
|
||
<!-- ========== END MAIN CONTENT ========== -->
|
||
|
||
<!-- ========== BEGIN FOOTER ========== -->
|
||
<footer>
|
||
<section class="icon-section">
|
||
<div id="icon-section-header" class="icon-section_header">Follow NCBI</div>
|
||
<div class="grid-container container">
|
||
<div class="icon-section_container">
|
||
<a class="footer-icon" id="footer_twitter" href="https://twitter.com/ncbi" aria-label="Twitter"><svg
|
||
data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
|
||
<defs>
|
||
<style>
|
||
.cls-11 {
|
||
fill: #737373;
|
||
}
|
||
</style>
|
||
</defs>
|
||
<title>Twitter</title>
|
||
<path class="cls-11"
|
||
d="M250.11,105.48c-7,3.14-13,3.25-19.27.14,8.12-4.86,8.49-8.27,11.43-17.46a78.8,78.8,0,0,1-25,9.55,39.35,39.35,0,0,0-67,35.85,111.6,111.6,0,0,1-81-41.08A39.37,39.37,0,0,0,81.47,145a39.08,39.08,0,0,1-17.8-4.92c0,.17,0,.33,0,.5a39.32,39.32,0,0,0,31.53,38.54,39.26,39.26,0,0,1-17.75.68,39.37,39.37,0,0,0,36.72,27.3A79.07,79.07,0,0,1,56,223.34,111.31,111.31,0,0,0,116.22,241c72.3,0,111.83-59.9,111.83-111.84,0-1.71,0-3.4-.1-5.09C235.62,118.54,244.84,113.37,250.11,105.48Z">
|
||
</path>
|
||
</svg></a>
|
||
<a class="footer-icon" id="footer_facebook" href="https://www.facebook.com/ncbi.nlm" aria-label="Facebook"><svg
|
||
data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
|
||
<title>Facebook</title>
|
||
<path class="cls-11"
|
||
d="M210.5,115.12H171.74V97.82c0-8.14,5.39-10,9.19-10h27.14V52l-39.32-.12c-35.66,0-42.42,26.68-42.42,43.77v19.48H99.09v36.32h27.24v109h45.41v-109h35Z">
|
||
</path>
|
||
</svg></a>
|
||
<a class="footer-icon" id="footer_linkedin"
|
||
href="https://www.linkedin.com/company/ncbinlm"
|
||
aria-label="LinkedIn"><svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
|
||
<title>LinkedIn</title>
|
||
<path class="cls-11"
|
||
d="M101.64,243.37H57.79v-114h43.85Zm-22-131.54h-.26c-13.25,0-21.82-10.36-21.82-21.76,0-11.65,8.84-21.15,22.33-21.15S101.7,78.72,102,90.38C102,101.77,93.4,111.83,79.63,111.83Zm100.93,52.61A17.54,17.54,0,0,0,163,182v61.39H119.18s.51-105.23,0-114H163v13a54.33,54.33,0,0,1,34.54-12.66c26,0,44.39,18.8,44.39,55.29v58.35H198.1V182A17.54,17.54,0,0,0,180.56,164.44Z">
|
||
</path>
|
||
</svg></a>
|
||
<a class="footer-icon" id="footer_github" href="https://github.com/ncbi" aria-label="GitHub"><svg
|
||
data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
|
||
<defs>
|
||
<style>
|
||
.cls-11,
|
||
.cls-12 {
|
||
fill: #737373;
|
||
}
|
||
|
||
.cls-11 {
|
||
fill-rule: evenodd;
|
||
}
|
||
</style>
|
||
</defs>
|
||
<title>GitHub</title>
|
||
<path class="cls-11"
|
||
d="M151.36,47.28a105.76,105.76,0,0,0-33.43,206.1c5.28,1,7.22-2.3,7.22-5.09,0-2.52-.09-10.85-.14-19.69-29.42,6.4-35.63-12.48-35.63-12.48-4.81-12.22-11.74-15.47-11.74-15.47-9.59-6.56.73-6.43.73-6.43,10.61.75,16.21,10.9,16.21,10.9,9.43,16.17,24.73,11.49,30.77,8.79,1-6.83,3.69-11.5,6.71-14.14C108.57,197.1,83.88,188,83.88,147.51a40.92,40.92,0,0,1,10.9-28.39c-1.1-2.66-4.72-13.42,1-28,0,0,8.88-2.84,29.09,10.84a100.26,100.26,0,0,1,53,0C198,88.3,206.9,91.14,206.9,91.14c5.76,14.56,2.14,25.32,1,28a40.87,40.87,0,0,1,10.89,28.39c0,40.62-24.74,49.56-48.29,52.18,3.79,3.28,7.17,9.71,7.17,19.58,0,14.15-.12,25.54-.12,29,0,2.82,1.9,6.11,7.26,5.07A105.76,105.76,0,0,0,151.36,47.28Z">
|
||
</path>
|
||
<path class="cls-12"
|
||
d="M85.66,199.12c-.23.52-1.06.68-1.81.32s-1.2-1.06-.95-1.59,1.06-.69,1.82-.33,1.21,1.07.94,1.6Zm-1.3-1">
|
||
</path>
|
||
<path class="cls-12"
|
||
d="M90,203.89c-.51.47-1.49.25-2.16-.49a1.61,1.61,0,0,1-.31-2.19c.52-.47,1.47-.25,2.17.49s.82,1.72.3,2.19Zm-1-1.08">
|
||
</path>
|
||
<path class="cls-12"
|
||
d="M94.12,210c-.65.46-1.71,0-2.37-.91s-.64-2.07,0-2.52,1.7,0,2.36.89.65,2.08,0,2.54Zm0,0"></path>
|
||
<path class="cls-12"
|
||
d="M99.83,215.87c-.58.64-1.82.47-2.72-.41s-1.18-2.06-.6-2.7,1.83-.46,2.74.41,1.2,2.07.58,2.7Zm0,0">
|
||
</path>
|
||
<path class="cls-12"
|
||
d="M107.71,219.29c-.26.82-1.45,1.2-2.64.85s-2-1.34-1.74-2.17,1.44-1.23,2.65-.85,2,1.32,1.73,2.17Zm0,0">
|
||
</path>
|
||
<path class="cls-12"
|
||
d="M116.36,219.92c0,.87-1,1.59-2.24,1.61s-2.29-.68-2.3-1.54,1-1.59,2.26-1.61,2.28.67,2.28,1.54Zm0,0">
|
||
</path>
|
||
<path class="cls-12"
|
||
d="M124.42,218.55c.15.85-.73,1.72-2,1.95s-2.37-.3-2.52-1.14.73-1.75,2-2,2.37.29,2.53,1.16Zm0,0"></path>
|
||
</svg></a>
|
||
<a class="footer-icon" id="footer_blog" href="https://ncbiinsights.ncbi.nlm.nih.gov/" aria-label="Blog">
|
||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><style>.cls-1{fill:#737373;}</style></defs><path class="cls-1" d="M14,30a4,4,0,1,1-4-4,4,4,0,0,1,4,4Zm11,3A19,19,0,0,0,7.05,15a1,1,0,0,0-1,1v3a1,1,0,0,0,.93,1A14,14,0,0,1,20,33.07,1,1,0,0,0,21,34h3a1,1,0,0,0,1-1Zm9,0A28,28,0,0,0,7,6,1,1,0,0,0,6,7v3a1,1,0,0,0,1,1A23,23,0,0,1,29,33a1,1,0,0,0,1,1h3A1,1,0,0,0,34,33Z"/></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="container-fluid bg-primary">
|
||
<div class="container pt-5">
|
||
<div class="row mt-3">
|
||
<div class="col-lg-3 col-12">
|
||
<p><a class="text-white" href="https://www.nlm.nih.gov/socialmedia/index.html">Connect with NLM</a></p>
|
||
<ul class="list-inline social_media">
|
||
<li class="list-inline-item"><a href="https://twitter.com/NLM_NIH" aria-label="Twitter"
|
||
target="_blank" rel="noopener" rel="noopener noreferrer"><svg version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 249 249"
|
||
style="enable-background:new 0 0 249 249;" xml:space="preserve">
|
||
<style type="text/css">
|
||
.st20 {
|
||
fill: #FFFFFF;
|
||
}
|
||
|
||
.st30 {
|
||
fill: none;
|
||
stroke: #FFFFFF;
|
||
stroke-width: 8;
|
||
stroke-miterlimit: 10;
|
||
}
|
||
</style>
|
||
<title>SM-Twitter</title>
|
||
<g>
|
||
<g>
|
||
<g>
|
||
<path class="st20" d="M192.9,88.1c-5,2.2-9.2,2.3-13.6,0.1c5.7-3.4,6-5.8,8.1-12.3c-5.4,3.2-11.4,5.5-17.6,6.7
|
||
c-10.5-11.2-28.1-11.7-39.2-1.2c-7.2,6.8-10.2,16.9-8,26.5c-22.3-1.1-43.1-11.7-57.2-29C58,91.6,61.8,107.9,74,116
|
||
c-4.4-0.1-8.7-1.3-12.6-3.4c0,0.1,0,0.2,0,0.4c0,13.2,9.3,24.6,22.3,27.2c-4.1,1.1-8.4,1.3-12.5,0.5c3.6,11.3,14,19,25.9,19.3
|
||
c-11.6,9.1-26.4,13.2-41.1,11.5c12.7,8.1,27.4,12.5,42.5,12.5c51,0,78.9-42.2,78.9-78.9c0-1.2,0-2.4-0.1-3.6
|
||
C182.7,97.4,189.2,93.7,192.9,88.1z"></path>
|
||
</g>
|
||
</g>
|
||
<circle class="st30" cx="124.4" cy="128.8" r="108.2"></circle>
|
||
</g>
|
||
</svg></a></li>
|
||
<li class="list-inline-item"><a href="https://www.facebook.com/nationallibraryofmedicine"
|
||
aria-label="Facebook" rel="noopener noreferrer" target="_blank" rel="noopener">
|
||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||
y="0px" viewBox="0 0 249 249" style="enable-background:new 0 0 249 249;" xml:space="preserve">
|
||
<style type="text/css">
|
||
.st10 {
|
||
fill: #FFFFFF;
|
||
}
|
||
|
||
.st110 {
|
||
fill: none;
|
||
stroke: #FFFFFF;
|
||
stroke-width: 8;
|
||
stroke-miterlimit: 10;
|
||
}
|
||
</style>
|
||
<title>SM-Facebook</title>
|
||
<g>
|
||
<g>
|
||
<path class="st10" d="M159,99.1h-24V88.4c0-5,3.3-6.2,5.7-6.2h16.8V60l-24.4-0.1c-22.1,0-26.2,16.5-26.2,27.1v12.1H90v22.5h16.9
|
||
v67.5H135v-67.5h21.7L159,99.1z"></path>
|
||
</g>
|
||
</g>
|
||
<circle class="st110" cx="123.6" cy="123.2" r="108.2"></circle>
|
||
</svg>
|
||
</a></li>
|
||
<li class="list-inline-item"><a href="https://www.youtube.com/user/NLMNIH" aria-label="Youtube"
|
||
target="_blank" rel="noopener noreferrer"><svg version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 249 249"
|
||
style="enable-background:new 0 0 249 249;" xml:space="preserve">
|
||
<title>SM-Youtube</title>
|
||
<style type="text/css">
|
||
.st4 {
|
||
fill: none;
|
||
stroke: #FFFFFF;
|
||
stroke-width: 8;
|
||
stroke-miterlimit: 10;
|
||
}
|
||
|
||
.st5 {
|
||
fill: #FFFFFF;
|
||
}
|
||
</style>
|
||
<circle class="st4" cx="124.2" cy="123.4" r="108.2"></circle>
|
||
<g transform="translate(0,-952.36218)">
|
||
<path class="st5"
|
||
d="M88.4,1037.4c-10.4,0-18.7,8.3-18.7,18.7v40.1c0,10.4,8.3,18.7,18.7,18.7h72.1c10.4,0,18.7-8.3,18.7-18.7
|
||
v-40.1c0-10.4-8.3-18.7-18.7-18.7H88.4z M115.2,1058.8l29.4,17.4l-29.4,17.4V1058.8z"></path>
|
||
</g>
|
||
</svg></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-3 col-12">
|
||
<p class="address_footer text-white">National Library of Medicine<br>
|
||
<a href="https://www.google.com/maps/place/8600+Rockville+Pike,+Bethesda,+MD+20894/@38.9959508,-77.101021,17z/data=!3m1!4b1!4m5!3m4!1s0x89b7c95e25765ddb:0x19156f88b27635b8!8m2!3d38.9959508!4d-77.0988323"
|
||
class="text-white" target="_blank" rel="noopener noreferrer">8600 Rockville Pike<br>
|
||
Bethesda, MD 20894</a></p>
|
||
</div>
|
||
<div class="col-lg-3 col-12 centered-lg">
|
||
<p><a href="https://www.nlm.nih.gov/web_policies.html" class="text-white">Web Policies</a><br>
|
||
<a href="https://www.nih.gov/institutes-nih/nih-office-director/office-communications-public-liaison/freedom-information-act-office"
|
||
class="text-white">FOIA</a><br>
|
||
<a href="https://www.hhs.gov/vulnerability-disclosure-policy/index.html" class="text-white" id="vdp">HHS Vulnerability Disclosure</a></p>
|
||
</div>
|
||
<div class="col-lg-3 col-12 centered-lg">
|
||
<p><a class="supportLink text-white" href="https://support.nlm.nih.gov/">Help</a><br>
|
||
<a href="https://www.nlm.nih.gov/accessibility.html" class="text-white">Accessibility</a><br>
|
||
<a href="https://www.nlm.nih.gov/careers/careers.html" class="text-white">Careers</a></p>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-12 centered-lg">
|
||
<nav class="bottom-links">
|
||
<ul class="mt-3">
|
||
<li>
|
||
<a class="text-white" href="//www.nlm.nih.gov/">NLM</a>
|
||
</li>
|
||
<li>
|
||
<a class="text-white"
|
||
href="https://www.nih.gov/">NIH</a>
|
||
</li>
|
||
<li>
|
||
<a class="text-white" href="https://www.hhs.gov/">HHS</a>
|
||
</li>
|
||
<li>
|
||
<a
|
||
class="text-white" href="https://www.usa.gov/">USA.gov</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</footer>
|
||
|
||
|
||
|
||
<script type="text/javascript"> var ncbi_startTime = new Date(); </script>
|
||
<script src="/gap/static/advanced_search/advanced_search/dist/app.bundle.js" type="text/javascript"></script>
|
||
<script src="/gap/static/advanced_search/advanced_search/js/angucomplete-alt.js"></script>
|
||
<script src="/gap/static/advanced_search/advanced_search/js/loading_spinner.js"></script>
|
||
<script src="/gap/static/advanced_search/advanced_search/js/GapFacetsApp.js"></script>
|
||
|
||
<!-- NCBI branding -->
|
||
<script src="/gap/static/advanced_search/advanced_search/coreutils/uswds/js/uswds.js" type="text/javascript"></script>
|
||
<script src="/gap/static/advanced_search/advanced_search/coreutils/nwds/js/nwds.js" type="text/javascript"></script>
|
||
<script src="/gap/static/advanced_search/advanced_search/coreutils/nwds/js/header.js" type="text/javascript"></script>
|
||
<script src="/gap/static/advanced_search/advanced_search/coreutils/nwds/js/ncbipopup.js" type="text/javascript"></script>
|
||
|
||
|
||
<script type="text/javascript">
|
||
function getParameter(paramName) {
|
||
var searchString = window.location.search.substring(1), i, val, params = searchString.split("&");
|
||
for (i = 0; i < params.length; i++) {
|
||
val = params[i].split("=");
|
||
if (val[0].toUpperCase() == paramName) {
|
||
return val[1];
|
||
}
|
||
}
|
||
return null;
|
||
}
|
||
</script>
|
||
|
||
<script type="text/javascript">
|
||
$(document).ready(function () {
|
||
// click on button
|
||
$('#id_svr_trigger').click(function (event) {
|
||
event.stopPropagation();
|
||
str_class = $(event.target).attr('class');
|
||
if (str_class == "svr_trigger_enabled") {
|
||
$('#svr_drop').toggle();
|
||
}
|
||
});
|
||
$(document).click(function (e) {
|
||
id = $(e.target).attr('id')
|
||
if (id != undefined) {/*
|
||
_s = id.substring(0,4);
|
||
if (_s == 'svr_')
|
||
{
|
||
}*/
|
||
}
|
||
$('#svr_drop').hide();
|
||
});
|
||
$('#save_query_results').click(function() {
|
||
alert("Hello");
|
||
});
|
||
});
|
||
</script>
|
||
<script>
|
||
function search_url() {
|
||
return "/gap/advanced_search/search/"
|
||
}
|
||
</script>
|
||
|
||
<!-- Init Jquery -->
|
||
<script>
|
||
// Initialize tooltip component
|
||
$(function () {
|
||
$('[data-toggle="tooltip"]').tooltip()
|
||
})
|
||
// Initialize popover component
|
||
$(function () {
|
||
$('[data-toggle="popover"]').popover()
|
||
})
|
||
</script>
|
||
|
||
|
||
|
||
</body>
|
||
</html>
|