From 3eb88fb51b396b2839e5d6a9e4345832203bb85c Mon Sep 17 00:00:00 2001
From: Nicole Finks <nicole.finks@utsouthwestern.edu>
Date: Fri, 26 Jul 2019 17:27:53 -0500
Subject: [PATCH] [almost working]
---
layouts/custom/repository.html | 54 ++++++++++++++++++--------
static/css/.sidenavRepository.css.swn | Bin 0 -> 12288 bytes
static/css/.sidenavRepository.css.swo | Bin 0 -> 12288 bytes
static/css/.sidenavRepository.css.swp | Bin 0 -> 12288 bytes
static/css/sidenavRepository.css | 25 ++++++++----
5 files changed, 55 insertions(+), 24 deletions(-)
create mode 100644 static/css/.sidenavRepository.css.swn
create mode 100644 static/css/.sidenavRepository.css.swo
create mode 100644 static/css/.sidenavRepository.css.swp
diff --git a/layouts/custom/repository.html b/layouts/custom/repository.html
index b9ed19a..b23dba7 100644
--- a/layouts/custom/repository.html
+++ b/layouts/custom/repository.html
@@ -12,25 +12,33 @@
<!-- Sidebar for Filters -->
<div class= "sidenav">
-
<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>
+ <input type="checkbox" name="Type 2 diabetes" value="1"> T2 Diabetes</input>
+ <p class="numbers" id="Type2diabetes1">#</p>
+ <br>
+ <input type="checkbox" name="Type 2 diabetes" value="0"> No T2 Diabetes </input>
+ <p class = "numbers" id="Type2diabetes0">#</p>
</div>
<button class="dropdown-btn">
Age
<i class="fa fa-caret-down"></i>
</button>
+
+ <div id="filter">
+ <input value= "Enter Age Here"></input>
- <p id="displayFiles">replace me</p>
+ </div>
- </div>
+ <p id="displayFiles">0</p>
+
+
+</div>
@@ -56,23 +64,35 @@
<body>
<script>
$(document).ready(function(){
+ var results = [];
+ var data = {{ index .Site.Data.scRNAseq_huPr_D.updated_cleaned_json }};
+
$("input").click(function(){
- var data = {{ index .Site.Data.scRNAseq_huPr_D.updated_cleaned_json }};
var name = $(this).attr("name");
+ var value = $(this).attr("value");
+ var id = name + value;
+ id= id.replace(/\s+/g, '');
+
if ($(this).prop("checked") == true){
- if( $.inArray(name, data[0]) < 0){
- alert ("Name: " + name + " Data: " + data );
+ var i;
+ for (i =0; i < data.length; i++){
+ if( data[i][name] == value){
+ results.push(data[i]);
+ $('#'+id).text(results.length);
+ }
}
- 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");
- }
+ }
+ else if ($(this).prop("checked") == false){
+ var i;
+ for (i=0; i<results.length; i++){
+ if (results[i][name]== value){
+ results.splice(i, 1);
+ i--;
+ }
+ }
+ $('#'+id).text(results.length);
+ }
});
diff --git a/static/css/.sidenavRepository.css.swn b/static/css/.sidenavRepository.css.swn
new file mode 100644
index 0000000000000000000000000000000000000000..283cf58f226274b32b2f4ac10f9e5eedba7890f1
GIT binary patch
literal 12288
zcmeI2O^+Kj7{|S+2n5~oQchGV4@8TgVlqj(+wM*{05_!aBC2u%6_4#CRws5e<LqX4
zRk$EN1E_EWA@KnaUjc~=f-7ebhyx%FfDnIACdsm;;@s+))lZ|bA3wH#whz%d@4Wuv
zOLVclDeycf#HGjjZ{GXJ+KIE75K@=ws?=laV&$!$T{$eJ3%3qvYTjNYOsi6*qv_D6
zmjl}BOET}Zoe60bWUwk#Rh3p&8z*;PGZSCg;LH6sO8>VL4qyXp;AR8UFi5u7ubl67
zJF&9$#N%}O;VU=CaS0n>18jf|umLu}2G{@_U;}rofiPJU?_hR!H8bot@3mv^=96D+
zfDNz#Hoykh02^QfY=8~00XDz}*uZUQKx!d=xlf2c?#JNq|Nq7B{~sO@;ydsa_z)a`
zH$V?`!5MHj`1zC&KY<^?x8Mu#5qKAr;4Sbfcoww5qu?I!`??UnfnUM*;A`+X_!N8s
zJ_a|ydmw-T&_ID4ybPWM4}nu)9h?N;oD||q@EN!PJ^=575qJR*_#1Qm3;YS<yyKf6
zHoykh02^QfY=8~00XA@_8@MhAPrJEiOOg%;-i4&H2PUKL_GH#S7I8R{T3a_vf}bE_
ztB!bXY_yeBsnQrnxXVjVjpZyE89N+>Y;&tKnLT|d(sODg-Ox}K_6tLPK(X6gmgF5(
zV_6iYY;sg|E)^nnt$g9jjP^!0m_EL9sjdx6KXp23s#-gpoz0z#M19egD%f2^u`haF
zYYc^&B2~z$qTnfv%%V(}exm)JqkI|y#t{1y*J;%&wUkr?-K%pi9c3fGYszP+y=b50
z!OaWjJ-^~;?5CAUVqB9|kSdJCObRmyn8*>$+glrbbh;250~)iUHLyiMj>B5Upzsn^
zWweSEO@oY}_b7dlrWDL9B(ktWw`|aM({XOfs>w!v8Vc*M&d$5qt(ulqls)m*q1UMU
zXqsl^v}bh~W!+9^<KGLiN|gIj8zfpJ*0!1yazCTI@akG@wOG6DZv0#Jq>b_=Zhw1>
zdeL|}%?p_35wP6LB{{Yj^JTa^zdTNJhpR0`3v)?rGV5UvV@RvwdTTFBS354FmN76@
z2hW$O(<f{-?49^o@8^17&kq9jQ%s9=ghi?&akqUxhNEm=i`EB;b=u6b?te#MIdJ#A
zRx+?NqtT+yVjV%M!a>66QKc`6xYc5Z^97>wosD=V7Lw{i5qEzqh^KCB+%z`%2S6f@
Ae*gdg
literal 0
HcmV?d00001
diff --git a/static/css/.sidenavRepository.css.swo b/static/css/.sidenavRepository.css.swo
new file mode 100644
index 0000000000000000000000000000000000000000..111bbf3b415f4cb5398233b196fef68805cd6c44
GIT binary patch
literal 12288
zcmeI2J&znU7{`4Ggha>-Bo#DIvN|b5%)aF=xtpa35)BfFh=^1m@Ql5?CbRZv#<RC~
zr-X)r&j4HvLgEADGXNb>QiDJ=K~xa&_w4M8E{PCj&@-o>Mq@vIZ2xQ*t8>!5`TCo5
zwY??qoDt&wmH55q&TTyT%{3vUD$@6*niv}@AN@?_sF2n_I-se!vr5=0i?lPYMy_+i
zqpf;FCjGY6zEgVXP1;GzvQrwRt(?BCb5|Pgiv2c9|FshiU;}L6K?9W^Mms0P<$kXl
zDq9!M)7j_Wc`%Mk*Z><~18jf|umLu}2G{@__}?1v`G)uivwNbM;h=eM9D6sP{9*%a
zfDNz#Hoykh02^QfY=8~00XDz}9zz3C3Gv4>Li}|CgUA2>7r+01IW5Fb;5+a+H~{a0
zKInlL!BgP(Q$qX(eg!{(yWj|X3<~f8xDH+cZSVqk8vJ<@{epYoXYf6^3%&whf-k@k
z_ykPB7z}|13S0*l!C7zyoCc@BkIxG6E%+K7fzQCF;6v~lxBvvWkNN%$>Ulqg>&8Q7
z18jf|umLu}2G{@_U<3c%z->Wz+RaT{l5{w9)<>l|&@uIP^4Z{6#9=O#GIkVsmm^}k
zj<`0_%1A2HLTgL7%}W<2au$uX8I66swcX8UFCB``rF1OqNK@(eGfi$tq1!|j<SdmF
znPs|Ya+GwbBSh#rb(t$-+8Z0M2l!58dTUg;%BrZTYVCG+w|1`*4Mba}-b^)xzUWn@
zFcfNv(oB{mc}IS%7iFq&xpI4!lFECGA@nJ3)2df$r7|6=ew};iC?311E?%bgqJ5Nj
zJ1?B~{FbGOt4bY(xF)NhG}96@$@I`;B5Rs=wl@dpbRjkbG-gF>Xflr+hqa7h<|L|$
zU==Bv1~EbJI;iq`<|CPzkzIzjY&A)AQ8u~ARX#Hot8AUE&8AgR2GzMU7JUZU>uH*C
z)1Fa&9QV52%@DC#j#Z+>6-pz~BC#@Mp2_`~lFX&ILaW8f?exOmvL~feSK#)y!>AXH
zmy^7LNv?s#UM|S7rI;_mjrrwqnj2hgC|Y=nYL9UrI~YS+71tYkS-L*Kmew#;2hSI&
zJ0NT{?40mf@8)_}&yN9iQ%H++ge9sYakqUxgrjU;i`EB`u}aV4-oqoX9Ju>lD;b)Z
wR%lUYF_s`T#WBL!Neh={VWWi(=L<xayPM%eEF{%OBJBN85YF60+bT5q2h)^|f&c&j
literal 0
HcmV?d00001
diff --git a/static/css/.sidenavRepository.css.swp b/static/css/.sidenavRepository.css.swp
new file mode 100644
index 0000000000000000000000000000000000000000..1cc35e8d259bdfea2d591b0bdcbe48debfb56775
GIT binary patch
literal 12288
zcmeI2O^X~w7{_bHs1T!~i^S;R(P1HO($h1OU9;PxqToeP6oa0Wq^7H8rbtg!(_OPW
zyGwi{_z^tmC-7`^KY|Budi5qmd^xBH9t8i@-7~Xp44&1emmf`6KlN1Aubw^(TZ7IU
zFTP9{+ZzJc144Y;P2M`Yx^m|q&j=w^kzST+Vr+PM`)fyz3TgfA1DZE)FB8UPk;dcc
z$i<gD`l^@Ypx3tA$EBCvq;Xo7acPvca_2RjyV7`9?6uMQkArXk8(;&s8kqWFv~@~c
z=yf~cW$TH@>7fT-zcr3q*Z><~18jf|umLu}2G{@__|F>f`HFZ4tGlCFVba`Jj@_F_
zzOex|zy{a=8(;%$fDNz#Hoykh02^Qf|3U*&39))oh|~9C^7#M%{P+KN_Y3h2_!4{s
z_Q9K=2fE-<a02{vpAbKQ@4?sL5PS@-g92OuuY#vR8=L`mgWpaG@hkWR+yq~NL-0Ac
z0X_wvfDgfS@IH7CybCh$0*JwRa1N}4pRtCU;0tgFJ_9$v2jB{L7CZ*dfJZ=Ba|=8S
zR>3{sE^q?;4kteXzSsa8U;}J`4X^<=zy{dB|HHsFLAct@DO{3tFm%>OrP<dBb+__a
z|5(I9E|oHN6nU2;VzY{PZlaZuRHlX2mT=OS&Q9bk8f!Be`($IYlh2+!5b=6CmUg76
z^m~~mH>5D^Ko;aIl@pm|x@dBgv>po)hE84PiiCE@#_K+w2Qs}nD%{knsCm`e?rd*t
zUnJ^_woJX*(G<p_=as@#sA)<wS(fA-`LUk2slw&T?OGa4y~iBFnBp2ON2OLO)1m5B
zxfhO-vD?wbd1}x5M+0x`#(LyeEKS_B)KQ3QvI;sPc58F3k74F2Gd=W;OVJvd%%j&q
zSpFg;At*cwRCqn}k<84<CR7B`ebKVh$v_un-J8fweP%3n(mGq&OQ%H{bmq=jj1q(%
zO%o;(+IEfd<D}c^to>E_GSR>lN+Z!cu`*?z$-RUInM<#RUi01A>W06?NJ^)!!0B&?
zS<gE+9uj&Ai#!50bRqqi?ppMv`tUf_&Xz?(3$>M)q=zcSl$Om^@h)1IHI-0HYnZBn
z>uu@u3B`o!2#;08R+U?qIw~flMLNP3RgpN`z8AvLR=-8>{m59QXG!<(Bd{Gf`(7y-
ynweJUQDrffAT`COg6|_OT$Y7m3Io;~L>D@1q3Y+7s<IFD9U8)SHPLn&y8H<xmxP1>
literal 0
HcmV?d00001
diff --git a/static/css/sidenavRepository.css b/static/css/sidenavRepository.css
index 5a5047e..da06e06 100644
--- a/static/css/sidenavRepository.css
+++ b/static/css/sidenavRepository.css
@@ -1,22 +1,20 @@
/* the sidebar menu */
.sidenav {
- width: 20% ;
+ width: 30% ;
position: fixed/* stay in place on scroll */
/* z-index:1; /* stay on top*/
top : 0; /* stay on top*/
left: 0; /* on left side of screen */
background: #eee;
- padding-top: 20px;
- padding-right:20px;
+ padding-top: 2px;
+ padding-right:2px;
}
-
/* Sidenav filters */
-.sidenav a, .dropdown-btn, #gender {
- padding: 6px 15px 6px 6px;
+.sidenav a, .dropdown-btn {
+ padding: 6px 6px 6px 6px;
text-decoration: none;
- font-size: 15px;
color: #818181;
display: block;
border: none;
@@ -27,6 +25,19 @@
outline: none;
}
+.numbers {
+ text-align: right;
+ padding: 0px 0px 0px 0px;
+ float: right;
+}
+
+#filter {
+ padding-left: 15px;
+ font-size: 85%;
+ clear: left;
+}
+
+
/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
color: #cacfd2 ;
--
GitLab