diff --git a/layouts/custom/repository.html b/layouts/custom/repository.html
index 9570500c9b366e988272f8e659c8b32be507e087..b9ed19a0149b1f335452a338da013f85453a968f 100644
--- a/layouts/custom/repository.html
+++ b/layouts/custom/repository.html
@@ -1,52 +1,46 @@
{{ partial "header.html" . }}
<div class="header">
- <h1>{{ .Title }}</h1>
- <h2>{{ .Description }}</h2>
+ <h1>{{ .Title }}</h1>
+ <h2>{{ .Description }}</h2>
</div>
-<div class="content">
- {{ .Content }}
-
-
- <!-- Sidebar for Filters -->
-
- <div class= "sidenav">
- <button class="dropdown-btn">
- Gender
- <i class="fa fa-caret-down"></i>
- </button>
-
- <div id="gender">
- <input type="checkbox" name="genderF" value="female"> Female</input><br>
- <input type="checkbox" name="genderM" value="male"> Male</input><br>
- <input type="checkbox" name="genderTF" value="transFem"> Transgender Female</input><br>
- <input type="checkbox" name="genderTM" value="transMale"> Transgender Male</input><br>
- <input type="checkbox" name="genderFl" value="fluid"> Gender Fluid</input><br>
- <input type="checkbox" name="other" value="other"> Other </input>
-</div>
- <button class="dropdown-btn">
- Age
- <i class="fa fa-caret-down"></i>
- </button>
+<div class="content">
+ {{ .Content }}
- </div>
+ <!-- Sidebar for Filters -->
+ <div class= "sidenav">
- <!-- Summary of Filtered Data -->
+ <button class="dropdown-btn">
+ Type 2 Diabetes
+ <i class="fa fa-caret-down"></i>
+ </button>
+
+ <div id="filter">
+ <input type="checkbox" name="Type 2 diabetes" value="0"> Has Type 2 Diabetes</input><br>
+ <input type="checkbox" name="Type 2 diabetes" value="1"> No Type 2 Diabetes </input>
+ </div>
- <div id="summary">
+ <button class="dropdown-btn">
+ Age
+ <i class="fa fa-caret-down"></i>
+ </button>
- </div>
+ <p id="displayFiles">replace me</p>
+ </div>
- <!-- Files of Filtered Data -->
- <div id="patientFiles">
+ <!-- Summary of Filtered Data -->
+ <div id="summary">
+ </div>
- </div>
+ <!-- Files of Filtered Data -->
+ <div id="patientFiles">
+ </div>
</div>
@@ -54,12 +48,47 @@
<head>
<link rel="stylesheet" type="text/css" href="/css/sidenavRepository.css"/>
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+ <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="/js/repositoryJS.js"></script>
</head>
<body>
+<script>
+$(document).ready(function(){
+ $("input").click(function(){
+ var data = {{ index .Site.Data.scRNAseq_huPr_D.updated_cleaned_json }};
+ var name = $(this).attr("name");
+ if ($(this).prop("checked") == true){
+
+ if( $.inArray(name, data[0]) < 0){
+ alert ("Name: " + name + " Data: " + data );
+ }
+ else if ($.inArray(name, data[0]) > 0){
+ alert ("Name is in array " +name);
+ }
+
+ $("#displayFiles").text("true");
+ }
+ else if ($(this).prop("checked") == false){
+ $("#displayFiles").text("false");
+ }
+
+
+ });
+
+
+});
+
+</script>
</body>
+
+
+
+
+
+
{{ partial "footer.html" . }}