Skip to content
Snippets Groups Projects

Develop

Merged Gervaise Henry requested to merge develop into master
Viewing commit 681299d7
Show latest version
1 file
+ 62
33
Preferences
File browser
Compare changes
{{ 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" . }}