-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
272 lines (260 loc) · 17.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
<!DOCTYPE html>
<html lang="en-US">
<head>
<!-- <script>
const host = location.host;
let measurementID = '';
if(host === 'confluence.cancer.gov') measurementID = 'G-GY2GCE9J90'
else if(host === 'confluence-stage.cancer.gov') measurementID = 'G-YDFPQ7WTY0'
else measurementID = 'G-TC3QCC08H4'
const gtagSrc = `https://www.googletagmanager.com/gtag/js?id=${measurementID}`
const gtagScript = document.createElement('script');
gtagScript.src = gtagSrc;
document.head.appendChild(gtagScript);
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', measurementID);
</script> -->
<!-- <script>
if(host !== 'confluence.cancer.gov') {
const meta = document.createElement('meta');
meta.name = 'robots';
meta.content = 'noindex, nofollow';
document.head.appendChild(meta);
}
</script> -->
<meta charset="UTF-8">
<meta name="Description" content="Confluence is a large international project to study breast cancer genetic susceptibility in women and men of multiple ancestries, by integrating existing and new genome-wide genetic data, across several breast cancer consortia. Confluence is funded by the US National Cancer Institute (NCI), and coordinated by the Division of Cancer Epidemiology and Genetics (DCEG) of NCI.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Confluence Data Platform</title>
<link rel="manifest" href="./manifest.json">
<meta name="theme-color" content="#cd2f5a" />
<link rel="apple-touch-icon" href="./static/images/icons/icon-144x144.png">
<link type="image/x-icon" rel="shortcut icon" href="./static/images/favicon.ico">
<link crossorigin="anonymous" type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css" defer>
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous" defer> -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com/">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet" defer>
<link href="./static/css/helvetica.css" rel="stylesheet" defer>
<link href="https://cdn01.boxcdn.net/platform/preview/2.81.0/en-US/preview.css" rel="stylesheet" defer>
<link type="text/css" rel="stylesheet" href="./static/css/confluence.css">
</head>
<body>
<ul class="skip-links">
<li><a href="#confluenceNav">Skip to navigation</a></li>
<li><a href="#confluenceMain">Skip to main content</a></li>
</ul>
<!-- <section class="nci-shutdown-banner" aria-label="Government Funding Lapse">
<div class="nci-shutdown-banner__body">
<h2>Government Funding Lapse</h2>
<p style="margin: 0">Because of a lapse in government funding, the information on this website may not be up to date, transactions submitted via the website may not be processed, and the agency may not be able to respond to inquiries until appropriations are enacted. The NIH Clinical Center (the research hospital of NIH) is open. For more details about its operating status, please visit <a href="https://cc.nih.gov/">cc.nih.gov</a>. Updates regarding government operating status and resumption of normal operations can be found at <a href="https://opm.gov/">OPM.gov</a>.</p>
</div>
</section> -->
<header role="banner">
<div id="header" class="header">
<div class="container">
<div id="alertMessage">
</div>
<div class="row">
<div class="col zero-padding">
<a href="#home" title="Home" rel="home">
<img src="./static/images/Confluence-Breast-Cancer-Study-Data-logo.svg" height="100px" alt="NCI Confluence Data Platform Logo">
</a>
</div>
</div>
</div>
</div>
<!-- <nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav> -->
<nav class="navbar navbar-expand-lg navbar-dark" id="confluenceNav">
<div class="container">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggler"
id="navBarBtn" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarToggler">
<ul class="navbar-nav me-auto mb-2 mb-lg-0" id="navBarOptions">
<li class="nav-item grid-elements">
<a class="nav-link nav-menu-links white-font" rel="noopener" href="#" title="Confluence Home" id="homePage">
Home
</a>
</li>
<li class="nav-item dropdown grid-elements">
<a class="nav-link nav-menu-links dropdown-toggle dropdown-btn white-font" href="#" id="navbarDropdown" role="button" title="Confluence" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
About Confluence
</a>
<ul class="dropdown-menu navbar-dropdown" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item nav-link nav-menu-links dropdown-menu-links" href="#about/overview" id="aboutConfluence">Learn about Confluence</a></li>
<!--<a class="dropdown-item nav-link nav-menu-links dropdown-menu-links" href="#about/confluence" id="aboutConfluenceCon">Description of Confluence</a> -->
<!-- <a class="dropdown-item nav-link nav-menu-links dropdown-menu-links" href="#about/description" id="aboutConfluence">Description of Studies</a> -->
<li><a class="dropdown-item nav-link nav-menu-links dropdown-menu-links" href="#join/overview" id="resourcesConfluence">Participating Consortium</a></li>
<li><a class="dropdown-item nav-link nav-menu-links dropdown-menu-links" href="#contact" id="contactConfluence">Contact</a></li>
</ul>
</li>
<li class="nav-item dropdown grid-elements">
<a class="nav-link nav-menu-links dropdown-toggle dropdown-btn white-font" href="#" id="navbarDropdown2" role="button" title="Confluence" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
About the Data
</a>
<ul class="dropdown-menu navbar-dropdown">
<li><a class="dropdown-item nav-link nav-menu-links dropdown-menu-links" href="#data_access" id="dataRequest">Data Access</a></li>
<li><a class="dropdown-item nav-link nav-menu-links dropdown-menu-links" href="#data_exploration/dictionary" id="dataDictionary">Data Dictionary</a></li>
</ul>
</li>
<li class="grid-elements">
<a class="nav-link nav-menu-links white-font" rel="noopener" target="_blank" rel="noopener noreferrer" href="https://github.com/episphere/confluence/issues" title="Confluence github issues">
Report issue
</a>
</li>
</ul>
<div class="navbar-nav ml-auto">
<div class="grid-elements">
<button hidden=true class="nav-link nav-menu-links white-font custom-btn" title="Login Dev" id="loginBoxAppDev">Login Dev</button>
<button hidden=true class="nav-link nav-menu-links white-font custom-btn" title="Login Stage" id="loginBoxAppStage">Login Stage</button>
<button hidden=true class="nav-link nav-menu-links white-font custom-btn" title="Login" id="loginBoxAppEpisphere">Log in</button>
<button hidden=true class="nav-link nav-menu-links white-font custom-btn" title="Login" id="loginBoxAppProd">Log in</button>
</div>
</div>
</div>
</div>
</nav>
</header>
<main role="main" id="confluenceMain">
<div class="main-summary-row" id="loadingAnimation" role="status" style="display: none;"></div>
<div class="container">
<div aria-live="polite" aria-atomic="true" class="row confluence-notification">
<div id="showNotification"></div>
</div>
<div class="modal fade" id="confluenceMainModal" data-keyboard="false" data-backdrop="static"
tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header" id="confluenceModalHeader"></div>
<div class="modal-body" id="confluenceModalBody"></div>
</div>
</div>
</div>
<div class="modal fade" id="confluencePreviewerModal" data-keyboard="false" data-backdrop="static"
tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document" style="height: 80%">
<div class="modal-content h-100">
<div class="modal-header" id="confluencePreviewerModalHeader"></div>
<div class="modal-body" id="confluencePreviewerModalBody"></div>
</div>
</div>
</div>
<div class="modal fade" id="modalShareFolder" data-keyboard="false" data-backdrop="static" tabindex="-1"
role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header allow-overflow">
<div id="folderToShare"></div>
<ul class="nav nav-tabs">
<li>
<button title="Add collaborator(s)" class="nav-link" id="addNewCollaborators">Add collaborator(s)</button>
</li>
<li>
<button title="All collaborator(s)" class="nav-link" id="listCollaborators">All collaborator(s)</button>
</li>
<!-- <li>
<button title="Update collaborator(s)" class="nav-link" id="updateCollaborators">Updated collaborator(s)</button>
</li> -->
</ul>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div id="collaboratorModalBody"></div>
</div>
</div>
</div>
<!-- <div class="modal fade" id="modalCollabFolder" data-keyboard="false" data-backdrop="static" tabindex="-1"
role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header allow-overflow">
<div id="folderToCollab"></div>
<ul class="nav nav-tabs">
<li>
<button title="Add collaborator(s)" class="nav-link" id="addNewCollaborators">Add collaborator(s)</button>
</li>
<li>
<button title="All collaborator(s)" class="nav-link" id="listCollaborators">All collaborator(s)</button>
</li>
</ul>
<button type="button" title="Close" class="close modal-close-btn" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div id="collabModalBody"></div>
</div>
</div>
</div> -->
<div class="modal fade" id="modalFileAccessStats" data-keyboard="false" data-backdrop="static"
tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header allow-overflow" id="modalFileStatsHeader"></div>
<div class="modal-body allow-overflow" id="modalFileStatsBody"></div>
<div class="modal-footer">
<button type="button" title="Close" class="btn btn-dark" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<div class="body-min-height" id="confluenceDiv"></div>
</main>
<footer role="contentinfo"></footer>
<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js" defer crossorigin="anonymous"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" defer crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" defer crossorigin="anonymous"></script> -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script lang="javascript" src="https://cdn.sheetjs.com/xlsx-0.20.3/package/dist/xlsx.full.min.js"></script>
<script crossorigin="anonymous" src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.9.2/d3.min.js" defer></script>
<script crossorigin="anonymous" src="https://cdn.plot.ly/plotly-latest.min.js" defer></script>
<script crossorigin="anonymous" src="https://unpkg.com/[email protected]/build/index.js" defer></script>
<script crossorigin="anonymous" src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.js" defer></script>
<script crossorigin="anonymous" src="https://episphere.github.io/qaqc/lorena.js" defer></script>
<script crossorigin="anonymous" src="https://cdn01.boxcdn.net/platform/preview/2.81.0/en-US/preview.js" defer></script>
<script type="module" src="./confluence.js"></script>
<!-- <script type="module" src="./dist/bundle.js"></script> -->
<!-- <script crossorigin="anonymous" src="http://localhost:8001/lorena.js" defer></script> -->
</body>
</html>