Skip to content

Commit

Permalink
Merge pull request #202 from episphere/multipage-application
Browse files Browse the repository at this point in the history 
Multipage application
  • Loading branch information
@LKMason
LKMason authored Dec 14, 2023
2 parents eb56d07 + 871de85 commit 981b60d
Show file tree
Hide file tree
Showing 36 changed files with 1,552 additions and 4,759 deletions.
2 changes: 1 addition & 1 deletion .vscode/settings.json
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
{
"liveServer.settings.port": 8002
"liveServer.settings.port": 8004
}
333 changes: 333 additions & 0 deletions __index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,333 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta
name="Description"
content="View main goals and collaborating institutions."
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Epitracker</title>
<meta name="theme-color" content="#cd2f5a" />
<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/6.3.0/css/all.min.css"
defer
/>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/public/assets/styles/choices.min.css"/>

<link type="text/css" rel="stylesheet" href="./static/css/epitracker.css" />

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" 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/animations.css" rel="stylesheet" defer />
<link href="./static/css/helvetica.css" rel="stylesheet" defer />
<link href="./static/css/montserrat.css" rel="stylesheet" defer />
<link href="./static/css/notosans.css" rel="stylesheet" defer />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js" integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- polyfill.io only loads a Promise polyfill if your browser needs one -->
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Promise"></script>

<!-- Latest version of Preview SDK for your locale -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js" integrity="sha512-BNaRQnYJYiPSqHHDb58B0yaPfCu+Wgds8Gp/gU33kqBtgNS4tSPHuGibyoeqMV/TJlSKda6FXzoEyYGjTe+vXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.js.iife.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.css"/>
<link href="https://cdn.jsdelivr.net/npm/simple-datatables@latest/dist/style.css" rel="stylesheet" type="text/css">

</head>

<body>
<ul class="skip-links">
<li><a href="#epitrackerNav">Skip to navigation</a></li>
<li><a href="#epitrackerMain">Skip to main content</a></li>
</ul>
<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/NIH_NCI.jpg"
height="50px"
alt="NCI Data Platform Logo"
/>
</a>
</div>
</div>
</div>
</div>
<nav
class="navbar navbar-expand-xl navbar-dark"
role="navigation"
id="epitrackerNav"
>
<div class="container">
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-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">
<div class="navbar-nav grid" id="navBarOptions">
<div class="grid-elements">
<a
class="nav-link nav-menu-links white-font"
rel="noopener"
href="#"
title="DCEG Home"
id="homePage"
>
Home
</a>
</div>
<div class="grid-elements">
<a
class="nav-link nav-menu-links white-font"
href="#about/overview"
id="aboutDCEG"
>About
</a>
</div>
<div class="grid-elements">
<a
class="nav-link nav-menu-links white-font"
href="#instruction"
id="instructionPage"
>Instruction
</a>
</div>
<div class="grid-elements">
<a
class="nav-link nav-menu-links white-font"
href="#dictionarypage"
id="dictionaryPage"
>Dictionary
</a>
</div>
<div class="grid-elements dropdown">
<button class="nav-link nav-menu-links dropdown-toggle dropdown-btn white-font" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Visualization
</button>
<ul class="dropdown-menu navbar-dropdown">
<li>
<a class="dropdown-item nav-link nav-menu-links dropdown-menu-links" href="#visualization/quantile" id="quantile-visualization" title="Quantile Visualization">Quantile</a>
</li>
<li>
<a class="dropdown-item nav-link nav-menu-links dropdown-menu-links" href="#visualization/map" id="map-visualization" title="Map Visualization">Map</a>
</li>
<li>
<a class="dropdown-item nav-link nav-menu-links dropdown-menu-links" href="#visualization/demographic" id="demographic-visualization" title="Map Visualization">Map</a>
</li>
</ul>
</div>
<div class="grid-elements">
<a
class="nav-link nav-menu-links white-font"
rel="noopener"
target="_blank"
href="https://github.com/episphere/epitracker/issues"
title="Epitracker github issues"
>
Report issue
</a>
</div>
</div>
</div>
</nav>
</header>
<main role="main" id="epitrackerMain">
<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 epitracker-notification"
>
<div id="showNotification"></div>
</div>

<div
class="modal fade"
id="epitrackerMainModal"
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="epitrackerModalHeader"></div>
<div class="modal-body" id="epitrackerModalBody"></div>
</div>
</div>
</div>

<div
class="modal fade"
id="bcrppPreviewerModal"
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: 800px"
>
<div class="modal-content h-100">
<div class="modal-header" id="bcrppPreviewerModalHeader"></div>
<div class="modal-body" id="bcrppPreviewerModalBody"></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="NIH collaborator(s)"
class="nav-link"
id="listCollaborators"
>
NIH collaborator(s)
</button>
</li>
<li>
<button
title="External collaborator(s)"
class="nav-link"
id="listExtCollaborators"
>
External 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">&times;</span>
</button>
</div>

<div id="collaboratorModalBody"></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="epitrackerDiv"></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.min.js" defer crossorigin="anonymous"></script>-->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-fbbOQedDUMZZ5KreZpsbe1LCZPVmfTnH7ois6mU1QK+m14rQ1l2bGBq41eYeM/fS" crossorigin="anonymous"></script>

<script src="https://cdn.jsdelivr.net/npm/d3@7"></script>
<script src="https://cdn.jsdelivr.net/npm/@observablehq/[email protected]"></script>
<script type="module" src="./src/pages/quantileVisualization.js?version=1.0.0.32"></script>
<script type="module" src="./src/pages/mapVisualization.js?version=1.0.0.32"></script>
<script type="module" src="./epitracker.js?version=1.2"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/public/assets/scripts/choices.min.js"></script>
<!-- <script type="module" src="./dist/bundle.js"></script> -->
</body>
</html>
Loading

0 comments on commit 981b60d

Please sign in to comment.